@elastic/eui 117.1.0 → 118.0.0

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

@@ -1,75 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EuiCollapsibleNavButton = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _services = require("../../../services");
-var _button = require("../../button");
-var _i18n = require("../../i18n");
-var _context = require("../context");
-var _collapsible_nav_button = require("./collapsible_nav_button.styles");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react2 = require("@emotion/react");
-var _excluded = ["className", "css"];
-/*
- * 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.
- */
-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 EuiCollapsibleNavButton = exports.EuiCollapsibleNavButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var className = _ref.className,
-    css = _ref.css,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useContext = (0, _react.useContext)(_context.EuiCollapsibleNavContext),
-    side = _useContext.side,
-    isPush = _useContext.isPush,
-    isCollapsed = _useContext.isCollapsed,
-    isOverlayOpen = _useContext.isOverlayOpen;
-  var styles = (0, _services.useEuiMemoizedStyles)(_collapsible_nav_button.euiCollapsibleNavButtonWrapperStyles);
-  var cssStyles = [styles.euiCollapsibleNavButtonWrapper, styles[side]];
-  var buttonStyles = [styles.euiCollapsibleNavButton, css];
-  var classes = (0, _classnames.default)('euiCollapsibleNavButton', className);
-  var toggleExpandLabel = (0, _i18n.useEuiI18n)('euiCollapsibleNavButton.ariaLabelExpand', 'Expand navigation');
-  var toggleCollapseLabel = (0, _i18n.useEuiI18n)('euiCollapsibleNavButton.ariaLabelCollapse', 'Collapse navigation');
-  var toggleOpenLabel = (0, _i18n.useEuiI18n)('euiCollapsibleNavButton.ariaLabelOpen', 'Open navigation');
-  var toggleCloseLabel = (0, _i18n.useEuiI18n)('euiCollapsibleNavButton.ariaLabelClose', 'Close navigation');
-  var ariaLabel;
-  var iconType;
-  if (isPush) {
-    ariaLabel = isCollapsed ? toggleExpandLabel : toggleCollapseLabel;
-    if (side === 'left') {
-      iconType = isCollapsed ? 'menuRight' : 'menuLeft';
-    } else {
-      iconType = isCollapsed ? 'menuLeft' : 'menuRight';
-    }
-  } else {
-    ariaLabel = isOverlayOpen ? toggleCloseLabel : toggleOpenLabel;
-    iconType = isOverlayOpen ? 'cross' : 'menu';
-  }
-  return (0, _react2.jsx)("div", {
-    className: "euiCollapsibleNavButtonWrapper",
-    css: cssStyles,
-    ref: ref
-  }, (0, _react2.jsx)(_button.EuiButtonIcon, (0, _extends2.default)({
-    "data-test-subj": "euiCollapsibleNavButton",
-    className: classes,
-    css: buttonStyles,
-    size: "s",
-    color: "text",
-    iconType: iconType,
-    "aria-label": ariaLabel,
-    "aria-pressed": isPush ? !isCollapsed : isOverlayOpen,
-    "aria-expanded": isPush ? !isCollapsed : isOverlayOpen
-  }, rest)));
-});
-EuiCollapsibleNavButton.displayName = 'EuiCollapsibleNavButton';

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

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.euiCollapsibleNavButtonWrapperStyles = void 0;
-var _react = require("@emotion/react");
-var _global_styling = require("../../../global_styling");
-var _header = require("../../header/header.styles");
-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.
- */
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "msjxar-euiCollapsibleNavButton",
-  styles: "&.euiButtonIcon:hover{transform:none;};label:euiCollapsibleNavButton;"
-} : {
-  name: "msjxar-euiCollapsibleNavButton",
-  styles: "&.euiButtonIcon:hover{transform:none;};label:euiCollapsibleNavButton;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var euiCollapsibleNavButtonWrapperStyles = exports.euiCollapsibleNavButtonWrapperStyles = function euiCollapsibleNavButtonWrapperStyles(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme;
-  var _euiHeaderVariables = (0, _header.euiHeaderVariables)(euiThemeContext),
-    height = _euiHeaderVariables.height,
-    padding = _euiHeaderVariables.padding;
-  return {
-    euiCollapsibleNavButtonWrapper: /*#__PURE__*/(0, _react.css)("display:flex;align-items:center;justify-content:center;", (0, _global_styling.logicalSizeCSS)(height), ";;label:euiCollapsibleNavButtonWrapper;"),
-    euiCollapsibleNavButton: _ref,
-    left: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('border-right', euiTheme.border.thin), " ", (0, _global_styling.logicalCSS)('margin-left', "-".concat(padding)), " ", (0, _global_styling.logicalCSS)('margin-right', padding), ";;label:left;"),
-    right: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('border-left', euiTheme.border.thin), " ", (0, _global_styling.logicalCSS)('margin-right', "-".concat(padding)), " ", (0, _global_styling.logicalCSS)('margin-left', padding), ";;label:right;")
-  };
-};

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

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "EuiCollapsibleNavButton", {
-  enumerable: true,
-  get: function get() {
-    return _collapsible_nav_button.EuiCollapsibleNavButton;
-  }
-});
-var _collapsible_nav_button = require("./collapsible_nav_button");

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

