[EuiCallOut] Support popover and tooltip on actionProps

[mgadewoll]

Summary

This PR updates EuiCallOut, specifically adding support for popoverProps and tooltipProps on the recently added actionProps API.

Because the API was made stricter using an object shape to strictly define actions, it's not possible to compose actions and popovers on consumer side anymore. Instead we'll need to support it internally via the same prop shape.

This PR adds higher-order utils withEuiPopover and withEuiToolTip to centralize rendering a wrapped action.

Note

We might be able to resolve this gain once we refactor EuiPopover/EuiToolTip to not require passing the trigger element as prop.

Additional changes

• removes the render condition for secondary actions (EUI stays more flexible here, consumers can add stricter rules as needed)

API Changes

component / parent	prop / child	change	description
EuiCallOut	actionProps	Updated	Added support for popoverProps and tooltipProps for each action.

Screenshots

popoverProps	tooltipProps

Impact Assessment

Note: Most PRs should be tested in Kibana to help gauge their Impact before merging.

• 🔴 Breaking changes — What will break? How many usages in Kibana/Cloud UI are impacted?
• 💅 Visual changes — May impact style overrides; could require visual testing. Explain and estimate impact.
• 🧪 Test impact — May break functional or snapshot tests (e.g., HTML structure, class names, default values).
• 🔧 Hard to integrate — If changes require substantial updates to Kibana, please stage the changes and link them here.

Impact level: 🟢 None
This is a new feature. Implementations will first need to be migrated to use this.

Release Readiness

• Documentation: {link to docs page(s)}
• Figma: {link to Figma or issue}
• Migration guide: {steps or link, for breaking/visual changes or deprecations}
• Adoption plan (new features): {link to issue/doc or outline who will integrate this and where}

QA instructions for reviewer

💻 popoverProps
💻 tooltipProps

• verify that popoverProps applies correctly and renders a popover on callout actions
• verify that tooltipProps applies correctly and renders a tooltip on callout actions
• verify that popoverProps and tooltipProps combined both apply correctly and renders a popover and tooltip on callout actions

Checklist before marking Ready for Review

• Filled out all sections above
• QA: Tested light/dark modes, high contrast, mobile, Chrome/Safari/Edge/Firefox, keyboard-only, screen reader
• QA: Tested in CodeSandbox and [Kibana](https://github.com/elastic/eui/blob/main/wiki/contributing-to-eui/testing/testing-in-kibana.md)
• QA: Tested docs changes
• Tests: Added/updated Jest, Cypress, and VRT
• Changelog: Added changelog entry
• Breaking changes: Added breaking change label (if applicable)

Reviewer checklist

• Approved Impact Assessment — Acceptable to merge given the consumer impact.
• Approved Release Readiness — Docs, Figma, and migration info are sufficient to ship.

[Copilot]

Pull request overview

Adds support for wrapping EuiCallOut actionProps actions with EuiPopover and/or EuiToolTip, enabling consumers to attach popovers/tooltips to the new stricter action object shape.

Changes:

• Added popoverProps and tooltipProps to EuiCallOut primary/secondary action prop types and render logic.
• Introduced withEuiPopover / withEuiToolTip wrapper utilities and exported them from their component barrels.
• Added unit tests and Storybook stories covering tooltip/popover callout actions.

Reviewed changes

Copilot reviewed 8 out of 12 changed files in this pull request and generated 7 comments.

Show a summary per file

File	Description
packages/eui/src/components/tool_tip/with_tooltip.tsx	Adds a small helper to wrap a React element in EuiToolTip when props are provided.
packages/eui/src/components/tool_tip/index.ts	Exports the new tooltip wrapper helper/type.
packages/eui/src/components/popover/with_popover.tsx	Adds a small helper to wrap a React element in EuiPopover when props are provided.
packages/eui/src/components/popover/index.ts	Exports the new popover wrapper helper/type.
packages/eui/src/components/call_out/call_out_action.tsx	Extends action props to accept tooltip/popover props and composes wrappers around action buttons.
packages/eui/src/components/call_out/call_out.styles.ts	Updates layout/styling for actions (notably super-narrow full-width behavior).
packages/eui/src/components/call_out/call_out.test.tsx	Adds tests for tooltip/popover rendering on actions.
packages/eui/src/components/call_out/call_out.stories.tsx	Adds Storybook stories (and Loki portal selector) for tooltip/popover action variants.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[acstll]

🟢 Working as expected, went through QA instructions. Only left a comment regarding the changelog.

[elasticmachine]

💚 Build Succeeded

• Buildkite Build
• Commit: c22eb01

History

• 💚 Build #6726 succeeded 514bfde
• 💚 Build #6721 succeeded e996005
• 💚 Build #6702 succeeded 43e4519
• 💚 Build #6699 succeeded 8cad94c
• 💚 Build #6695 succeeded 0e3e43d
• 💚 Build #6684 succeeded ca46d28

cc @mgadewoll

[elasticmachine]

💚 Build Succeeded

• Buildkite Build
• Commit: c22eb01
• Documentation website
• Storybook

History

• 💚 Build #3803 succeeded 514bfde
• 💚 Build #3797 succeeded e996005
• 💚 Build #3778 succeeded 43e4519
• 💚 Build #3774 succeeded 8cad94c
• 💚 Build #3770 succeeded 0e3e43d
• 💚 Build #3758 succeeded ca46d28

cc @mgadewoll