feat(eui): add tooltipProps prop to EuiCopy

weronikaolejniczak · weronikaolejniczak · commit 6f125458541a · 2025-06-06T13:54:44.000+02:00
diff --git a/packages/eui/src/components/copy/copy.tsx b/packages/eui/src/components/copy/copy.tsx
@@ -11,9 +11,7 @@ import { CommonProps } from '../common';
 import { copyToClipboard } from '../../services';
 import { EuiToolTip, EuiToolTipProps } from '../tool_tip';
 
-export interface EuiCopyProps
-  extends CommonProps,
-    Partial<Omit<EuiToolTipProps, 'children'>> {
+export interface EuiCopyProps extends CommonProps {
   /**
    * Text that will be copied to clipboard when copy function is executed.
    */
@@ -32,6 +30,10 @@ export interface EuiCopyProps
    * Use your own logic to create the component that users interact with when triggering copy.
    */
   children(copy: () => void): ReactElement;
+  /**
+   * Optional props to pass to the EuiToolTip component.
+   */
+  tooltipProps?: Partial<EuiToolTipProps>;
 }
 
 interface EuiCopyState {
@@ -67,16 +69,15 @@ export class EuiCopy extends Component<EuiCopyProps, EuiCopyState> {
   };
 
   render() {
-    const { children, textToCopy, beforeMessage, afterMessage, ...rest } =
-      this.props;
+    const { children, tooltipProps } = this.props;
 
     return (
       // See `src/components/tool_tip/tool_tip.js` for explanation of below eslint-disable
       // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
       <EuiToolTip
         content={this.state.tooltipText}
         onMouseOut={this.resetTooltipText}
-        {...rest}
+        {...tooltipProps}
       >
         {children(this.copy)}
       </EuiToolTip>