@@ -1,73 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EuiCollapsedNavButton = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _services = require("../../../../services");
-var _button_icon = require("../../../button/button_icon");
-var _tool_tip = require("../../../tool_tip");
-var _context = require("../../context");
-var _collapsed_nav_button = require("./collapsed_nav_button.styles");
-var _i18n = require("../../../i18n");
-var _react2 = require("@emotion/react");
-var _excluded = ["href", "title", "icon", "iconProps", "isSelected", "onClick", "hideToolTip", "linkProps", "titleElement"];
-/*
- * 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.
- */
-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 EuiCollapsedNavButton = exports.EuiCollapsedNavButton = function EuiCollapsedNavButton(_ref) {
-  var href = _ref.href,
-    title = _ref.title,
-    icon = _ref.icon,
-    iconProps = _ref.iconProps,
-    isSelected = _ref.isSelected,
-    onClick = _ref.onClick,
-    hideToolTip = _ref.hideToolTip,
-    linkProps = _ref.linkProps,
-    titleElement = _ref.titleElement,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useContext = (0, _react.useContext)(_context.EuiCollapsibleNavContext),
-    side = _useContext.side;
-  var buttonStyles = (0, _services.useEuiMemoizedStyles)(_collapsed_nav_button.euiCollapsedNavButtonStyles);
-  var buttonCssStyles = [buttonStyles.euiCollapsedNavButton, isSelected && buttonStyles.isSelected, linkProps === null || linkProps === void 0 ? void 0 : linkProps.css];
-  var buttonClassName = (0, _classnames.default)('euiCollapsedNavButton', linkProps === null || linkProps === void 0 ? void 0 : linkProps.className);
-  var tooltipStyles = (0, _services.useEuiMemoizedStyles)(_collapsed_nav_button.euiCollapsedNavItemTooltipStyles);
-  var tooltipCssStyles = [tooltipStyles.euiCollapsedNavItemTooltip, tooltipStyles[side], hideToolTip && tooltipStyles.hidden];
-  var buttonIconAriaLabel = (0, _i18n.useEuiI18n)('euiCollapsedNavButton.ariaLabelButtonIcon', '{title}, quick navigation menu', {
-    title: title
-  });
-  return (0, _react2.jsx)(_tool_tip.EuiToolTip, {
-    content: title,
-    css: tooltipCssStyles,
-    position: side,
-    display: "block",
-    anchorProps: rest,
-    repositionOnScroll: true
-  }, (0, _react2.jsx)(_button_icon.EuiButtonIcon, (0, _extends2.default)({
-    "data-test-subj": "euiCollapsedNavButton",
-    size: "s",
-    color: "text",
-    href: href,
-    onClick: onClick,
-    "aria-label": buttonIconAriaLabel
-  }, linkProps, {
-    // Exclusive union shenanigans
-    className: buttonClassName,
-    css: buttonCssStyles,
-    iconType: icon || 'link',
-    iconSize: iconProps === null || iconProps === void 0 ? void 0 : iconProps.size,
-    isSelected: isSelected
-  })));
-};

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

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.euiCollapsedNavItemTooltipStyles = exports.euiCollapsedNavButtonStyles = void 0;
-var _react = require("@emotion/react");
-var _global_styling = require("../../../../global_styling");
-var _collapsible_nav_item = require("../collapsible_nav_item.styles");
-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.
- */
-var euiCollapsedNavButtonStyles = exports.euiCollapsedNavButtonStyles = function euiCollapsedNavButtonStyles(euiThemeContext) {
-  var sharedStyles = (0, _collapsible_nav_item.euiCollapsibleNavItemVariables)(euiThemeContext);
-  return {
-    euiCollapsedNavButton: /*#__PURE__*/(0, _react.css)("display:flex;margin:", sharedStyles.padding, ";&.euiButtonIcon:hover{transform:none;};label:euiCollapsedNavButton;"),
-    isSelected: /*#__PURE__*/(0, _react.css)("&,&:hover,&:focus{background-color:", sharedStyles.backgroundSelectedColor, ";};label:isSelected;")
-  };
-};
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "1mkqgn7-hidden",
-  styles: "display:none;label:hidden;"
-} : {
-  name: "1mkqgn7-hidden",
-  styles: "display:none;label:hidden;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var euiCollapsedNavItemTooltipStyles = exports.euiCollapsedNavItemTooltipStyles = function euiCollapsedNavItemTooltipStyles(_ref2) {
-  var euiTheme = _ref2.euiTheme;
-  return {
-    euiCollapsedNavItemTooltip: /*#__PURE__*/(0, _react.css)(";label:euiCollapsedNavItemTooltip;"),
-    // Bring the tooltip closer to the nav - it's a little too far otherwise
-    left: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('margin-left', "-".concat(euiTheme.size.m)), ";;label:left;"),
-    right: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('margin-right', "-".concat(euiTheme.size.m)), ";;label:right;"),
-    // If the item has a popover and the popover is open, we don't want the
-    // tooltip to appear if so - the popover already renders the item title
-    hidden: _ref
-  };
-};

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

