@elastic/eui 114.2.0 → 115.0.0

package/optimize/es/test/rtl/component_helpers.js

@@ -63,81 +63,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);
   };
 }();
 
@@ -146,16 +124,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);
           });
@@ -170,11 +148,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/optimize/lib/components/basic_table/collapsed_item_actions.js

@@ -89,7 +89,6 @@ var CollapsedItemActions = exports.CollapsedItemActions = function CollapsedItem
           },
           toolTipContent: toolTipContent,
           toolTipProps: {
-            delay: 'long',
             // Avoid screen-readers announcing the same text twice
             disableScreenReaderOutput: typeof buttonContent === 'string' && buttonContent === toolTipContent
           }
@@ -113,8 +112,7 @@ var CollapsedItemActions = exports.CollapsedItemActions = function CollapsedItem
     "data-test-subj": "euiCollapsedItemActionsButton"
   });
   var withTooltip = !actionsDisabled && (0, _react2.jsx)(_tool_tip.EuiToolTip, {
-    content: allActionsTooltip,
-    delay: "long"
+    content: allActionsTooltip
   }, popoverButton);
   return (0, _react2.jsx)(_popover.EuiPopover, {
     className: className,

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

@@ -41,7 +41,6 @@ var DefaultItemAction = exports.DefaultItemAction = function DefaultItemAction(_
   var tooltipContent = (0, _action_types.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/lib/components/datagrid/controls/display_selector.js

@@ -361,8 +361,7 @@ var useDataGridDisplaySelector = exports.useDataGridDisplaySelector = function u
       },
       panelClassName: "euiDataGrid__displayPopoverPanel",
       button: (0, _react2.jsx)(_tool_tip.EuiToolTip, {
-        content: buttonLabel,
-        delay: "long"
+        content: buttonLabel
       }, (0, _react2.jsx)(_button.EuiButtonIcon, {
         size: "xs",
         iconType: "controls",

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

@@ -42,8 +42,7 @@ var useDataGridFullScreenSelector = exports.useDataGridFullScreenSelector = func
     fullScreenButtonActive = _useEuiI18n2[1];
   var fullScreenSelector = (0, _react.useMemo)(function () {
     return (0, _react2.jsx)(_tool_tip.EuiToolTip, {
-      content: isFullScreen ? (0, _react2.jsx)(_react.default.Fragment, null, fullScreenButtonActive, " (", (0, _react2.jsx)("kbd", null, "esc"), ")") : fullScreenButton,
-      delay: "long"
+      content: isFullScreen ? (0, _react2.jsx)(_react.default.Fragment, null, fullScreenButtonActive, " (", (0, _react2.jsx)("kbd", null, "esc"), ")") : fullScreenButton
     }, (0, _react2.jsx)(_button.EuiButtonIcon, {
       size: "xs",
       iconType: isFullScreen ? 'fullScreenExit' : 'fullScreen',

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

@@ -45,8 +45,7 @@ var useDataGridKeyboardShortcuts = exports.useDataGridKeyboardShortcuts = functi
       anchorPosition: "downRight",
       panelPaddingSize: "none",
       button: (0, _react2.jsx)(_tool_tip.EuiToolTip, {
-        content: title,
-        delay: "long"
+        content: title
       }, (0, _react2.jsx)(_button.EuiButtonIcon, {
         size: "xs",
         iconType: "keyboard",

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

@@ -59,11 +59,17 @@ var useScroll = exports.useScroll = function useScroll(args) {
     });
   }, [focusedCell, scrollCellIntoView, isPointerDownRef]);
   (0, _react.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/lib/components/filter_group/filter_select_item.js

@@ -95,6 +95,18 @@ var EuiFilterSelectItemClass = exports.EuiFilterSelectItemClass = /*#__PURE__*/f
   }
   (0, _inherits2.default)(EuiFilterSelectItemClass, _Component);
   return (0, _createClass2.default)(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__*/(0, _react.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) {
@@ -103,31 +115,39 @@ var EuiFilterSelectItemClass = exports.EuiFilterSelectItemClass = /*#__PURE__*/f
           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__*/(0, _react.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 = (0, _objectWithoutProperties2.default)(_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 = (0, _objectWithoutProperties2.default)(_this$props4, _excluded);
       var styles = (0, _filter_select_item.euiFilterSelectItemStyles)(theme);
       var cssStyles = [styles.euiFilterSelectItem, isFocused && styles.isFocused];
       var classes = (0, _classnames.default)('euiFilterSelectItem', className);
       var hasToolTip =
       // we're using isValidElement here as EuiToolTipAnchor uses
       // cloneElement to enhance the element with required attributes
-      /*#__PURE__*/_react.default.isValidElement(children) && !disabled && toolTipContent;
+      /*#__PURE__*/(0, _react.isValidElement)(children) && !disabled && toolTipContent;
       var anchorProps = undefined;
       if (hasToolTip) {
         var _toolTipProps$anchorP, _toolTipProps$anchorP2;
@@ -137,7 +157,6 @@ var EuiFilterSelectItemClass = exports.EuiFilterSelectItemClass = /*#__PURE__*/f
         }) : {
           style: style
         };
-        this.toggleToolTip(isFocused !== null && isFocused !== void 0 ? isFocused : false);
       }
       var iconNode;
       if (showIcons) {

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

@@ -122,9 +122,16 @@ var EuiFlyoutComponent = exports.EuiFlyoutComponent = /*#__PURE__*/(0, _react.fo
 
   // Ref for the main flyout element to pass to context
   var internalParentFlyoutRef = (0, _react.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 = (0, _resize_observer.useResizeObserver)(container !== null && container !== void 0 ? container : null, 'width');
+  var containerReferenceWidth = container ? containerDimensions.width || container.clientWidth : undefined;
   var isPushed = (0, _hooks.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
@@ -230,12 +237,6 @@ var EuiFlyoutComponent = exports.EuiFlyoutComponent = /*#__PURE__*/(0, _react.fo
   var siblingFlyoutMinWidth = siblingFlyout === null || siblingFlyout === void 0 ? void 0 : siblingFlyout.minWidth;
   var siblingFlyoutWidth = layoutMode === _const.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 = (0, _resize_observer.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 = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),

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

@@ -17,7 +17,7 @@ var _const = require("./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.
  */
 var useIsPushed = exports.useIsPushed = function useIsPushed(props) {
   var _usePropsWithComponen = (0, _component_defaults.usePropsWithComponentDefaults)('EuiFlyout', props),
@@ -25,6 +25,14 @@ var useIsPushed = exports.useIsPushed = function useIsPushed(props) {
     type = _usePropsWithComponen2 === void 0 ? _const.DEFAULT_TYPE : _usePropsWithComponen2,
     _usePropsWithComponen3 = _usePropsWithComponen.pushMinBreakpoint,
     pushMinBreakpoint = _usePropsWithComponen3 === void 0 ? _const.DEFAULT_PUSH_MIN_BREAKPOINT : _usePropsWithComponen3;
+  var _useEuiTheme = (0, _services.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 = (0, _services.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/lib/components/flyout/manager/flyout_main.js

@@ -50,9 +50,11 @@ var EuiFlyoutMain = exports.EuiFlyoutMain = /*#__PURE__*/(0, _react.forwardRef)(
   var flyoutId = (0, _hooks.useFlyoutId)(id);
   var hasChildFlyout = (0, _hooks.useHasChildFlyout)(flyoutId);
   var styles = (0, _services.useEuiMemoizedStyles)(_flyout_main.euiMainFlyoutStyles);
+  var context = (0, _hooks.useFlyoutManager)();
   var isPushed = (0, _hooks2.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/lib/components/icon/assets/chart_pie.js

@@ -34,8 +34,7 @@ var EuiIconChartPie = function EuiIconChartPie(_ref) {
   }, props), title ? (0, _react2.jsx)("title", {
     id: titleId
   }, title) : null, (0, _react2.jsx)("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"
   }));
 };
 var icon = exports.icon = EuiIconChartPie;

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

@@ -34,9 +34,11 @@ var EuiIconProductDashboard = function EuiIconProductDashboard(_ref) {
   }, props), title ? (0, _react2.jsx)("title", {
     id: titleId
   }, title) : null, (0, _react2.jsx)("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"
+  }), (0, _react2.jsx)("path", {
+    d: "M9 8H8V6h1v2Zm2 0h-1V5h1v3Zm2 0h-1V4h1v4ZM7 5H3V4h4v1Z"
+  }), (0, _react2.jsx)("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"
   }));
 };
 var icon = exports.icon = EuiIconProductDashboard;

package/optimize/lib/components/icon/svgs/chart_pie.svg

@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <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"/>
+  <path 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"/>
 </svg>

package/optimize/lib/components/icon/svgs/product_dashboard.svg

@@ -1,6 +1,5 @@
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6 11C6.55228 11 7 11.4477 7 12V13L6.99512 13.1025C6.94379 13.6067 6.51768 14 6 14H2C1.44772 14 1 13.5523 1 13V12C1 11.4477 1.44772 11 2 11H6ZM2 13H6V12H2V13Z"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14 7C14.5523 7 15 7.44772 15 8V13C15 13.5523 14.5523 14 14 14H9C8.44772 14 8 13.5523 8 13V8C8 7.44772 8.44772 7 9 7H14ZM9 13H14V8H9V13Z"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6 7C6.55228 7 7 7.44772 7 8V9L6.99512 9.10254C6.94379 9.60667 6.51768 10 6 10H2C1.44772 10 1 9.55229 1 9V8C1 7.44772 1.44772 7 2 7H6ZM2 9H6V8H2V9Z"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14 2C14.5177 2 14.9438 2.39333 14.9951 2.89746L15 3V5C15 5.55228 14.5523 6 14 6H2C1.44772 6 1 5.55228 1 5V3C1 2.44772 1.44772 2 2 2H14ZM2 5H14V3H2V5Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path 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"/>
+  <path d="M9 8H8V6h1v2Zm2 0h-1V5h1v3Zm2 0h-1V4h1v4ZM7 5H3V4h4v1Z"/>
+  <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"/>
 </svg>

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

@@ -135,7 +135,6 @@ var EuiKeyPadMenuItem = exports.EuiKeyPadMenuItem = function EuiKeyPadMenuItem(_
   }, label)));
   return betaBadgeLabel ? (0, _react2.jsx)(_tool_tip.EuiToolTip, (0, _extends2.default)({}, betaBadgeTooltipProps, {
     title: betaBadgeLabel,
-    content: betaBadgeTooltipContent,
-    delay: "long"
+    content: betaBadgeTooltipContent
   }), button) : button;
 };

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

@@ -177,8 +177,7 @@ var EuiListGroupItem = exports.EuiListGroupItem = function EuiListGroupItem(_ref
       style: style
     }, (0, _react2.jsx)(_tool_tip.EuiToolTip, (0, _extends2.default)({
       content: toolTipText !== null && toolTipText !== void 0 ? toolTipText : label,
-      position: "right",
-      delay: "long"
+      position: "right"
     }, toolTipProps, {
       anchorClassName: anchorClasses,
       anchorProps: anchorPropsAndCss

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

@@ -171,8 +171,11 @@ var EuiMarkdownEditorDropZone = exports.EuiMarkdownEditorDropZone = function Eui
     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 (0, _react2.jsx)("div", (0, _extends2.default)({}, rootProps, {
     css: cssStyles,
     className: classes

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

@@ -27,6 +27,11 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * Side Public License, v 1.
  */
 
+/**
+ * A helper type to ensure the `button` property is defined
+ * on an ` EuiMarkdownEditorUiPlugin ` object.
+ */
+
 var boldItalicButtons = [{
   id: 'mdBold',
   label: 'Bold',
@@ -101,7 +106,7 @@ var EuiMarkdownEditorToolbar = exports.EuiMarkdownEditorToolbar = /*#__PURE__*/(
     markdownActions = _ref2.markdownActions,
     viewMode = _ref2.viewMode,
     onClickPreview = _ref2.onClickPreview,
-    uiPlugins = _ref2.uiPlugins,
+    _uiPlugins = _ref2.uiPlugins,
     selectedNode = _ref2.selectedNode,
     right = _ref2.right;
   var _useContext = (0, _react.useContext)(_markdown_context.EuiMarkdownContext),
@@ -115,6 +120,9 @@ var EuiMarkdownEditorToolbar = exports.EuiMarkdownEditorToolbar = /*#__PURE__*/(
   var isPreviewing = viewMode === _markdown_modes.MODE_VIEWING;
   var isEditable = !isPreviewing && !readOnly;
   var styles = (0, _services.useEuiMemoizedStyles)(_markdown_editor_toolbar.euiMarkdownEditorToolbarStyles);
+  var uiPlugins = _uiPlugins.filter(function (uiPlugin) {
+    return !!uiPlugin.button;
+  });
   return (0, _react2.jsx)("div", {
     ref: ref,
     css: styles.euiMarkdownEditorToolbar,
@@ -126,8 +134,7 @@ var EuiMarkdownEditorToolbar = exports.EuiMarkdownEditorToolbar = /*#__PURE__*/(
   }, boldItalicButtons.map(function (item) {
     return (0, _react2.jsx)(_tool_tip.EuiToolTip, {
       key: item.id,
-      content: item.label,
-      delay: "long"
+      content: item.label
     }, (0, _react2.jsx)(EuiMarkdownEditorToolbarButton, {
       selectedNode: selectedNode,
       handleMdButtonClick: handleMdButtonClick,
@@ -143,8 +150,7 @@ var EuiMarkdownEditorToolbar = exports.EuiMarkdownEditorToolbar = /*#__PURE__*/(
   }), listButtons.map(function (item) {
     return (0, _react2.jsx)(_tool_tip.EuiToolTip, {
       key: item.id,
-      content: item.label,
-      delay: "long"
+      content: item.label
     }, (0, _react2.jsx)(EuiMarkdownEditorToolbarButton, {
       selectedNode: selectedNode,
       handleMdButtonClick: handleMdButtonClick,
@@ -160,8 +166,7 @@ var EuiMarkdownEditorToolbar = exports.EuiMarkdownEditorToolbar = /*#__PURE__*/(
   }), quoteCodeLinkButtons.map(function (item) {
     return (0, _react2.jsx)(_tool_tip.EuiToolTip, {
       key: item.id,
-      content: item.label,
-      delay: "long"
+      content: item.label
     }, (0, _react2.jsx)(EuiMarkdownEditorToolbarButton, {
       selectedNode: selectedNode,
       handleMdButtonClick: handleMdButtonClick,
@@ -179,8 +184,7 @@ var EuiMarkdownEditorToolbar = exports.EuiMarkdownEditorToolbar = /*#__PURE__*/(
       button = _ref3.button;
     return (0, _react2.jsx)(_tool_tip.EuiToolTip, {
       key: name,
-      content: button.label,
-      delay: "long"
+      content: button.label
     }, (0, _react2.jsx)(EuiMarkdownEditorToolbarButton, {
       selectedNode: selectedNode,
       handleMdButtonClick: handleMdButtonClick,