@elastic/eui 114.3.0 → 115.0.0

package/es/components/tool_tip/tool_tip.styles.js

@@ -1,4 +1,4 @@
-var _templateObject, _templateObject2;
+var _templateObject;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 /*
@@ -10,8 +10,8 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  */
 
 import { css, keyframes } from '@emotion/react';
-import { euiShadow } from '@elastic/eui-theme-common';
-import { logicalCSS, euiFontSize, euiCanAnimate } from '../../global_styling';
+import { euiCanAnimate, euiShadow } from '@elastic/eui-theme-common';
+import { logicalCSS, euiFontSize } from '../../global_styling';
 import { _popoverArrowStyles } from '../../services/popover';
 import { euiPanelBorderStyles } from '../panel/panel.styles';
 export var euiToolTipBackgroundColor = function euiToolTipBackgroundColor(euiTheme) {
@@ -20,29 +20,21 @@ export var euiToolTipBackgroundColor = function euiToolTipBackgroundColor(euiThe
 export var euiToolTipBorderColor = function euiToolTipBorderColor(euiTheme) {
   return euiTheme.components.tooltipBorder;
 };
-var euiToolTipAnimationVertical = function euiToolTipAnimationVertical(size) {
-  return keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    0% {\n        opacity: 0;\n        transform: translateY(", ");\n    }\n\n    100% {\n        opacity: 1;\n        transform: translateY(0);\n    }\n"])), size);
-};
-var euiToolTipAnimationHorizontal = function euiToolTipAnimationHorizontal(size) {
-  return keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    0% {\n        opacity: 0;\n        transform: translateX(", ");\n    }\n\n    100% {\n        opacity: 1;\n        transform: translateX(0);\n    }\n"])), size);
-};
+var euiToolTipAnimation = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  from { opacity: 0; }\n  to { opacity: 1; }\n"])));
 export var euiToolTipStyles = function euiToolTipStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme,
     highContrastMode = euiThemeContext.highContrastMode;
   var hasShadow = !highContrastMode;
-  var animationTiming = "".concat(euiTheme.animation.slow, " ease-out 0s forwards");
   var arrowSize = euiTheme.size.m;
   var arrowStyles = _popoverArrowStyles(euiThemeContext, arrowSize);
   return {
     // Base
-    euiToolTip: /*#__PURE__*/css(hasShadow ? euiShadow(euiThemeContext) : '', " border-radius:", euiTheme.border.radius.medium, ";background-color:", euiToolTipBackgroundColor(euiTheme), ";color:", euiTheme.colors.textGhost, ";z-index:", euiTheme.levels.toast, ";", logicalCSS('max-width', '256px'), " overflow-wrap:break-word;padding:", euiTheme.size.s, ";", euiFontSize(euiThemeContext, 's'), " position:absolute;", euiPanelBorderStyles(euiThemeContext), " [class*='euiHorizontalRule']{background-color:", euiToolTipBorderColor(euiTheme), ";};label:euiToolTip;"),
-    // Sizes
-    s: /*#__PURE__*/css(euiFontSize(euiThemeContext, 'xs'), ";;label:s;"),
-    // Positions
-    top: /*#__PURE__*/css(euiCanAnimate, "{animation:", euiToolTipAnimationVertical("-".concat(euiTheme.size.base)), " ", animationTiming, ";};label:top;"),
-    bottom: /*#__PURE__*/css(euiCanAnimate, "{animation:", euiToolTipAnimationVertical(euiTheme.size.base), " ", animationTiming, ";};label:bottom;"),
-    left: /*#__PURE__*/css(euiCanAnimate, "{animation:", euiToolTipAnimationHorizontal("-".concat(euiTheme.size.base)), " ", animationTiming, ";};label:left;"),
-    right: /*#__PURE__*/css(euiCanAnimate, "{animation:", euiToolTipAnimationHorizontal(euiTheme.size.base), " ", animationTiming, ";};label:right;"),
+    euiToolTip: /*#__PURE__*/css(hasShadow ? euiShadow(euiThemeContext) : '', " border-radius:", euiTheme.border.radius.medium, ";background-color:", euiToolTipBackgroundColor(euiTheme), ";color:", euiTheme.colors.textGhost, ";z-index:", euiTheme.levels.toast, ";", logicalCSS('max-width', '256px'), " overflow-wrap:break-word;padding:", euiTheme.size.s, ";", euiFontSize(euiThemeContext, 'xs'), " position:absolute;pointer-events:none;", euiPanelBorderStyles(euiThemeContext), " [class*='euiHorizontalRule']{background-color:", euiToolTipBorderColor(euiTheme), ";}", euiCanAnimate, "{animation:", euiToolTipAnimation, " ", euiTheme.animation.extraFast, " ease-out ", euiTheme.animation.fast, " both;};label:euiToolTip;"),
+    // Positions - kept for component compatibility. Animation is in the base style.
+    top: /*#__PURE__*/css(";label:top;"),
+    bottom: /*#__PURE__*/css(";label:bottom;"),
+    left: /*#__PURE__*/css(";label:left;"),
+    right: /*#__PURE__*/css(";label:right;"),
     // Arrow
     euiToolTip__arrow: /*#__PURE__*/css(arrowStyles._arrowStyles, " background-color:inherit;;label:euiToolTip__arrow;"),
     arrowPositions: arrowStyles.positions,

package/es/components/tool_tip/tool_tip_anchor.js

@@ -13,7 +13,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React, { cloneElement, forwardRef } from 'react';
 import PropTypes from "prop-types";
 import classNames from 'classnames';
-import { useGeneratedHtmlId } from '../../services';
+import { useGeneratedHtmlId, useEuiMemoizedStyles } from '../../services';
 import { euiToolTipAnchorStyles } from './tool_tip.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var EuiToolTipAnchor = /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -27,7 +27,7 @@ export var EuiToolTipAnchor = /*#__PURE__*/forwardRef(function (_ref, ref) {
     display = _ref.display,
     isVisible = _ref.isVisible,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var anchorCss = euiToolTipAnchorStyles();
+  var anchorCss = useEuiMemoizedStyles(euiToolTipAnchorStyles);
   var cssStyles = [anchorCss.euiToolTipAnchor, anchorCss[display]];
   var classes = classNames('euiToolTipAnchor', className);
   var anchorId = useGeneratedHtmlId({
@@ -48,7 +48,7 @@ export var EuiToolTipAnchor = /*#__PURE__*/forwardRef(function (_ref, ref) {
       onMouseOut: onMouseOut
     }), /*#__PURE__*/cloneElement(children, {
       onFocus: function onFocus(e) {
-        _onFocus();
+        _onFocus(e);
         children.props.onFocus && children.props.onFocus(e);
       },
       onBlur: function onBlur(e) {

package/es/components/tool_tip/tool_tip_manager.js

@@ -26,6 +26,7 @@ var ToolTipManager = /*#__PURE__*/_createClass(function ToolTipManager() {
   // multiple tooltips are registered via async shenanigans
   _defineProperty(this, "toolTipsToHide", new Set());
   _defineProperty(this, "registerTooltip", function (hideCallback) {
+    if (_this.toolTipsToHide.has(hideCallback)) return;
     _this.toolTipsToHide.forEach(function (hide) {
       return hide();
     });

package/es/components/tool_tip/tool_tip_popover.js

@@ -13,7 +13,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React, { useEffect, useRef, useCallback } from 'react';
 import PropTypes from "prop-types";
 import classNames from 'classnames';
-import { useEuiTheme } from '../../services';
+import { useEuiMemoizedStyles } from '../../services';
 import { euiToolTipStyles } from './tool_tip.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var EuiToolTipPopover = function EuiToolTipPopover(_ref) {
@@ -24,23 +24,23 @@ export var EuiToolTipPopover = function EuiToolTipPopover(_ref) {
     popoverRef = _ref.popoverRef,
     calculatedPosition = _ref.calculatedPosition,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var popover = useRef();
-  var euiTheme = useEuiTheme();
-  var styles = euiToolTipStyles(euiTheme);
+  var popover = useRef(null);
+  var styles = useEuiMemoizedStyles(euiToolTipStyles);
   var cssStyles = [styles.euiToolTip, calculatedPosition && styles[calculatedPosition]];
   var updateDimensions = useCallback(function () {
     requestAnimationFrame(function () {
-      // Because of this delay, sometimes `positionToolTip` becomes unavailable.
+      // Because of this delay, the popover may have unmounted by the time the RAF fires.
       if (popover.current) {
         positionToolTip();
       }
     });
   }, [positionToolTip]);
-  var setPopoverRef = function setPopoverRef(ref) {
+  var setPopoverRef = useCallback(function (ref) {
+    popover.current = ref;
     if (popoverRef) {
       popoverRef(ref);
     }
-  };
+  }, [popoverRef]);
   useEffect(function () {
     document.body.classList.add('euiBody-hasPortalContent');
     window.addEventListener('resize', updateDimensions);

package/es/test/rtl/component_helpers.d.ts

@@ -6,9 +6,6 @@
 export declare const waitForEuiPopoverOpen: () => Promise<void>;
 export declare const waitForEuiPopoverClose: () => Promise<void>;
 
-export declare const waitForEuiToolTipVisible: () => Promise<void>;
-export declare const waitForEuiToolTipHidden: () => Promise<void>;
-
 export declare const showEuiComboBoxOptions: () => Promise<void>;
 
 export declare const waitForEuiContextMenuPanelTransition: () => Promise<void>;

package/es/test/rtl/component_helpers.js

@@ -65,81 +65,59 @@ export var waitForEuiPopoverClose = /*#__PURE__*/function () {
 }();
 
 /**
- * Ensure the EuiToolTip being tested is open and visible before continuing
+ * jsdom does not track keyboard vs. mouse input modality, so `:focus-visible`
+ * always returns false. Call this before `fireEvent.focus()` on an element that
+ * should be treated as keyboard-focused.
+ *
+ * Returns a cleanup function, call it after test assertions to restore the spy.
  */
-export var waitForEuiToolTipVisible = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          _context3.next = 2;
-          return waitFor(function () {
-            var tooltip = document.querySelector('.euiToolTipPopover');
-            expect(tooltip).toBeVisible();
-          }, {
-            timeout: 3000
-          } // Account for long delay on tooltips
-          );
-        case 2:
-          return _context3.abrupt("return", _context3.sent);
-        case 3:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3);
-  }));
-  return function waitForEuiToolTipVisible() {
-    return _ref3.apply(this, arguments);
+export var simulateFocusVisible = function simulateFocusVisible(element) {
+  var originalMatches = Element.prototype.matches.bind(element);
+  var spy = jest.spyOn(element, 'matches').mockImplementation(function (selector) {
+    return selector === ':focus-visible' ? true : originalMatches(selector);
+  });
+  return function () {
+    return spy.mockRestore();
   };
-}();
-export var waitForEuiToolTipHidden = /*#__PURE__*/function () {
-  var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
-        case 0:
-          _context4.next = 2;
-          return waitFor(function () {
-            var tooltip = document.querySelector('.euiToolTipPopover');
-            expect(tooltip).toBeNull();
-          });
-        case 2:
-          return _context4.abrupt("return", _context4.sent);
-        case 3:
-        case "end":
-          return _context4.stop();
-      }
-    }, _callee4);
-  }));
-  return function waitForEuiToolTipHidden() {
-    return _ref4.apply(this, arguments);
-  };
-}();
+};
+
+/**
+ * Prefer this over `fireEvent.focus()` in tooltip tests. Plain `fireEvent.focus`
+ * does not set `:focus-visible` in jsdom and will not trigger the tooltip.
+ *
+ * Returns a cleanup function to restore the mock after assertions.
+ */
+export var focusEuiToolTipTrigger = function focusEuiToolTipTrigger(element) {
+  var cleanup = simulateFocusVisible(element);
+  fireEvent.focus(element);
+  return cleanup;
+};
 
 /**
  * EuiComboBox
  */
 
 export var showEuiComboBoxOptions = /*#__PURE__*/function () {
-  var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-    return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-      while (1) switch (_context5.prev = _context5.next) {
+  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
         case 0:
           fireEvent.click(screen.getByTestSubject('comboBoxToggleListButton'));
-          _context5.next = 3;
+          _context3.next = 3;
           return waitForEuiPopoverOpen();
         case 3:
-          _context5.next = 5;
+          _context3.next = 5;
           return waitFor(function () {
             expect(screen.getByRole('listbox')).toBeInTheDocument();
           });
         case 5:
         case "end":
-          return _context5.stop();
+          return _context3.stop();
       }
-    }, _callee5);
+    }, _callee3);
   }));
   return function showEuiComboBoxOptions() {
-    return _ref5.apply(this, arguments);
+    return _ref3.apply(this, arguments);
   };
 }();
 