@@ -1,46 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EuiCollapsedNavItem = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _collapsed_nav_button = require("./collapsed_nav_button");
-var _collapsed_nav_popover = require("./collapsed_nav_popover");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react2 = require("@emotion/react");
-var _excluded = ["className", "href", "linkProps", "items", "accordionProps", "isCollapsible"];
-/*
- * 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.
- */
-/**
- * The collapsed nav item state only shows on larger/non-mobile screens
- * and collapses top-level link/accordion items to only rendering icons.
- *
- * Accordions turn into popovers, links turn into icon buttons
- */
-var EuiCollapsedNavItem = exports.EuiCollapsedNavItem = function EuiCollapsedNavItem(_ref) {
-  var className = _ref.className,
-    href = _ref.href,
-    linkProps = _ref.linkProps,
-    items = _ref.items,
-    accordionProps = _ref.accordionProps,
-    isCollapsible = _ref.isCollapsible,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('euiCollapsedNavItem', className);
-  return items ? (0, _react2.jsx)(_collapsed_nav_popover.EuiCollapsedNavPopover, (0, _extends2.default)({
-    items: items,
-    className: classes
-  }, props)) : (0, _react2.jsx)(_collapsed_nav_button.EuiCollapsedNavButton, (0, _extends2.default)({
-    href: href,
-    linkProps: linkProps,
-    className: classes
-  }, props));
-};

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

