@elastic/eui 114.2.0 → 115.0.0

package/lib/components/tool_tip/tool_tip_popover.js

@@ -33,23 +33,23 @@ var EuiToolTipPopover = exports.EuiToolTipPopover = function EuiToolTipPopover(_
     popoverRef = _ref.popoverRef,
     calculatedPosition = _ref.calculatedPosition,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var popover = (0, _react.useRef)();
-  var euiTheme = (0, _services.useEuiTheme)();
-  var styles = (0, _tool_tip.euiToolTipStyles)(euiTheme);
+  var popover = (0, _react.useRef)(null);
+  var styles = (0, _services.useEuiMemoizedStyles)(_tool_tip.euiToolTipStyles);
   var cssStyles = [styles.euiToolTip, calculatedPosition && styles[calculatedPosition]];
   var updateDimensions = (0, _react.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 = (0, _react.useCallback)(function (ref) {
+    popover.current = ref;
     if (popoverRef) {
       popoverRef(ref);
     }
-  };
+  }, [popoverRef]);
   (0, _react.useEffect)(function () {
     document.body.classList.add('euiBody-hasPortalContent');
     window.addEventListener('resize', updateDimensions);

package/lib/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/lib/test/rtl/component_helpers.js

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.waitForEuiToolTipVisible = exports.waitForEuiToolTipHidden = exports.waitForEuiPopoverOpen = exports.waitForEuiPopoverClose = exports.waitForEuiContextMenuPanelTransition = exports.showEuiComboBoxOptions = void 0;
+exports.waitForEuiPopoverOpen = exports.waitForEuiPopoverClose = exports.waitForEuiContextMenuPanelTransition = exports.simulateFocusVisible = exports.showEuiComboBoxOptions = exports.focusEuiToolTipTrigger = void 0;
 require("@testing-library/jest-dom");
 var _react = require("@testing-library/react");
 var _custom_render = require("./custom_render");
@@ -68,81 +68,59 @@ var waitForEuiPopoverClose = exports.waitForEuiPopoverClose = /*#__PURE__*/funct
 }();
 
 /**
- * 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.
  */
-var waitForEuiToolTipVisible = exports.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 (0, _react.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);
+var simulateFocusVisible = exports.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();
   };
-}();
-var waitForEuiToolTipHidden = exports.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 (0, _react.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.
+ */
+var focusEuiToolTipTrigger = exports.focusEuiToolTipTrigger = function focusEuiToolTipTrigger(element) {
+  var cleanup = simulateFocusVisible(element);
+  _react.fireEvent.focus(element);
+  return cleanup;
+};
 
 /**
  * EuiComboBox
  */
 
 var showEuiComboBoxOptions = exports.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:
           _react.fireEvent.click(_custom_render.screen.getByTestSubject('comboBoxToggleListButton'));
-          _context5.next = 3;
+          _context3.next = 3;
           return waitForEuiPopoverOpen();
         case 3:
-          _context5.next = 5;
+          _context3.next = 5;
           return (0, _react.waitFor)(function () {
             expect(_custom_render.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);
   };
 }();
 
@@ -151,16 +129,16 @@ var showEuiComboBoxOptions = exports.showEuiComboBoxOptions = /*#__PURE__*/funct
  */
 
 var waitForEuiContextMenuPanelTransition = exports.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 (0, _react.waitFor)(function () {
             expect(getPanels().length).toEqual(2);
           });
@@ -175,11 +153,11 @@ var waitForEuiContextMenuPanelTransition = exports.waitForEuiContextMenuPanelTra
           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/optimize/es/components/basic_table/collapsed_item_actions.js

@@ -79,7 +79,6 @@ export var CollapsedItemActions = function CollapsedItemActions(_ref) {
           },
           toolTipContent: toolTipContent,
           toolTipProps: {
-            delay: 'long',
             // Avoid screen-readers announcing the same text twice
             disableScreenReaderOutput: typeof buttonContent === 'string' && buttonContent === toolTipContent
           }
@@ -103,8 +102,7 @@ export var CollapsedItemActions = function CollapsedItemActions(_ref) {
     "data-test-subj": "euiCollapsedItemActionsButton"
   });
   var withTooltip = !actionsDisabled && ___EmotionJSX(EuiToolTip, {
-    content: allActionsTooltip,
-    delay: "long"
+    content: allActionsTooltip
   }, popoverButton);
   return ___EmotionJSX(EuiPopover, {
     className: className,

package/optimize/es/components/basic_table/default_item_action.js

@@ -32,7 +32,6 @@ export var DefaultItemAction = function DefaultItemAction(_ref) {
   var tooltipContent = callWithItemIfFunction(item)(action.description);
   var tooltipProps = {
     content: tooltipContent,
-    delay: 'long',
     // Avoid screen-readers announcing the same text twice
     disableScreenReaderOutput: typeof actionContent === 'string' && actionContent === tooltipContent
   };

package/optimize/es/components/datagrid/controls/display_selector.js

@@ -353,8 +353,7 @@ export var useDataGridDisplaySelector = function useDataGridDisplaySelector(show
       },
       panelClassName: "euiDataGrid__displayPopoverPanel",
       button: ___EmotionJSX(EuiToolTip, {
-        content: buttonLabel,
-        delay: "long"
+        content: buttonLabel
       }, ___EmotionJSX(EuiButtonIcon, {
         size: "xs",
         iconType: "controls",

package/optimize/es/components/datagrid/controls/fullscreen_selector.js

@@ -32,8 +32,7 @@ export var useDataGridFullScreenSelector = function useDataGridFullScreenSelecto
     fullScreenButtonActive = _useEuiI18n2[1];
   var fullScreenSelector = useMemo(function () {
     return ___EmotionJSX(EuiToolTip, {
-      content: isFullScreen ? ___EmotionJSX(React.Fragment, null, fullScreenButtonActive, " (", ___EmotionJSX("kbd", null, "esc"), ")") : fullScreenButton,
-      delay: "long"
+      content: isFullScreen ? ___EmotionJSX(React.Fragment, null, fullScreenButtonActive, " (", ___EmotionJSX("kbd", null, "esc"), ")") : fullScreenButton
     }, ___EmotionJSX(EuiButtonIcon, {
       size: "xs",
       iconType: isFullScreen ? 'fullScreenExit' : 'fullScreen',

package/optimize/es/components/datagrid/controls/keyboard_shortcuts.js

@@ -35,8 +35,7 @@ export var useDataGridKeyboardShortcuts = function useDataGridKeyboardShortcuts(
       anchorPosition: "downRight",
       panelPaddingSize: "none",
       button: ___EmotionJSX(EuiToolTip, {
-        content: title,
-        delay: "long"
+        content: title
       }, ___EmotionJSX(EuiButtonIcon, {
         size: "xs",
         iconType: "keyboard",

package/optimize/es/components/datagrid/utils/scrolling.js

@@ -49,11 +49,17 @@ export var useScroll = function useScroll(args) {
     });
   }, [focusedCell, scrollCellIntoView, isPointerDownRef]);
   useEffect(function () {
-    var handlePointerUp = function handlePointerUp() {
+    var handlePointerUp = function handlePointerUp(event) {
       var _window;
       if (!pendingScrollRef.current || !focusedCell) return;
       pendingScrollRef.current = false;
 
+      // The pointerup event can come from any mouse button, not only the left
+      // click. We only care about the primary (usually left) mouse button
+      // clicks, and specifically have to ignore middle mouse button clicks,
+      // which indicate scrolling on Windows.
+      if (event.pointerType === 'mouse' && event.button !== 0) return;
+
       // Skip if the interaction resulted in text being selected
       if (((_window = window) === null || _window === void 0 || (_window = _window.getSelection()) === null || _window === void 0 ? void 0 : _window.type) === 'Range') return;
       scrollCellIntoView({

package/optimize/es/components/filter_group/filter_select_item.js

@@ -19,7 +19,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * Side Public License, v 1.
  */
 
-import React, { Component, createRef } from 'react';
+import React, { Component, createRef, isValidElement } from 'react';
 import classNames from 'classnames';
 import { withEuiTheme } from '../../services';
 import { EuiFlexGroup, EuiFlexItem } from '../flex';
@@ -87,6 +87,18 @@ export var EuiFilterSelectItemClass = /*#__PURE__*/function (_Component) {
   }
   _inherits(EuiFilterSelectItemClass, _Component);
   return _createClass(EuiFilterSelectItemClass, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this$props2 = this.props,
+        isFocused = _this$props2.isFocused,
+        toolTipContent = _this$props2.toolTipContent,
+        disabled = _this$props2.disabled,
+        children = _this$props2.children;
+      if ( /*#__PURE__*/isValidElement(children) && !disabled && toolTipContent) {
+        this.toggleToolTip(isFocused !== null && isFocused !== void 0 ? isFocused : false);
+      }
+    }
+  }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       if (this.props.isFocused && !prevProps.isFocused) {
@@ -95,31 +107,39 @@ export var EuiFilterSelectItemClass = /*#__PURE__*/function (_Component) {
           block: 'nearest'
         });
       }
+      var _this$props3 = this.props,
+        isFocused = _this$props3.isFocused,
+        toolTipContent = _this$props3.toolTipContent,
+        disabled = _this$props3.disabled,
+        children = _this$props3.children;
+      if ( /*#__PURE__*/isValidElement(children) && !disabled && toolTipContent && isFocused !== prevProps.isFocused) {
+        this.toggleToolTip(isFocused !== null && isFocused !== void 0 ? isFocused : false);
+      }
     }
   }, {
     key: "render",
     value: function render() {
-      var _this$props2 = this.props,
-        theme = _this$props2.theme,
-        children = _this$props2.children,
-        className = _this$props2.className,
-        disabled = _this$props2.disabled,
-        checked = _this$props2.checked,
-        isFocused = _this$props2.isFocused,
-        showIcons = _this$props2.showIcons,
-        toolTipContent = _this$props2.toolTipContent,
-        toolTipProps = _this$props2.toolTipProps,
-        style = _this$props2.style,
-        truncateContent = _this$props2.truncateContent,
-        forwardRef = _this$props2.forwardRef,
-        rest = _objectWithoutProperties(_this$props2, _excluded);
+      var _this$props4 = this.props,
+        theme = _this$props4.theme,
+        children = _this$props4.children,
+        className = _this$props4.className,
+        disabled = _this$props4.disabled,
+        checked = _this$props4.checked,
+        isFocused = _this$props4.isFocused,
+        showIcons = _this$props4.showIcons,
+        toolTipContent = _this$props4.toolTipContent,
+        toolTipProps = _this$props4.toolTipProps,
+        style = _this$props4.style,
+        truncateContent = _this$props4.truncateContent,
+        forwardRef = _this$props4.forwardRef,
+        rest = _objectWithoutProperties(_this$props4, _excluded);
       var styles = euiFilterSelectItemStyles(theme);
       var cssStyles = [styles.euiFilterSelectItem, isFocused && styles.isFocused];
       var classes = classNames('euiFilterSelectItem', className);
       var hasToolTip =
       // we're using isValidElement here as EuiToolTipAnchor uses
       // cloneElement to enhance the element with required attributes
-      /*#__PURE__*/React.isValidElement(children) && !disabled && toolTipContent;
+      /*#__PURE__*/isValidElement(children) && !disabled && toolTipContent;
       var anchorProps = undefined;
       if (hasToolTip) {
         var _toolTipProps$anchorP, _toolTipProps$anchorP2;
@@ -129,7 +149,6 @@ export var EuiFilterSelectItemClass = /*#__PURE__*/function (_Component) {
         }) : {
           style: style
         };
-        this.toggleToolTip(isFocused !== null && isFocused !== void 0 ? isFocused : false);
       }
       var iconNode;
       if (showIcons) {

package/optimize/es/components/flyout/flyout.component.js

@@ -114,9 +114,16 @@ export var EuiFlyoutComponent = /*#__PURE__*/forwardRef(function (props, ref) {
 
   // Ref for the main flyout element to pass to context
   var internalParentFlyoutRef = useRef(null);
+
+  // Observe the container's dimensions so the resize hook and
+  // positioning styles stay aligned with its bounding rect.
+  // When no container is provided, these remain inert (null/undefined).
+  var containerDimensions = useResizeObserver(container !== null && container !== void 0 ? container : null, 'width');
+  var containerReferenceWidth = container ? containerDimensions.width || container.clientWidth : undefined;
   var isPushed = useIsPushed({
     type: type,
-    pushMinBreakpoint: pushMinBreakpoint
+    pushMinBreakpoint: pushMinBreakpoint,
+    containerWidth: containerReferenceWidth
   });
   // When no explicit container is provided, push padding targets
   // document.body and global push-offset CSS vars are set. When a
@@ -222,12 +229,6 @@ export var EuiFlyoutComponent = /*#__PURE__*/forwardRef(function (props, ref) {
   var siblingFlyoutMinWidth = siblingFlyout === null || siblingFlyout === void 0 ? void 0 : siblingFlyout.minWidth;
   var siblingFlyoutWidth = layoutMode === LAYOUT_MODE_STACKED ? 0 : _siblingFlyoutWidth;
 
-  // Observe the container's dimensions so the resize hook and
-  // positioning styles stay aligned with its bounding rect.
-  // When no container is provided, these remain inert (null/undefined).
-  var containerDimensions = useResizeObserver(container !== null && container !== void 0 ? container : null, 'width');
-  var containerReferenceWidth = container ? containerDimensions.width || container.clientWidth : undefined;
-
   // Track the container's bounding rect for positioning the flyout.
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),

package/optimize/es/components/flyout/hooks.js

@@ -6,13 +6,13 @@
  * Side Public License, v 1.
  */
 
-import { useIsWithinMinBreakpoint } from '../../services';
+import { useIsWithinMinBreakpoint, useEuiTheme } from '../../services';
 import { usePropsWithComponentDefaults } from '../provider/component_defaults';
 import { DEFAULT_PUSH_MIN_BREAKPOINT, DEFAULT_TYPE } from './const';
 
 /**
  * Determines if a flyout should be rendered in a "pushed" state based on its
- * configuration and the current window size.
+ * configuration and the current window or container size.
  */
 export var useIsPushed = function useIsPushed(props) {
   var _usePropsWithComponen = usePropsWithComponentDefaults('EuiFlyout', props),
@@ -20,6 +20,14 @@ export var useIsPushed = function useIsPushed(props) {
     type = _usePropsWithComponen2 === void 0 ? DEFAULT_TYPE : _usePropsWithComponen2,
     _usePropsWithComponen3 = _usePropsWithComponen.pushMinBreakpoint,
     pushMinBreakpoint = _usePropsWithComponen3 === void 0 ? DEFAULT_PUSH_MIN_BREAKPOINT : _usePropsWithComponen3;
+  var _useEuiTheme = useEuiTheme(),
+    breakpoints = _useEuiTheme.euiTheme.breakpoint;
+
+  // Always called to satisfy React hook rules; used as fallback
+  // when no container width is provided or the breakpoint key is
+  // not present on the theme.
   var windowIsLargeEnoughToPush = useIsWithinMinBreakpoint(pushMinBreakpoint);
-  return type === 'push' && windowIsLargeEnoughToPush;
+  var minWidth = breakpoints[pushMinBreakpoint];
+  var isLargeEnoughToPush = props.containerWidth != null && minWidth != null ? props.containerWidth >= minWidth : windowIsLargeEnoughToPush;
+  return type === 'push' && isLargeEnoughToPush;
 };

package/optimize/es/components/flyout/manager/flyout_main.js

@@ -14,7 +14,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import React, { forwardRef } from 'react';
 import { EuiManagedFlyout } from './flyout_managed';
-import { useHasChildFlyout, useFlyoutId } from './hooks';
+import { useHasChildFlyout, useFlyoutId, useFlyoutManager } from './hooks';
 import { euiMainFlyoutStyles } from './flyout_main.styles';
 import { useEuiMemoizedStyles } from '../../../services';
 import { DEFAULT_PUSH_MIN_BREAKPOINT, DEFAULT_SIDE, DEFAULT_TYPE } from '../const';
@@ -42,9 +42,11 @@ export var EuiFlyoutMain = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var flyoutId = useFlyoutId(id);
   var hasChildFlyout = useHasChildFlyout(flyoutId);
   var styles = useEuiMemoizedStyles(euiMainFlyoutStyles);
+  var context = useFlyoutManager();
   var isPushed = useIsPushed({
     type: type,
-    pushMinBreakpoint: pushMinBreakpoint
+    pushMinBreakpoint: pushMinBreakpoint,
+    containerWidth: context === null || context === void 0 ? void 0 : context.state.referenceWidth
   });
   var cssStyles = [hasChildFlyout && !isPushed && styles.hasChildFlyout[side]];
   var style = {};

package/optimize/es/components/icon/assets/chart_pie.js

@@ -26,8 +26,7 @@ var EuiIconChartPie = function EuiIconChartPie(_ref) {
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
-    stroke: "#1D2A3E",
-    d: "M7.5 8.5h6.979A6.498 6.498 0 0 1 1.5 8a6.5 6.5 0 0 1 6-6.48V8.5Zm2-6.824A6.506 6.506 0 0 1 14.323 6.5H9.5V1.676Z"
+    d: "M7 2.084A6 6 0 0 0 8 14v1A7 7 0 1 1 8 1v7h7a7 7 0 0 1-7 7v-1a6 6 0 0 0 5.915-5H7V2.084Zm2-1.012A7.002 7.002 0 0 1 14.928 7H9V1.072ZM10 6h3.657A6.015 6.015 0 0 0 10 2.343V6Z"
   }));
 };
 export var icon = EuiIconChartPie;

package/optimize/es/components/icon/assets/product_dashboard.js

@@ -26,9 +26,11 @@ var EuiIconProductDashboard = function EuiIconProductDashboard(_ref) {
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    d: "M6 11a1 1 0 0 1 1 1v1l-.005.102A1 1 0 0 1 6 14H2a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h4Zm-4 2h4v-1H2v1ZM14 7a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h5Zm-5 6h5V8H9v5ZM6 7a1 1 0 0 1 1 1v1l-.005.103A1 1 0 0 1 6 10H2a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h4ZM2 9h4V8H2v1ZM14 2a1 1 0 0 1 .995.897L15 3v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h12ZM2 5h12V3H2v2Z",
-    clipRule: "evenodd"
+    d: "m8.528 10.265.972-.972 1.5 1.5 1.646-1.647.707.708L11 12.207l-1.5-1.5-1.028 1.028-3-3.5-2.118 2.119-.708-.708 2.882-2.881 3 3.5Z"
+  }), ___EmotionJSX("path", {
+    d: "M9 8H8V6h1v2Zm2 0h-1V5h1v3Zm2 0h-1V4h1v4ZM7 5H3V4h4v1Z"
+  }), ___EmotionJSX("path", {
+    d: "M14 2a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h12ZM2 13h12V3H2v10Z"
   }));
 };
 export var icon = EuiIconProductDashboard;

package/optimize/es/components/key_pad_menu/key_pad_menu_item.js

@@ -126,7 +126,6 @@ export var EuiKeyPadMenuItem = function EuiKeyPadMenuItem(_ref) {
   }, label)));
   return betaBadgeLabel ? ___EmotionJSX(EuiToolTip, _extends({}, betaBadgeTooltipProps, {
     title: betaBadgeLabel,
-    content: betaBadgeTooltipContent,
-    delay: "long"
+    content: betaBadgeTooltipContent
   }), button) : button;
 };

package/optimize/es/components/list_group/list_group_item.js

@@ -171,8 +171,7 @@ export var EuiListGroupItem = function EuiListGroupItem(_ref) {
       style: style
     }, ___EmotionJSX(EuiToolTip, _extends({
       content: toolTipText !== null && toolTipText !== void 0 ? toolTipText : label,
-      position: "right",
-      delay: "long"
+      position: "right"
     }, toolTipProps, {
       anchorClassName: anchorClasses,
       anchorProps: anchorPropsAndCss

package/optimize/es/components/markdown_editor/markdown_editor_drop_zone.js

@@ -163,8 +163,11 @@ export var EuiMarkdownEditorDropZone = function EuiMarkdownEditorDropZone(props)
     getInputProps = _useDropzone.getInputProps,
     open = _useDropzone.open;
   var rootProps = _objectSpread({}, getRootProps());
-  if (readOnly) rootProps.role = undefined; // Unset the default `role="button"` attribute which sets a misleading pointer icon
-
+  /* Unset the default `role="button"` attribute to prevent invalid nested interactive elements.
+  The dropzone has `noClick=true` and `noKeyboard=true` set via `useDropzone`.
+  Keyboard drop interactions expect the drop zone element to have `role="button` but we're supporting
+  adding files via a standalone footer button instead." */
+  rootProps.role = undefined;
   return ___EmotionJSX("div", _extends({}, rootProps, {
     css: cssStyles,
     className: classes

package/optimize/es/components/markdown_editor/markdown_editor_toolbar.js

@@ -16,6 +16,11 @@ import { EuiToolTip } from '../tool_tip';
 import { MODE_VIEWING } from './markdown_modes';
 import { EuiMarkdownContext } from './markdown_context';
 import { euiMarkdownEditorToolbarStyles } from './markdown_editor_toolbar.styles';
+
+/**
+ * A helper type to ensure the `button` property is defined
+ * on an ` EuiMarkdownEditorUiPlugin ` object.
+ */
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var boldItalicButtons = [{
   id: 'mdBold',
@@ -91,7 +96,7 @@ export var EuiMarkdownEditorToolbar = /*#__PURE__*/forwardRef(function (_ref2, r
     markdownActions = _ref2.markdownActions,
     viewMode = _ref2.viewMode,
     onClickPreview = _ref2.onClickPreview,
-    uiPlugins = _ref2.uiPlugins,
+    _uiPlugins = _ref2.uiPlugins,
     selectedNode = _ref2.selectedNode,
     right = _ref2.right;
   var _useContext = useContext(EuiMarkdownContext),
@@ -105,6 +110,9 @@ export var EuiMarkdownEditorToolbar = /*#__PURE__*/forwardRef(function (_ref2, r
   var isPreviewing = viewMode === MODE_VIEWING;
   var isEditable = !isPreviewing && !readOnly;
   var styles = useEuiMemoizedStyles(euiMarkdownEditorToolbarStyles);
+  var uiPlugins = _uiPlugins.filter(function (uiPlugin) {
+    return !!uiPlugin.button;
+  });
   return ___EmotionJSX("div", {
     ref: ref,
     css: styles.euiMarkdownEditorToolbar,
@@ -116,8 +124,7 @@ export var EuiMarkdownEditorToolbar = /*#__PURE__*/forwardRef(function (_ref2, r
   }, boldItalicButtons.map(function (item) {
     return ___EmotionJSX(EuiToolTip, {
       key: item.id,
-      content: item.label,
-      delay: "long"
+      content: item.label
     }, ___EmotionJSX(EuiMarkdownEditorToolbarButton, {
       selectedNode: selectedNode,
       handleMdButtonClick: handleMdButtonClick,
@@ -133,8 +140,7 @@ export var EuiMarkdownEditorToolbar = /*#__PURE__*/forwardRef(function (_ref2, r
   }), listButtons.map(function (item) {
     return ___EmotionJSX(EuiToolTip, {
       key: item.id,
-      content: item.label,
-      delay: "long"
+      content: item.label
     }, ___EmotionJSX(EuiMarkdownEditorToolbarButton, {
       selectedNode: selectedNode,
       handleMdButtonClick: handleMdButtonClick,
@@ -150,8 +156,7 @@ export var EuiMarkdownEditorToolbar = /*#__PURE__*/forwardRef(function (_ref2, r
   }), quoteCodeLinkButtons.map(function (item) {
     return ___EmotionJSX(EuiToolTip, {
       key: item.id,
-      content: item.label,
-      delay: "long"
+      content: item.label
     }, ___EmotionJSX(EuiMarkdownEditorToolbarButton, {
       selectedNode: selectedNode,
       handleMdButtonClick: handleMdButtonClick,
@@ -169,8 +174,7 @@ export var EuiMarkdownEditorToolbar = /*#__PURE__*/forwardRef(function (_ref2, r
       button = _ref3.button;
     return ___EmotionJSX(EuiToolTip, {
       key: name,
-      content: button.label,
-      delay: "long"
+      content: button.label
     }, ___EmotionJSX(EuiMarkdownEditorToolbarButton, {
       selectedNode: selectedNode,
       handleMdButtonClick: handleMdButtonClick,