@@ -148,16 +126,16 @@ export var showEuiComboBoxOptions = /*#__PURE__*/function () {
  */
 
 export var waitForEuiContextMenuPanelTransition = /*#__PURE__*/function () {
-  var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+  var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
     var getPanels;
-    return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-      while (1) switch (_context6.prev = _context6.next) {
+    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
         case 0:
           // Used document instead of container or screen due to context menus living in portals
           getPanels = function getPanels() {
             return document.querySelectorAll('.euiContextMenuPanel');
           }; // 2 panels will appear for the transition animation
-          _context6.next = 3;
+          _context4.next = 3;
           return waitFor(function () {
             expect(getPanels().length).toEqual(2);
           });
@@ -172,11 +150,11 @@ export var waitForEuiContextMenuPanelTransition = /*#__PURE__*/function () {
           expect(getPanels().length).toEqual(1);
         case 6:
         case "end":
-          return _context6.stop();
+          return _context4.stop();
       }
-    }, _callee6);
+    }, _callee4);
   }));
   return function waitForEuiContextMenuPanelTransition() {
-    return _ref6.apply(this, arguments);
+    return _ref4.apply(this, arguments);
   };
 }();

package/eui.d.ts

@@ -2103,12 +2103,7 @@ declare module '@elastic/eui/src/components/observer/resize_observer' {
 
 }
 declare module '@elastic/eui/src/components/portal/portal' {
-	/**
-	 * NOTE: We can't test this component because Enzyme doesn't support rendering
-	 * into portals.
-	 */
-	import React, { FunctionComponent, Component, ContextType, ReactNode } from 'react';
-	import { EuiNestedThemeContext } from '@elastic/eui/src/services'; const INSERT_POSITIONS: readonly ["after", "before"];
+	import { FunctionComponent, ReactNode } from 'react'; const INSERT_POSITIONS: readonly ["after", "before"];
 	type EuiPortalInsertPosition = (typeof INSERT_POSITIONS)[number];
 	export interface EuiPortalProps {
 	    /**
@@ -2129,19 +2124,6 @@ declare module '@elastic/eui/src/components/portal/portal' {
 	    portalRef?: (ref: HTMLDivElement | null) => void;
 	}
 	export const EuiPortal: FunctionComponent<EuiPortalProps>;
-	interface EuiPortalState {
-	    portalNode: HTMLDivElement | null;
-	}
-	export class EuiPortalClass extends Component<EuiPortalProps, EuiPortalState> {
-	    static contextType: React.Context<import("@elastic/eui-theme-common").EuiThemeNested>;
-	    context: ContextType<typeof EuiNestedThemeContext>;
-	    constructor(props: EuiPortalProps);
-	    componentDidMount(): void;
-	    componentWillUnmount(): void;
-	    private setThemeColor;
-	    private updatePortalRef;
-	    render(): React.ReactPortal | null;
-	}
 	export {};
 
 }
@@ -9763,7 +9745,6 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip.styles' {
 	export const euiToolTipBorderColor: (euiTheme: UseEuiTheme["euiTheme"]) => string;
 	export const euiToolTipStyles: (euiThemeContext: UseEuiTheme) => {
 	    euiToolTip: import("@emotion/react").SerializedStyles;
-	    s: import("@emotion/react").SerializedStyles;
 	    top: import("@emotion/react").SerializedStyles;
 	    bottom: import("@emotion/react").SerializedStyles;
 	    left: import("@emotion/react").SerializedStyles;
@@ -9792,7 +9773,7 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip_popover' {
 	    positionToolTip: () => void;
 	    children?: ReactNode;
 	    title?: ReactNode;
-	    popoverRef?: (ref: HTMLDivElement) => void;
+	    popoverRef?: (ref: HTMLDivElement | null) => void;
 	    calculatedPosition?: ToolTipPositions;
 	};
 	export const EuiToolTipPopover: FunctionComponent<Props>;
@@ -9842,16 +9823,16 @@ declare module '@elastic/eui/src/services/popover/reposition_on_scroll' {
 
 }
 declare module '@elastic/eui/src/components/tool_tip/tool_tip_anchor' {
-	import React, { HTMLAttributes } from 'react';
+	import React, { HTMLAttributes, type FocusEvent as ReactFocusEvent } from 'react';
 	import type { EuiToolTipProps } from '@elastic/eui/src/components/tool_tip/tool_tip';
 	export type EuiToolTipAnchorProps = Omit<HTMLAttributes<HTMLSpanElement>, 'onBlur' | 'onFocus' | 'children'> & Required<Pick<EuiToolTipProps, 'display' | 'children'>> & {
 	    onBlur: () => void;
-	    onFocus: () => void;
+	    onFocus: (e: ReactFocusEvent) => void;
 	    isVisible: boolean;
 	};
 	export const EuiToolTipAnchor: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLSpanElement>, "children" | "onFocus" | "onBlur"> & Required<Pick<EuiToolTipProps, "children" | "display">> & {
 	    onBlur: () => void;
-	    onFocus: () => void;
+	    onFocus: (e: ReactFocusEvent) => void;
 	    isVisible: boolean;
 	} & React.RefAttributes<HTMLSpanElement>>;
 
@@ -9875,21 +9856,11 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip_manager' {
 
 }
 declare module '@elastic/eui/src/components/tool_tip/tool_tip' {
-	import React, { Component, ContextType, ReactElement, ReactNode, MouseEvent as ReactMouseEvent, HTMLAttributes } from 'react';
+	import React, { ReactElement, ReactNode, type MouseEvent as ReactMouseEvent, HTMLAttributes } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { type EuiPopoverPosition } from '@elastic/eui/src/services/popover';
-	import { EuiComponentDefaultsContext } from '@elastic/eui/src/components/provider/component_defaults';
 	import { ToolTipPositions } from '@elastic/eui/src/components/tool_tip/tool_tip_popover';
 	export const POSITIONS: readonly ["top", "right", "bottom", "left"]; const DISPLAYS: readonly ["inlineBlock", "block"];
-	export type ToolTipDelay = 'regular' | 'long';
 	export const DEFAULT_TOOLTIP_OFFSET = 16;
-	interface ToolTipStyles {
-	    top: number;
-	    left: number | 'auto';
-	    right?: number | 'auto';
-	    opacity?: number;
-	    visibility?: 'hidden';
-	}
 	export interface EuiToolTipProps extends CommonProps {
 	    /**
 	     * Passes onto the span wrapping the trigger.
@@ -9915,10 +9886,6 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip' {
 	     * Common display alternatives for the anchor wrapper
 	     */
 	    display?: (typeof DISPLAYS)[number];
-	    /**
-	     * Delay before showing tooltip. Good for repeatable items.
-	     */
-	    delay: ToolTipDelay;
 	    /**
 	     * An optional title for your tooltip.
 	     */
@@ -9930,7 +9897,7 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip' {
 	    /**
 	     * Suggested position. If there is not enough room for it this will be changed.
 	     */
-	    position: ToolTipPositions;
+	    position?: ToolTipPositions;
 	    /**
 	     * When `true`, the tooltip's position is re-calculated when the user
 	     * scrolls. This supports having fixed-position tooltip anchors.
@@ -9957,40 +9924,12 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip' {
 	     */
 	    offset?: number;
 	}
-	interface State {
-	    visible: boolean;
-	    hasFocus: boolean;
-	    calculatedPosition: ToolTipPositions;
-	    toolTipStyles: ToolTipStyles;
-	    arrowStyles?: Record<EuiPopoverPosition, number | string>;
-	    id: string;
-	}
-	export class EuiToolTip extends Component<EuiToolTipProps, State> {
-	    static contextType: React.Context<import ("@elastic/eui/src/components/provider/component_defaults").EuiComponentDefaults>;
-	    context: ContextType<typeof EuiComponentDefaultsContext>;
-	    private repositionOnScroll;
-	    _isMounted: boolean;
-	    anchor: null | HTMLElement;
-	    popover: null | HTMLElement;
-	    private timeoutId?;
-	    constructor(props: EuiToolTipProps);
-	    static defaultProps: Partial<EuiToolTipProps>;
-	    clearAnimationTimeout: () => void;
-	    componentDidMount(): void;
-	    componentWillUnmount(): void;
-	    componentDidUpdate(prevProps: EuiToolTipProps, prevState: State): void;
-	    testAnchor: () => void;
-	    setAnchorRef: (ref: HTMLElement) => HTMLElement;
-	    setPopoverRef: (ref: HTMLElement) => HTMLElement;
+	export interface EuiToolTipRef {
 	    showToolTip: () => void;
-	    positionToolTip: () => void;
 	    hideToolTip: () => void;
-	    onFocus: () => void;
-	    onBlur: () => void;
-	    onEscapeKey: (event: React.KeyboardEvent<HTMLSpanElement>) => void;
-	    onMouseOut: (event: ReactMouseEvent<HTMLSpanElement, MouseEvent>) => void;
-	    render(): React.JSX.Element;
+	    id: string;
 	}
+	export const EuiToolTip: React.ForwardRefExoticComponent<EuiToolTipProps & React.RefAttributes<EuiToolTipRef>>;
 	export {};
 
 }
@@ -9999,7 +9938,7 @@ declare module '@elastic/eui/src/components/tool_tip/icon_tip' {
 	import { PropsOf } from '@elastic/eui/src/components/common';
 	import { EuiIcon, IconSize, IconType } from '@elastic/eui/src/components/icon';
 	import { EuiToolTipProps } from '@elastic/eui/src/components/tool_tip/tool_tip';
-	export type EuiIconTipProps = Omit<EuiToolTipProps, 'children' | 'delay' | 'position'> & {
+	export type EuiIconTipProps = Omit<EuiToolTipProps, 'children' | 'position'> & {
 	    /**
 	     * Children are not allowed as they are built using the icon props
 	     */
@@ -10026,7 +9965,6 @@ declare module '@elastic/eui/src/components/tool_tip/icon_tip' {
 	    iconProps?: Omit<PropsOf<typeof EuiIcon>, 'type'> & {
 	        type?: never;
 	    };
-	    delay?: EuiToolTipProps['delay'];
 	    position?: EuiToolTipProps['position'];
 	};
 	export const EuiIconTip: FunctionComponent<EuiIconTipProps>;
@@ -10034,7 +9972,7 @@ declare module '@elastic/eui/src/components/tool_tip/icon_tip' {
 }
 declare module '@elastic/eui/src/components/tool_tip' {
 	export type { ToolTipPositions } from '@elastic/eui/src/components/tool_tip/tool_tip_popover';
-	export type { EuiToolTipProps } from '@elastic/eui/src/components/tool_tip/tool_tip';
+	export type { EuiToolTipProps, EuiToolTipRef } from '@elastic/eui/src/components/tool_tip/tool_tip';
 	export { EuiToolTip } from '@elastic/eui/src/components/tool_tip/tool_tip';
 	export type { EuiIconTipProps } from '@elastic/eui/src/components/tool_tip/icon_tip';
 	export { EuiIconTip } from '@elastic/eui/src/components/tool_tip/icon_tip';
@@ -11837,9 +11775,8 @@ declare module '@elastic/eui/src/components/basic_table/table_types' {
 	    icon?: IconType;
 	    /** Additional props for EuiIcon */
 	    iconProps?: EuiIconTipProps['iconProps'];
-	    /** Additional props for the EuiToolip */
-	    tooltipProps?: Omit<EuiToolTipProps, 'children' | 'delay' | 'position'> & {
-	        delay?: EuiToolTipProps['delay'];
+	    /** Additional props for the EuiToolTip */
+	    tooltipProps?: Omit<EuiToolTipProps, 'children' | 'position'> & {
 	        position?: EuiToolTipProps['position'];
 	    };
 	};
@@ -21867,9 +21804,8 @@ declare module '@elastic/eui/src/components/color_picker/color_picker_swatch' {
 	     * @default true
 	     */
 	    showToolTip?: boolean;
-	    /** Additional props for the EuiToolip when `showToolTip={true}` */
-	    toolTipProps?: Omit<EuiToolTipProps, 'children' | 'delay' | 'position'> & {
-	        delay?: EuiToolTipProps['delay'];
+	    /** Additional props for the EuiToolTip when `showToolTip={true}` */
+	    toolTipProps?: Omit<EuiToolTipProps, 'children' | 'position'> & {
 	        position?: EuiToolTipProps['position'];
 	    };
 	};
@@ -21880,9 +21816,8 @@ declare module '@elastic/eui/src/components/color_picker/color_picker_swatch' {
 	     * @default true
 	     */
 	    showToolTip?: boolean;
-	    /** Additional props for the EuiToolip when `showToolTip={true}` */
-	    toolTipProps?: Omit<EuiToolTipProps, "children" | "delay" | "position"> & {
-	        delay?: EuiToolTipProps["delay"];
+	    /** Additional props for the EuiToolTip when `showToolTip={true}` */
+	    toolTipProps?: Omit<EuiToolTipProps, "children" | "position"> & {
 	        position?: EuiToolTipProps["position"];
 	    };
 	} & React.RefAttributes<HTMLButtonElement>>;
@@ -22370,7 +22305,7 @@ declare module '@elastic/eui/src/components/filter_group/filter_select_item' {
 	import React, { ButtonHTMLAttributes, Component } from 'react';
 	import { WithEuiThemeProps } from '@elastic/eui/src/services';
 	import { CommonProps } from '@elastic/eui/src/components/common';
-	import { EuiToolTip } from '@elastic/eui/src/components/tool_tip';
+	import type { EuiToolTipRef } from '@elastic/eui/src/components/tool_tip';
 	import { EuiComboBoxOptionOption } from '@elastic/eui/src/components/combo_box';
 	export type FilterChecked = 'on' | 'off';
 	export interface EuiFilterSelectItemProps extends CommonProps, ButtonHTMLAttributes<HTMLButtonElement> {
@@ -22394,7 +22329,7 @@ declare module '@elastic/eui/src/components/filter_group/filter_select_item' {
 	        truncateContent: boolean;
 	    };
 	    buttonRef: HTMLButtonElement | null;
-	    tooltipRef: React.RefObject<EuiToolTip>;
+	    tooltipRef: React.RefObject<EuiToolTipRef>;
 	    state: {
 	        hasFocus: boolean;
 	    };
@@ -22402,6 +22337,7 @@ declare module '@elastic/eui/src/components/filter_group/filter_select_item' {
 	    focus: () => void;
 	    toggleToolTip: (isFocused: boolean) => void;
 	    hasFocus: () => boolean;
+	    componentDidMount(): void;
 	    componentDidUpdate(prevProps: Readonly<WithEuiThemeProps<{}> & EuiFilterSelectItemProps>): void;
 	    render(): React.JSX.Element;
 	}
@@ -28873,7 +28809,7 @@ declare module '@elastic/eui/src/components/key_pad_menu/key_pad_menu_item' {
 	    /**
 	     * Extends the wrapping EuiToolTip props when `betaBadgeLabel` is provided
 	     */
-	    betaBadgeTooltipProps?: Partial<Omit<EuiToolTipProps, 'title' | 'content' | 'delay'>>;
+	    betaBadgeTooltipProps?: Partial<Omit<EuiToolTipProps, 'title' | 'content'>>;
 	    /**
 	     * Use `onClick` instead when the item is not `checkable`
 	     */
@@ -29142,7 +29078,7 @@ declare module '@elastic/eui/src/components/markdown_editor/markdown_types' {
 	}
 	export type EuiMarkdownEditorUiPlugin<NodeShape = any> = {
 	    name: string;
-	    button: {
+	    button?: {
 	        label: string;
 	        iconType: IconType;
 	        isDisabled?: boolean;
@@ -32465,7 +32401,7 @@ declare module '@elastic/eui/src/components/search_bar/filters/field_value_toggl
 
 }
 declare module '@elastic/eui/src/components/search_bar/filters/field_value_toggle_group_filter' {
-	import React, { Component } from 'react';
+	import { FC } from 'react';
 	import { Query } from '@elastic/eui/src/components/search_bar/query';
 	import { OperatorType } from '@elastic/eui/src/components/search_bar/query/ast';
 	export interface FieldValueToggleGroupFilterItemType {
@@ -32489,14 +32425,7 @@ declare module '@elastic/eui/src/components/search_bar/filters/field_value_toggl
 	    query: Query;
 	    onChange: (value: Query) => void;
 	}
-	export class FieldValueToggleGroupFilter extends Component<FieldValueToggleGroupFilterProps> {
-	    resolveDisplay(config: FieldValueToggleGroupFilterConfigType, query: Query, item: FieldValueToggleGroupFilterItemType): {
-	        active: boolean;
-	        name: string;
-	    };
-	    valueChanged(item: FieldValueToggleGroupFilterItemType, active: boolean): void;
-	    render(): React.JSX.Element[];
-	}
+	export const FieldValueToggleGroupFilter: FC<FieldValueToggleGroupFilterProps>;
 
 }
 declare module '@elastic/eui/src/components/search_bar/filters/custom_component_filter' {