@@ -1,106 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EuiCollapsedNavPopover = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-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");
-var _react2 = require("@emotion/react");
-var _excluded = ["items", "title", "titleElement", "icon", "iconProps", "isSelected"];
-/*
- * 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.
- */
-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; }
-var EuiCollapsedNavPopover = exports.EuiCollapsedNavPopover = function EuiCollapsedNavPopover(_ref) {
-  var _rest$panelProps;
-  var items = _ref.items,
-    title = _ref.title,
-    _ref$titleElement = _ref.titleElement,
-    TitleElement = _ref$titleElement === void 0 ? 'span' : _ref$titleElement,
-    icon = _ref.icon,
-    iconProps = _ref.iconProps,
-    isSelected = _ref.isSelected,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var styles = (0, _services.useEuiMemoizedStyles)(_collapsed_nav_popover.euiCollapsedNavPopoverStyles);
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isPopoverOpen = _useState2[0],
-    setIsPopoverOpen = _useState2[1];
-  var togglePopover = (0, _react.useCallback)(function () {
-    return setIsPopoverOpen(function (isOpen) {
-      return !isOpen;
-    });
-  }, []);
-  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,
-    display: "block",
-    anchorPosition: "rightUp",
-    panelPaddingSize: "none",
-    repositionOnScroll: true,
-    button: (0, _react2.jsx)(_collapsed_nav_button.EuiCollapsedNavButton, {
-      title: title,
-      icon: icon || 'boxesVertical',
-      iconProps: iconProps,
-      isSelected: isSelected,
-      onClick: togglePopover,
-      hideToolTip: isPopoverOpen || isTooltipHidden,
-      linkProps: {
-        onMouseOver: reshowTooltip
-      }
-    })
-  }, rest, {
-    panelProps: _objectSpread(_objectSpread({}, rest.panelProps), {}, {
-      css: [styles.euiCollapsedNavPopover__panel, (_rest$panelProps = rest.panelProps) === null || _rest$panelProps === void 0 ? void 0 : _rest$panelProps.css]
-    })
-  }), (0, _react2.jsx)(_popover.EuiPopoverTitle, null, (0, _react2.jsx)(TitleElement, {
-    css: styles.euiCollapsedNavPopover__title,
-    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/collapsed/collapsed_nav_popover.styles.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.euiCollapsedNavPopoverStyles = void 0;
-var _react = require("@emotion/react");
-var _global_styling = require("../../../../global_styling");
-/*
- * 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.
- */
-
-var euiCollapsedNavPopoverStyles = exports.euiCollapsedNavPopoverStyles = function euiCollapsedNavPopoverStyles(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme;
-  return {
-    euiCollapsedNavPopover__panel: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('width', (0, _global_styling.mathWithUnits)(euiTheme.size.base, function (x) {
-      return x * 15;
-    })), ";;label:euiCollapsedNavPopover__panel;"),
-    euiCollapsedNavPopover__title: /*#__PURE__*/(0, _react.css)("display:block;padding:", euiTheme.size.m, ";font-weight:", euiTheme.font.weight.bold, ";;label:euiCollapsedNavPopover__title;"),
-    euiCollapsedNavPopover__items: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiYScrollWithShadows)(euiThemeContext), " padding-block:", euiTheme.size.s, ";padding-inline:", euiTheme.size.xs, ";", (0, _global_styling.logicalCSS)('max-height', '50vh'), "@media (max-height: ", euiTheme.breakpoint.s, "px){", (0, _global_styling.logicalCSS)('max-height', '75vh'), ";};label:euiCollapsedNavPopover__items;")
-  };
-};

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

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "EuiCollapsedNavItem", {
-  enumerable: true,
-  get: function get() {
-    return _collapsed_nav_item.EuiCollapsedNavItem;
-  }
-});
-var _collapsed_nav_item = require("./collapsed_nav_item");

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

