@elastic/eui 98.1.0 → 98.2.0

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

@@ -0,0 +1,33 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "titleId"];
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var EuiIconContrastHigh = function EuiIconContrastHigh(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return ___EmotionJSX("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? ___EmotionJSX("title", {
+    id: titleId
+  }, title) : null, ___EmotionJSX("path", {
+    d: "M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-7 6V2a6 6 0 1 0 0 12Z",
+    clipRule: "evenodd"
+  }));
+};
+export var icon = EuiIconContrastHigh;

package/optimize/es/components/icon/icon_map.js

@@ -69,6 +69,8 @@ export var typeToPathMap = {
   continuityAboveBelow: 'continuityAboveBelow',
   continuityBelow: 'continuityBelow',
   continuityWithin: 'continuityWithin',
+  contrast: 'contrast',
+  contrastHigh: 'contrastHigh',
   controlsHorizontal: 'controls_horizontal',
   controlsVertical: 'controls_vertical',
   copy: 'copy',

package/optimize/es/components/tool_tip/tool_tip.js

@@ -171,6 +171,7 @@ export var EuiToolTip = /*#__PURE__*/function (_Component) {
     });
     _defineProperty(_this, "onEscapeKey", function (event) {
       if (event.key === keys.ESCAPE) {
+        if (_this.state.visible) event.stopPropagation();
         _this.setState({
           hasFocus: false
         }); // Allows mousing over back into the tooltip to work correctly

package/optimize/es/services/copy/index.js

@@ -7,4 +7,4 @@
  */
 
 export { copyToClipboard } from './copy_to_clipboard';
-export { tabularCopyMarkers, OverrideCopiedTabularContent } from './tabular_copy';
+export { tabularCopyMarkers, noCopyBoundsRegex, OverrideCopiedTabularContent } from './tabular_copy';

package/optimize/es/services/copy/tabular_copy.js

@@ -23,7 +23,7 @@ export var CHARS = {
   NO_COPY_BOUND: '✄𐘗'
 };
 // This regex finds all content between two bounds
-var noCopyBoundsRegex = new RegExp("".concat(CHARS.NO_COPY_BOUND, "[^").concat(CHARS.NO_COPY_BOUND, "]*").concat(CHARS.NO_COPY_BOUND), 'gs');
+export var noCopyBoundsRegex = new RegExp("".concat(CHARS.NO_COPY_BOUND, "[^").concat(CHARS.NO_COPY_BOUND, "]*").concat(CHARS.NO_COPY_BOUND), 'gs');
 var hasCharsToReplace = function hasCharsToReplace(text) {
   for (var _i = 0, _Object$values = Object.values(CHARS); _i < _Object$values.length; _i++) {
     var char = _Object$values[_i];

package/optimize/lib/components/code/code_block.js

@@ -21,6 +21,8 @@ var _code_block_full_screen = require("./code_block_full_screen");
 var _code_block_controls = require("./code_block_controls");
 var _code_block_virtualized = require("./code_block_virtualized");
 var _code_block = require("./code_block.styles");
+var _accessibility = require("../accessibility");
+var _i18n = require("../i18n");
 var _react2 = require("@emotion/react");
 var _excluded = ["language", "transparentBackground", "paddingSize", "fontSize", "isCopyable", "copyAriaLabel", "whiteSpace", "children", "className", "overflowHeight", "isVirtualized", "lineNumbers"];
 /*
@@ -135,11 +137,10 @@ var EuiCodeBlock = exports.EuiCodeBlock = function EuiCodeBlock(_ref) {
         css: [].concat(cssStyles, [
         // Force fullscreen to use xl padding
         preStyles.padding.xl, hasControls && (isWhiteSpacePre ? preStyles.whiteSpace.pre.controlsOffset.xl : preStyles.whiteSpace.preWrap.controlsOffset.xl)]),
-        tabIndex: 0,
-        onKeyDown: onKeyDown
+        tabIndex: 0
       };
       return [preProps, preFullscreenProps];
-    }, [preStyles, whiteSpace, isVirtualized, hasControls, paddingSize, onKeyDown, tabIndex]),
+    }, [preStyles, whiteSpace, isVirtualized, hasControls, paddingSize, tabIndex]),
     _useMemo2 = (0, _slicedToArray2.default)(_useMemo, 2),
     preProps = _useMemo2[0],
     preFullscreenProps = _useMemo2[1];
@@ -152,6 +153,12 @@ var EuiCodeBlock = exports.EuiCodeBlock = function EuiCodeBlock(_ref) {
       'data-code-language': language
     }, rest);
   }, [codeStyles, language, isVirtualized, rest]);
+  var codeBlockLabel = (0, _i18n.useEuiI18n)('euiCodeBlock.label', '{language} code block:', {
+    language: language
+  });
+  // pre tags don't accept aria-label without an
+  // appropriate role, we add a SR only text instead
+  var codeBlockLabelElement = (0, _react2.jsx)(_react.default.Fragment, null, _services.tabularCopyMarkers.hiddenNoCopyBoundary, (0, _react2.jsx)(_accessibility.EuiScreenReaderOnly, null, (0, _react2.jsx)("div", null, codeBlockLabel)), _services.tabularCopyMarkers.hiddenNoCopyBoundary);
   return (0, _react2.jsx)("div", {
     css: cssStyles,
     className: (0, _classnames.default)('euiCodeBlock', className),
@@ -165,15 +172,17 @@ var EuiCodeBlock = exports.EuiCodeBlock = function EuiCodeBlock(_ref) {
   }) : (0, _react2.jsx)("pre", (0, _extends2.default)({}, preProps, {
     ref: combinedRef,
     style: overflowHeightStyles
-  }), (0, _react2.jsx)("code", codeProps, content)), (0, _react2.jsx)(_code_block_controls.EuiCodeBlockControls, {
+  }), codeBlockLabelElement, (0, _react2.jsx)("code", codeProps, content)), (0, _react2.jsx)(_code_block_controls.EuiCodeBlockControls, {
     controls: [fullScreenButton, copyButton],
     paddingSize: paddingSize
-  }), isFullScreen && (0, _react2.jsx)(_code_block_full_screen.EuiCodeBlockFullScreenWrapper, null, isVirtualized ? (0, _react2.jsx)(_code_block_virtualized.EuiCodeBlockVirtualized, {
+  }), isFullScreen && (0, _react2.jsx)(_code_block_full_screen.EuiCodeBlockFullScreenWrapper, {
+    onClose: onKeyDown
+  }, isVirtualized ? (0, _react2.jsx)(_code_block_virtualized.EuiCodeBlockVirtualized, {
     data: data,
     rowHeight: fontSizeToRowHeightMap.l,
     preProps: preFullscreenProps,
     codeProps: codeProps
-  }) : (0, _react2.jsx)("pre", preFullscreenProps, (0, _react2.jsx)("code", codeProps, content)), (0, _react2.jsx)(_code_block_controls.EuiCodeBlockControls, {
+  }) : (0, _react2.jsx)("pre", preFullscreenProps, codeBlockLabelElement, (0, _react2.jsx)("code", codeProps, content)), (0, _react2.jsx)(_code_block_controls.EuiCodeBlockControls, {
     controls: [fullScreenButton, copyButton],
     paddingSize: "l"
   })));

package/optimize/lib/components/code/code_block.styles.js

@@ -12,12 +12,6 @@ var _code_syntax = require("./code_syntax.styles");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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)."; } /*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
- * in compliance with, at your election, the Elastic License 2.0 or the Server
- * Side Public License, v 1.
- */ /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
  * 2.0 and the Server Side Public License, v 1; you may not use this file except

package/optimize/lib/components/code/code_block_copy.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useCopy = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
+var _services = require("../../services");
 var _inner_text = require("../inner_text");
 var _copy = require("../copy");
 var _i18n = require("../i18n");
@@ -37,17 +38,23 @@ var useCopy = exports.useCopy = function useCopy(_ref) {
     innerTextRef = _useInnerText2[0],
     _innerText = _useInnerText2[1];
   var innerText = (0, _react.useMemo)(function () {
+    var _innerText$replace;
+    if (!_innerText) return;
     return (_innerText
-    // Normalize line terminations to match native JS format
+    // remove text that should not be copied (e.g. screen reader instructions)
     === null || _innerText
+    // remove text that should not be copied (e.g. screen reader instructions)
+    === void 0 || (_innerText$replace = _innerText
+    // remove text that should not be copied (e.g. screen reader instructions)
+    .replace(_services.noCopyBoundsRegex, '')
     // Normalize line terminations to match native JS format
-    === void 0 ? void 0 : _innerText
-    // Normalize line terminations to match native JS format
-    .replace(_utils.NEW_LINE_REGEX_GLOBAL, '\n')
+    ) === null || _innerText$replace === void 0 || (_innerText$replace = _innerText$replace.replace(_utils.NEW_LINE_REGEX_GLOBAL, '\n')
+    // remove initial line break (if there was hidden content removed)
+    ) === null || _innerText$replace === void 0 || (_innerText$replace = _innerText$replace.replace(/^\n/, '')
     // Reduce two or more consecutive new line characters to a single one
     // This is needed primarily because of how syntax highlighting
     // generated DOM elements affect `innerText` output.
-    .replace(/\n{2,}/g, '\n')) || '';
+    ) === null || _innerText$replace === void 0 ? void 0 : _innerText$replace.replace(/\n{2,}/g, '\n')) || '';
   }, [_innerText]);
   var textToCopy = isVirtualized ? "".concat(children) : innerText; // Virtualized code blocks do not have inner text
 

package/optimize/lib/components/code/code_block_full_screen.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useFullScreen = exports.EuiCodeBlockFullScreenWrapper = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _services = require("../../services");
@@ -14,6 +15,7 @@ var _button = require("../button");
 var _focus_trap = require("../focus_trap");
 var _overlay_mask = require("../overlay_mask");
 var _code_block = require("./code_block.styles");
+var _delay_render = require("../delay_render");
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -30,16 +32,27 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  */
 var useFullScreen = exports.useFullScreen = function useFullScreen(_ref) {
   var overflowHeight = _ref.overflowHeight;
+  var toggleButtonRef = (0, _react.useRef)(null);
   var showFullScreenButton = !!overflowHeight;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isFullScreen = _useState2[0],
     setIsFullScreen = _useState2[1];
+  var returnFocus = function returnFocus() {
+    // uses timeout to ensure focus is placed after potential other updates happen
+    setTimeout(function () {
+      var _toggleButtonRef$curr;
+      (_toggleButtonRef$curr = toggleButtonRef.current) === null || _toggleButtonRef$curr === void 0 || _toggleButtonRef$curr.focus();
+    });
+  };
   var toggleFullScreen = (0, _react.useCallback)(function () {
     setIsFullScreen(function (isFullScreen) {
       return !isFullScreen;
     });
-  }, []);
+    if (isFullScreen) {
+      returnFocus();
+    }
+  }, [isFullScreen]);
   var onKeyDown = (0, _react.useCallback)(function (event) {
     if (event.key === _services.keys.ESCAPE) {
       // We need to make sure annotation Escape keypresses don't also cause fullscreen mode to close
@@ -49,6 +62,7 @@ var useFullScreen = exports.useFullScreen = function useFullScreen(_ref) {
         event.preventDefault();
         event.stopPropagation();
         setIsFullScreen(false);
+        returnFocus();
       }
     }
   }, []);
@@ -57,13 +71,20 @@ var useFullScreen = exports.useFullScreen = function useFullScreen(_ref) {
     fullscreenCollapse = _useEuiI18n2[0],
     fullscreenExpand = _useEuiI18n2[1];
   var fullScreenButton = (0, _react.useMemo)(function () {
-    return showFullScreenButton ? (0, _react2.jsx)(_button.EuiButtonIcon, {
+    var button = (0, _react2.jsx)(_button.EuiButtonIcon, {
+      buttonRef: toggleButtonRef,
       className: "euiCodeBlock__fullScreenButton",
       onClick: toggleFullScreen,
       iconType: isFullScreen ? 'fullScreenExit' : 'fullScreen',
       color: "text",
       "aria-label": isFullScreen ? fullscreenCollapse : fullscreenExpand
-    }) : null;
+    });
+    return showFullScreenButton ? isFullScreen ?
+    // use delay to prevent label being updated in non-fullscreen state before fullscreen is opened
+    // otherwise this causes screen readers to read the collapse label before anything else (as the button was focused when opening)
+    (0, _react2.jsx)(_delay_render.EuiDelayRender, {
+      delay: 10
+    }, button) : button : null;
   }, [showFullScreenButton, toggleFullScreen, isFullScreen, fullscreenCollapse, fullscreenExpand]);
   return {
     fullScreenButton: fullScreenButton,
@@ -76,17 +97,25 @@ var useFullScreen = exports.useFullScreen = function useFullScreen(_ref) {
  * Portalled full screen wrapper
  */
 var EuiCodeBlockFullScreenWrapper = exports.EuiCodeBlockFullScreenWrapper = function EuiCodeBlockFullScreenWrapper(_ref2) {
-  var children = _ref2.children;
+  var children = _ref2.children,
+    onClose = _ref2.onClose;
   var styles = (0, _services.useEuiMemoizedStyles)(_code_block.euiCodeBlockStyles);
   var cssStyles = [styles.euiCodeBlock, styles.l,
   // Force fullscreen to use large font
   styles.isFullScreen];
+  var ariaLabel = (0, _i18n.useEuiI18n)('euiCodeBlockFullScreen.ariaLabel', 'Expanded code block');
+  var dialogProps = {
+    role: 'dialog',
+    'aria-modal': true,
+    'aria-label': ariaLabel,
+    onKeyDown: onClose
+  };
   return (0, _react2.jsx)(_overlay_mask.EuiOverlayMask, null, (0, _react2.jsx)(_focus_trap.EuiFocusTrap, {
     scrollLock: true,
     preventScrollOnFocus: true,
     clickOutsideDisables: true
-  }, (0, _react2.jsx)("div", {
+  }, (0, _react2.jsx)("div", (0, _extends2.default)({
     className: "euiCodeBlockFullScreen",
     css: cssStyles
-  }, children)));
+  }, dialogProps), children)));
 };

package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_beta.js

@@ -102,6 +102,9 @@ var _EuiCollapsibleNavBeta = function _EuiCollapsibleNavBeta(_ref) {
       return !isOpen;
     });
   }, []);
+  var closeOverlayFlyout = (0, _react.useCallback)(function () {
+    return setIsOverlayOpen(false);
+  }, []);
   var flyoutType = isOverlay ? 'overlay' : 'push';
   var isPush = !isOverlay;
 
@@ -163,7 +166,7 @@ var _EuiCollapsibleNavBeta = function _EuiCollapsibleNavBeta(_ref) {
     type: flyoutType,
     paddingSize: "none",
     pushMinBreakpoint: "xs",
-    onClose: onClose,
+    onClose: isPush ? onClose : closeOverlayFlyout,
     hideCloseButton: true
   }), children);
   var hideFlyout = isOverlay && !isOverlayOpen;
@@ -172,7 +175,8 @@ var _EuiCollapsibleNavBeta = function _EuiCollapsibleNavBeta(_ref) {
       isPush: isPush,
       isCollapsed: isCollapsed,
       isOverlayOpen: isOverlayOpen,
-      side: side
+      side: side,
+      closePortals: closeOverlayFlyout
     }
   }, (0, _react2.jsx)(_collapsible_nav_button.EuiCollapsibleNavButton, {
     ref: buttonRef,

package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js

@@ -53,7 +53,8 @@ var EuiCollapsedNavButton = exports.EuiCollapsedNavButton = function EuiCollapse
     css: tooltipCssStyles,
     position: side,
     display: "block",
-    anchorProps: rest
+    anchorProps: rest,
+    repositionOnScroll: true
   }, (0, _react2.jsx)(_button_icon.EuiButtonIcon, (0, _extends2.default)({
     "data-test-subj": "euiCollapsedNavButton",
     size: "s",

package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js

@@ -13,6 +13,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _services = require("../../../../services");
 var _popover = require("../../../popover");
+var _context = require("../../context");
 var _collapsible_nav_item = require("../collapsible_nav_item");
 var _collapsed_nav_button = require("./collapsed_nav_button");
 var _collapsed_nav_popover = require("./collapsed_nav_popover.styles");
@@ -52,6 +53,20 @@ var EuiCollapsedNavPopover = exports.EuiCollapsedNavPopover = function EuiCollap
   var closePopover = (0, _react.useCallback)(function () {
     return setIsPopoverOpen(false);
   }, []);
+  var closePopoverClick = (0, _react.useCallback)(function (event) {
+    closePopover();
+    // Visually hide the tooltip for mouse users only
+    var isMouseEvent = event.screenX !== 0 && event.screenY !== 0;
+    if (isMouseEvent) setIsTooltipHidden(true);
+  }, [closePopover]);
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isTooltipHidden = _useState4[0],
+    setIsTooltipHidden = _useState4[1];
+  var reshowTooltip = (0, _react.useCallback)(function () {
+    return setIsTooltipHidden(false);
+  }, []);
+  var navContext = (0, _react.useContext)(_context.EuiCollapsibleNavContext);
   return (0, _react2.jsx)(_popover.EuiPopover, (0, _extends2.default)({
     closePopover: closePopover,
     isOpen: isPopoverOpen,
@@ -65,7 +80,10 @@ var EuiCollapsedNavPopover = exports.EuiCollapsedNavPopover = function EuiCollap
       iconProps: iconProps,
       isSelected: isSelected,
       onClick: togglePopover,
-      hideToolTip: isPopoverOpen
+      hideToolTip: isPopoverOpen || isTooltipHidden,
+      linkProps: {
+        onMouseOver: reshowTooltip
+      }
     })
   }, rest, {
     panelProps: _objectSpread(_objectSpread({}, rest.panelProps), {}, {
@@ -76,9 +94,13 @@ var EuiCollapsedNavPopover = exports.EuiCollapsedNavPopover = function EuiCollap
     className: "eui-textTruncate"
   }, title)), (0, _react2.jsx)("div", {
     css: styles.euiCollapsedNavPopover__items
+  }, (0, _react2.jsx)(_context.EuiCollapsibleNavContext.Provider, {
+    value: _objectSpread(_objectSpread({}, navContext), {}, {
+      closePortals: closePopoverClick
+    })
   }, items.map(function (item, index) {
     return (0, _react2.jsx)(_collapsible_nav_item.EuiCollapsibleNavSubItem, (0, _extends2.default)({
       key: index
     }, item));
-  })));
+  }))));
 };