@@ -1,75 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EuiCollapsibleNavAccordion = 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 _classnames = _interopRequireDefault(require("classnames"));
-var _services = require("../../../services");
-var _accordion = require("../../accordion");
-var _collapsible_nav_item = require("./collapsible_nav_item");
-var _collapsible_nav_link = require("./collapsible_nav_link");
-var _collapsible_nav_accordion = require("./collapsible_nav_accordion.styles");
-var _react2 = require("@emotion/react");
-var _excluded = ["id", "className", "items", "isSubItem", "isSelected", "accordionProps", "buttonContent", "children"];
-/*
- * 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.
- */
-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; }
-/**
- * Internal nav accordion component.
- *
- * Renders children as either a nav link or any number/nesting of more nav accordions.
- * Triggering the open/closed state is handled only by the accordion `arrow` for
- * UX consistency, as accordion/nav titles can be their own links to pages.
- */
-var EuiCollapsibleNavAccordion = exports.EuiCollapsibleNavAccordion = function EuiCollapsibleNavAccordion(_ref) {
-  var _accordionProps$arrow;
-  var id = _ref.id,
-    className = _ref.className,
-    items = _ref.items,
-    isSubItem = _ref.isSubItem,
-    isSelected = _ref.isSelected,
-    accordionProps = _ref.accordionProps,
-    buttonContent = _ref.buttonContent,
-    _children = _ref.children,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('euiCollapsibleNavAccordion', className);
-  var groupID = (0, _services.useGeneratedHtmlId)({
-    conditionalId: id
-  });
-  var styles = (0, _services.useEuiMemoizedStyles)(_collapsible_nav_accordion.euiCollapsibleNavAccordionStyles);
-  var cssStyles = [styles.euiCollapsibleNavAccordion, isSubItem ? styles.isSubItem : styles.isTopItem, isSelected && styles.isSelected, accordionProps === null || accordionProps === void 0 ? void 0 : accordionProps.css];
-  return (0, _react2.jsx)(_accordion.EuiAccordion, (0, _extends2.default)({
-    id: groupID,
-    className: classes,
-    initialIsOpen: isSelected,
-    buttonContent: (0, _react2.jsx)(_collapsible_nav_link.EuiCollapsibleNavLink, {
-      isSelected: isSelected,
-      isSubItem: isSubItem,
-      isInteractive: false
-    }, buttonContent),
-    arrowDisplay: "right"
-  }, rest, accordionProps, {
-    css: cssStyles,
-    arrowProps: _objectSpread(_objectSpread({
-      iconSize: 's'
-    }, accordionProps === null || accordionProps === void 0 ? void 0 : accordionProps.arrowProps), {}, {
-      css: [styles.euiCollapsibleNavAccordion__arrow, accordionProps === null || accordionProps === void 0 || (_accordionProps$arrow = accordionProps.arrowProps) === null || _accordionProps$arrow === void 0 ? void 0 : _accordionProps$arrow.css]
-    })
-  }), (0, _react2.jsx)(_collapsible_nav_item.EuiCollapsibleNavSubItems, {
-    items: items,
-    isSubItem: isSubItem,
-    className: "euiCollapsibleNavAccordion__children"
-  }));
-};

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

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.euiCollapsibleNavAccordionStyles = void 0;
-var _react = require("@emotion/react");
-var _global_styling = require("../../../global_styling");
-var _collapsible_nav_item = require("./collapsible_nav_item.styles");
-/*
- * 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.
- */
-
-var euiCollapsibleNavAccordionStyles = exports.euiCollapsibleNavAccordionStyles = function euiCollapsibleNavAccordionStyles(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme;
-  var sharedStyles = (0, _collapsible_nav_item.euiCollapsibleNavItemVariables)(euiThemeContext);
-  return {
-    // NOTE: Specific usage of `>`s selectors are important here, because accordions can be nested
-    // - just because a parent accordion is open or selected does not mean its child accordion is the same
-    euiCollapsibleNavAccordion: /*#__PURE__*/(0, _react.css)(".euiAccordion__button{overflow:hidden;}&>.euiAccordion__triggerWrapper{border-radius:", sharedStyles.borderRadius, ";overflow:hidden;", _global_styling.euiCanAnimate, "{transition:background-color ", sharedStyles.animation, ";}&:hover,&:focus-within{background-color:", sharedStyles.backgroundHoverColor, ";.euiAccordion__arrow .euiIcon{color:", sharedStyles.color, ";}}&:has(:focus-visible){outline-style:auto;outline-offset:-", euiTheme.focus.width, ";*:focus{outline:none;}}}.euiAccordion__buttonContent{", (0, _global_styling.logicalCSS)('max-width', '100%'), " flex-basis:100%;display:flex;align-items:center;}.euiCollapsibleNavLink{", (0, _global_styling.logicalCSS)('width', '100%'), ";};label:euiCollapsibleNavAccordion;"),
-    isSelected: /*#__PURE__*/(0, _react.css)("&>.euiAccordion__triggerWrapper{background-color:", sharedStyles.backgroundSelectedColor, ";&:hover,&:focus-within{background-color:", sharedStyles.backgroundSelectedColor, ";}};label:isSelected;"),
-    isTopItem: /*#__PURE__*/(0, _react.css)("margin:", sharedStyles.padding, ";;label:isTopItem;"),
-    isSubItem: /*#__PURE__*/(0, _react.css)("&.euiAccordion-isOpen .euiAccordion__children::after{content:'';display:block;", (0, _global_styling.logicalCSS)('height', euiTheme.size.m), ";};label:isSubItem;"),
-    // Arrow element
-    euiCollapsibleNavAccordion__arrow: /*#__PURE__*/(0, _react.css)("margin:0;", (0, _global_styling.logicalCSS)('height', sharedStyles.height), (0, _global_styling.logicalCSS)('width', euiTheme.size.xl), "transform:none!important;&>.euiIcon{color:", sharedStyles.rightIconColor, ";transform:rotate(90deg);", _global_styling.euiCanAnimate, "{transition:transform ", sharedStyles.animation, ",color ", sharedStyles.animation, ";}}&.euiAccordion__arrow[aria-expanded='true']>.euiIcon{color:", sharedStyles.color, ";transform:rotate(-90deg);}&:hover,&:focus{background-color:transparent;};label:euiCollapsibleNavAccordion__arrow;")
-  };
-};

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

@@ -1,65 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EuiCollapsibleNavGroup = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _services = require("../../../services");
-var _collapsible_nav_item = require("./collapsible_nav_item");
-var _collapsible_nav_item2 = require("./collapsible_nav_item.styles");
-var _collapsible_nav_link = require("./collapsible_nav_link");
-var _react2 = require("@emotion/react");
-var _excluded = ["className", "header", "items", "isSubItem", "isSelected", "children"];
-/*
- * 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.
- */
-/**
- * Internal nav group. Should look the same as an open accordion,
- * but not be toggle-able to close.
- *
- * Yes, I know this is the 3rd component in EUI named EuiCollapsibleNavGroup :|
- * I'm waiting for serverless's design architecture to settle before untangling
- * this pasghetti
- */
-var EuiCollapsibleNavGroup = exports.EuiCollapsibleNavGroup = function EuiCollapsibleNavGroup(_ref) {
-  var className = _ref.className,
-    header = _ref.header,
-    items = _ref.items,
-    isSubItem = _ref.isSubItem,
-    isSelected = _ref.isSelected,
-    _children = _ref.children,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('euiCollapsibleNavGroup', className);
-  var sharedStyles = (0, _services.useEuiMemoizedStyles)(_collapsible_nav_item2.euiCollapsibleNavItemVariables);
-  var cssStyles = !isSubItem ? {
-    css: {
-      margin: sharedStyles.padding,
-      label: 'euiCollapsibleNavGroup-isTopItem'
-    }
-  } : undefined; // Prevents Emotion from generating a selector if no styles need to be applied
-
-  var labelledById = (0, _services.useGeneratedHtmlId)();
-  return (0, _react2.jsx)("div", (0, _extends2.default)({
-    className: classes
-  }, cssStyles, rest), header ? (0, _react2.jsx)(_collapsible_nav_link.EuiCollapsibleNavLink, {
-    id: labelledById,
-    isSelected: isSelected,
-    isSubItem: isSubItem,
-    isInteractive: false
-  }, header) : null, (0, _react2.jsx)(_collapsible_nav_item.EuiCollapsibleNavSubItems, {
-    items: items,
-    isSubItem: isSubItem,
-    className: "euiCollapsibleNavGroup__children",
-    role: "group",
-    "aria-labelledby": labelledById
-  }));
-};