package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js

@@ -116,8 +116,12 @@ var EuiCollapsibleNavSubItem = exports.EuiCollapsibleNavSubItem = function EuiCo
     className = _ref3.className,
     props = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
   var classes = (0, _classnames.default)('euiCollapsibleNavSubItem', className);
+  var _useContext = (0, _react.useContext)(_context.EuiCollapsibleNavContext),
+    closePortals = _useContext.closePortals;
   if (renderItem) {
-    return (0, _react2.jsx)(_react.default.Fragment, null, renderItem());
+    return (0, _react2.jsx)(_react.default.Fragment, null, renderItem({
+      closePortals: closePortals
+    }));
   }
   return (0, _react2.jsx)(EuiCollapsibleNavItemDisplay, (0, _extends2.default)({
     className: classes
@@ -173,9 +177,9 @@ var EuiCollapsibleNavItem = exports.EuiCollapsibleNavItem = function EuiCollapsi
     props = (0, _objectWithoutProperties2.default)(_ref5, _excluded4);
   var classes = (0, _classnames.default)('euiCollapsibleNavItem', className);
   var styles = (0, _services.useEuiMemoizedStyles)(_collapsible_nav_item.euiCollapsibleNavTopItemStyles);
-  var _useContext = (0, _react.useContext)(_context.EuiCollapsibleNavContext),
-    isCollapsed = _useContext.isCollapsed,
-    isPush = _useContext.isPush;
+  var _useContext2 = (0, _react.useContext)(_context.EuiCollapsibleNavContext),
+    isCollapsed = _useContext2.isCollapsed,
+    isPush = _useContext2.isPush;
   return isCollapsed && isPush ? (0, _react2.jsx)(_collapsed.EuiCollapsedNavItem, (0, _extends2.default)({
     className: classes
   }, props)) : (0, _react2.jsx)(EuiCollapsibleNavItemDisplay, (0, _extends2.default)({

package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_link.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,10 +9,11 @@ exports.EuiCollapsibleNavLink = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _services = require("../../../services");
 var _link = require("../../link");
+var _context = require("../context");
 var _collapsible_nav_link = require("./collapsible_nav_link.styles");
 var _react2 = require("@emotion/react");
 var _excluded = ["href", "rel", "children", "className", "isSelected", "isInteractive", "isNotAccordion", "isSubItem", "linkProps"];
@@ -22,6 +24,8 @@ var _excluded = ["href", "rel", "children", "className", "isSelected", "isIntera
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
@@ -50,11 +54,24 @@ var EuiCollapsibleNavLink = exports.EuiCollapsibleNavLink = function EuiCollapsi
   var classes = (0, _classnames.default)('euiCollapsibleNavLink', className, isInteractive && (linkProps === null || linkProps === void 0 ? void 0 : linkProps.className));
   var styles = (0, _services.useEuiMemoizedStyles)(_collapsible_nav_link.euiCollapsibleNavLinkStyles);
   var cssStyles = [styles.euiCollapsibleNavLink, isSelected && styles.isSelected, isSubItem ? styles.isSubItem : styles.isTopItem.isTopItem, isNotAccordion && !isSubItem && styles.isTopItem.isNotAccordion, isInteractive && !isSelected && !isSubItem && styles.isTopItem.isInteractive, isInteractive && (linkProps === null || linkProps === void 0 ? void 0 : linkProps.css)];
+  var _useContext = (0, _react.useContext)(_context.EuiCollapsibleNavContext),
+    closePortals = _useContext.closePortals;
+  var onClick = (0, _react.useCallback)(function (event) {
+    var _rest$onClick, _linkProps$onClick;
+    (_rest$onClick = rest.onClick) === null || _rest$onClick === void 0 || _rest$onClick.call(rest, event);
+    linkProps === null || linkProps === void 0 || (_linkProps$onClick = linkProps.onClick) === null || _linkProps$onClick === void 0 || _linkProps$onClick.call(linkProps, event);
+    if (!event.defaultPrevented) {
+      closePortals === null || closePortals === void 0 || closePortals(event);
+    }
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [rest.onClick, linkProps === null || linkProps === void 0 ? void 0 : linkProps.onClick, closePortals]);
   return isInteractive ? (0, _react2.jsx)(_link.EuiLink, (0, _extends2.default)({
     href: href,
     rel: rel
   }, _objectSpread(_objectSpread({}, rest), linkProps), {
     // EuiLink ExclusiveUnion shenanigans
+    onClick: onClick,
     className: classes,
     css: cssStyles
   }), children) : (0, _react2.jsx)("span", (0, _extends2.default)({

package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/index.js

@@ -9,4 +9,10 @@ Object.defineProperty(exports, "EuiCollapsibleNavItem", {
     return _collapsible_nav_item.EuiCollapsibleNavItem;
   }
 });
+Object.defineProperty(exports, "EuiCollapsibleNavSubItem", {
+  enumerable: true,
+  get: function get() {
+    return _collapsible_nav_item.EuiCollapsibleNavSubItem;
+  }
+});
 var _collapsible_nav_item = require("./collapsible_nav_item");

package/optimize/lib/components/datagrid/data_grid.styles.js

@@ -87,7 +87,7 @@ var euiDataGridStyles = exports.euiDataGridStyles = function euiDataGridStyles(e
       "".concat(euiTheme.border.width.thin, " solid ").concat((0, _services.tintOrShade)(euiTheme.border.color, 0.3, colorMode))), ";}&--firstColumn{", (0, _global_styling.logicalCSS)('border-left', euiTheme.border.thin), ";}&--lastColumn{", (0, _global_styling.logicalCSS)('border-right-color', euiTheme.border.color), ";}}.euiDataGridFooterCell,.euiDataGridHeaderCell{", (0, _global_styling.logicalCSS)('border-right', euiTheme.border.thin), " &:first-of-type{", (0, _global_styling.logicalCSS)('border-left', euiTheme.border.thin), ";}}.euiDataGridFooter{", (0, _global_styling.logicalCSS)('border-bottom', euiTheme.border.thin), ";}&:not(.euiDataGrid--footerOverline) .euiDataGridFooter{", (0, _global_styling.logicalCSS)('border-top', euiTheme.border.thin), " ", (0, _global_styling.logicalCSS)('margin-top', "-".concat(euiTheme.border.width.thin)), ";}&:not(.euiDataGrid--headerUnderline) .euiDataGridHeader{", (0, _global_styling.logicalCSS)('border-bottom', euiTheme.border.thin), ";}&:is(.euiDataGrid--noControls) .euiDataGridHeader{", (0, _global_styling.logicalCSS)('border-top', euiTheme.border.thin), ";}.euiDataGrid__controls{border:", euiTheme.border.thin, ";background-color:", euiTheme.colors.body, ";};label:all;")
     },
     // Sits below the controls above it and pagination below it
-    euiDataGrid__content: /*#__PURE__*/(0, _react.css)("z-index:1;position:relative;flex-grow:1;", (0, _global_styling.logicalSizeCSS)('100%'), " ", (0, _global_styling.logicalCSS)('max-width', '100%'), " overflow:hidden;background-color:", euiTheme.colors.body, ";font-feature-settings:'tnum' 1;;label:euiDataGrid__content;"),
+    euiDataGrid__content: /*#__PURE__*/(0, _react.css)("z-index:1;position:relative;flex-grow:1;", (0, _global_styling.logicalSizeCSS)('100%'), " ", (0, _global_styling.logicalCSS)('max-width', '100%'), " overflow:hidden;font-feature-settings:'tnum' 1;;label:euiDataGrid__content;"),
     // Wrapper around EuiDataGrid
     euiDataGrid__focusWrap: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', '100%'), ";;label:euiDataGrid__focusWrap;")
   };

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

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _excluded = ["title", "titleId"];
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var EuiIconContrast = function EuiIconContrast(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("path", {
+    fillRule: "evenodd",
+    d: "M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm.5-1.5h1.902a6.004 6.004 0 0 0 1.567-1H8.5v1Zm0-2h4.374c.225-.312.42-.647.582-1H8.5v1Zm0-2h5.311c.083-.324.14-.658.168-1H8.5v1Zm0-2h5.48a5.988 5.988 0 0 0-.169-1H8.5v1Zm0-2h4.956a5.996 5.996 0 0 0-.582-1H8.5v1Zm0-2h3.469a6.004 6.004 0 0 0-1.567-1H8.5v1ZM2 8a6 6 0 0 1 5.5-5.98v11.96A6 6 0 0 1 2 8Z",
+    clipRule: "evenodd"
+  }));
+};
+var icon = exports.icon = EuiIconContrast;

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

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _excluded = ["title", "titleId"];
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var EuiIconContrastHigh = function EuiIconContrastHigh(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("path", {
+    d: "M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-7 6V2a6 6 0 1 0 0 12Z",
+    clipRule: "evenodd"
+  }));
+};
+var icon = exports.icon = EuiIconContrastHigh;

package/optimize/lib/components/icon/icon_map.js

@@ -75,6 +75,8 @@ var typeToPathMap = exports.typeToPathMap = {
   continuityAboveBelow: 'continuityAboveBelow',
   continuityBelow: 'continuityBelow',
   continuityWithin: 'continuityWithin',
+  contrast: 'contrast',
+  contrastHigh: 'contrastHigh',
   controlsHorizontal: 'controls_horizontal',
   controlsVertical: 'controls_vertical',
   copy: 'copy',

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

@@ -0,0 +1,3 @@
+<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="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8.5 13.5H10.4017C10.9767 13.2486 11.5046 12.9096 11.9687 12.5H8.5V13.5ZM8.5 11.5H12.874C13.0986 11.1878 13.2939 10.8531 13.456 10.5H8.5V11.5ZM8.5 9.5H13.811C13.8943 9.17642 13.9512 8.84229 13.9795 8.5H8.5V9.5ZM8.5 7.5H13.9795C13.9512 7.15771 13.8943 6.82358 13.811 6.5H8.5V7.5ZM8.5 5.5H13.456C13.2939 5.14689 13.0986 4.81221 12.874 4.5H8.5V5.5ZM8.5 3.5H11.9687C11.5046 3.09038 10.9767 2.75143 10.4017 2.5H8.5V3.5ZM2 8C2 4.85467 4.42023 2.27461 7.5 2.02054L7.5 13.9795C4.42023 13.7254 2 11.1453 2 8Z"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path clip-rule="evenodd" d="M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM8 14V2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z"/>
+</svg>

package/optimize/lib/components/tool_tip/tool_tip.js

@@ -179,6 +179,7 @@ var EuiToolTip = exports.EuiToolTip = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)(_this, "onEscapeKey", function (event) {
       if (event.key === _services.keys.ESCAPE) {
+        if (_this.state.visible) event.stopPropagation();
         _this.setState({
           hasFocus: false
         }); // Allows mousing over back into the tooltip to work correctly

package/optimize/lib/services/copy/index.js

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "copyToClipboard", {
     return _copy_to_clipboard.copyToClipboard;
   }
 });
+Object.defineProperty(exports, "noCopyBoundsRegex", {
+  enumerable: true,
+  get: function get() {
+    return _tabular_copy.noCopyBoundsRegex;
+  }
+});
 Object.defineProperty(exports, "tabularCopyMarkers", {
   enumerable: true,
   get: function get() {