@elastic/eui 117.1.0 → 118.0.0

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

@@ -1,9 +0,0 @@
-/*
- * 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.
- */
-
-export { EuiCollapsibleNavItem, EuiCollapsibleNavSubItem } from './collapsible_nav_item';

package/optimize/es/components/collapsible_nav_beta/context.js

@@ -1,15 +0,0 @@
-/*
- * 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.
- */
-
-import { createContext } from 'react';
-export var EuiCollapsibleNavContext = /*#__PURE__*/createContext({
-  isCollapsed: false,
-  isPush: true,
-  isOverlayOpen: false,
-  side: 'left'
-});

package/optimize/es/components/collapsible_nav_beta/index.js

@@ -1,15 +0,0 @@
-/*
- * 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.
- */
-
-/**
- * NOTE: This is currently still a beta component, being exported for Kibana
- * development usage. It is not yet fully documented or supported.
- */
-
-export { EuiCollapsibleNavBeta } from './collapsible_nav_beta';
-export { EuiCollapsibleNavItem } from './collapsible_nav_item';

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

@@ -1,178 +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.KibanaCollapsibleNavSolution = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _services = require("../../../services");
-var _i18n = require("../../i18n");
-var _icon = require("../../icon");
-var _popover = require("../../popover");
-var _list_group = require("../../list_group");
-var _context = require("../context");
-var _collapsible_nav_link = require("../collapsible_nav_item/collapsible_nav_link");
-var _collapsible_nav_item = require("../collapsible_nav_item/collapsible_nav_item");
-var _collapsed_nav_popover = require("../collapsible_nav_item/collapsed/collapsed_nav_popover");
-var _collapsible_nav_kibana_solution = require("./collapsible_nav_kibana_solution.styles");
-var _react2 = require("@emotion/react");
-var _excluded = ["title", "icon", "solutions", "items", "className"],
-  _excluded2 = ["title", "icon", "isSecondary"];
-/*
- * 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; }
-/**
- * This component should only ever be used as a **top-level component**.
- * It also should **not** be used in the nav footer.
- *
- * This component is **very** specific to Kibana and is not meant to be a generic component.
- */
-var KibanaCollapsibleNavSolution = exports.KibanaCollapsibleNavSolution = function KibanaCollapsibleNavSolution(_ref) {
-  var title = _ref.title,
-    icon = _ref.icon,
-    _ref$solutions = _ref.solutions,
-    solutions = _ref$solutions === void 0 ? [] : _ref$solutions,
-    items = _ref.items,
-    className = _ref.className,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useContext = (0, _react.useContext)(_context.EuiCollapsibleNavContext),
-    isCollapsed = _useContext.isCollapsed,
-    isPush = _useContext.isPush;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isSolutionSwitcherOpen = _useState2[0],
-    setIsSolutionSwitcherOpen = _useState2[1];
-  var classes = (0, _classnames.default)('kibanaCollapsibleNavSolution', className);
-  var styles = (0, _services.useEuiMemoizedStyles)(_collapsible_nav_kibana_solution.euiCollapsibleNavKibanaSolutionStyles);
-  var cssStyles = [styles.euiCollapsibleNavKibanaSolution, isPush && isCollapsed ? styles.collapsed : styles.uncollapsed];
-  var solutionSwitcherIcon = 'layers';
-  var solutionSolutionSwitcherTitle = (0, _i18n.useEuiI18n)('euiCollapsibleNavKibanaSolution.switcherTitle', 'Solution view');
-  var solutionSolutionSwitcherAriaLabel = (0, _i18n.useEuiI18n)('euiCollapsibleNavKibanaSolution.switcherAriaLabel', ' - click to switch to another solution');
-  var solutionSolutionGroupLabel = (0, _i18n.useEuiI18n)('euiCollapsibleNavKibanaSolution.groupLabel', 'Navigate to solution');
-  var closeSolutionPopover = (0, _react.useCallback)(function (event) {
-    // Allow child items to stop the popover from being closed
-    if (event.isPropagationStopped()) return;
-    // Only listen for clicks on child items - currentTarget is the parent <ul>
-    if (event.target === event.currentTarget) return;
-
-    // Only close the popover if the item is a clickable link or button
-    var target = event.target;
-    var childItem = target.closest('.euiListGroupItem');
-    if (['A', 'BUTTON'].includes((childItem === null || childItem === void 0 ? void 0 : childItem.tagName) || '')) {
-      setIsSolutionSwitcherOpen(false);
-    }
-  }, []);
-  var solutionSwitcherContent = (0, _react.useMemo)(function () {
-    var _parseListItems = parseListItems(solutions),
-      _parseListItems2 = (0, _slicedToArray2.default)(_parseListItems, 2),
-      primaryItems = _parseListItems2[0],
-      secondaryItems = _parseListItems2[1];
-    return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_list_group.EuiListGroup, {
-      "data-test-subj": "kibanaSolutionSwitcherList",
-      "aria-label": solutionSolutionGroupLabel,
-      listItems: primaryItems,
-      bordered: true,
-      onClick: closeSolutionPopover
-    }), secondaryItems.length > 0 && (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_list_group.EuiListGroup, {
-      listItems: secondaryItems,
-      css: styles.euiCollapsibleNavKibanaSolution__secondaryItems,
-      onClick: closeSolutionPopover
-    })));
-  }, [solutions, solutionSolutionGroupLabel, closeSolutionPopover, styles]);
-  var sharedPopoverProps = {
-    'aria-label': solutionSolutionSwitcherTitle,
-    panelProps: {
-      css: styles.euiCollapsibleNavKibanaSolution__switcherPopover
-    },
-    panelPaddingSize: 's',
-    display: 'block'
-  };
-  return (0, _react2.jsx)("div", (0, _extends2.default)({
-    className: classes,
-    css: cssStyles
-  }, props), isCollapsed && isPush ? (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_collapsed_nav_popover.EuiCollapsedNavPopover, {
-    icon: icon,
-    title: title,
-    items: items
-  }), (0, _react2.jsx)(_collapsed_nav_popover.EuiCollapsedNavPopover, (0, _extends2.default)({}, sharedPopoverProps, {
-    icon: solutionSwitcherIcon,
-    title: solutionSolutionSwitcherTitle,
-    items: [{
-      renderItem: function renderItem() {
-        return solutionSwitcherContent;
-      }
-    }],
-    "data-test-subj": "kibanaSolutionSwitcherDocked"
-  }))) : (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_popover.EuiInputPopover, (0, _extends2.default)({}, sharedPopoverProps, {
-    fullWidth: true
-    // Use the default EuiPopover focus trap, not the EuiInputPopover focus trap
-    ,
-    disableFocusTrap: true,
-    ownFocus: true,
-    isOpen: isSolutionSwitcherOpen,
-    closePopover: function closePopover() {
-      return setIsSolutionSwitcherOpen(false);
-    },
-    input: (0, _react2.jsx)(_collapsible_nav_link.EuiCollapsibleNavLink, {
-      css: styles.euiCollapsibleNavKibanaSolution__title,
-      onClick: function onClick() {
-        return setIsSolutionSwitcherOpen(function (isOpen) {
-          return !isOpen;
-        });
-      },
-      isInteractive: true,
-      isSelected: isSolutionSwitcherOpen,
-      "data-test-subj": "kibanaSolutionSwitcher"
-    }, (0, _react2.jsx)(_icon.EuiIcon, {
-      type: icon,
-      css: styles.euiCollapsibleNavKibanaSolution__logo
-    }), title, (0, _react2.jsx)(_icon.EuiIcon, {
-      type: solutionSwitcherIcon,
-      css: styles.euiCollapsibleNavKibanaSolution__switcherIcon,
-      "aria-label": solutionSolutionSwitcherAriaLabel
-    }))
-  }), (0, _react2.jsx)(_popover.EuiPopoverTitle, null, solutionSolutionSwitcherTitle), solutionSwitcherContent), (0, _react2.jsx)(_collapsible_nav_item.EuiCollapsibleNavSubItems, {
-    items: items,
-    role: "group",
-    "aria-label": title
-  })));
-};
-
-/**
- * Tweak EuiListGroup's items API to match EuiCollapsibleNav's
- * more closely (primarily label->title, iconType->icon),
- * and also to allow passing secondary items in the same array
- * (which will get rendered in a separate non-bordered group)
- */
-
-var parseListItems = function parseListItems(items) {
-  var primaryItems = [];
-  var secondaryItems = [];
-  items.forEach(function (_ref2) {
-    var title = _ref2.title,
-      icon = _ref2.icon,
-      isSecondary = _ref2.isSecondary,
-      item = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-    var arrayToPushTo = isSecondary ? secondaryItems : primaryItems;
-    arrayToPushTo.push(_objectSpread(_objectSpread({}, item), {}, {
-      label: title,
-      iconType: icon
-    }));
-  });
-  return [primaryItems, secondaryItems];
-};

package/optimize/lib/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.styles.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.euiCollapsibleNavKibanaSolutionStyles = void 0;
-var _react = require("@emotion/react");
-var _global_styling = require("../../../global_styling");
-var _collapsible_nav_item = require("../collapsible_nav_item/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 _ref = process.env.NODE_ENV === "production" ? {
-  name: "kimavp-euiCollapsibleNavKibanaSolution__secondaryItems",
-  styles: "padding-block-end:0;label:euiCollapsibleNavKibanaSolution__secondaryItems;"
-} : {
-  name: "kimavp-euiCollapsibleNavKibanaSolution__secondaryItems",
-  styles: "padding-block-end:0;label:euiCollapsibleNavKibanaSolution__secondaryItems;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var _ref2 = process.env.NODE_ENV === "production" ? {
-  name: "1fhy01q-euiCollapsibleNavKibanaSolution__switcherIcon",
-  styles: "margin-inline-start:auto;label:euiCollapsibleNavKibanaSolution__switcherIcon;"
-} : {
-  name: "1fhy01q-euiCollapsibleNavKibanaSolution__switcherIcon",
-  styles: "margin-inline-start:auto;label:euiCollapsibleNavKibanaSolution__switcherIcon;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var _ref3 = process.env.NODE_ENV === "production" ? {
-  name: "332r3i-euiCollapsibleNavKibanaSolution__logo",
-  styles: "transform:scale(1.25);label:euiCollapsibleNavKibanaSolution__logo;"
-} : {
-  name: "332r3i-euiCollapsibleNavKibanaSolution__logo",
-  styles: "transform:scale(1.25);label:euiCollapsibleNavKibanaSolution__logo;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var euiCollapsibleNavKibanaSolutionStyles = exports.euiCollapsibleNavKibanaSolutionStyles = function euiCollapsibleNavKibanaSolutionStyles(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme;
-  var sharedStyles = (0, _collapsible_nav_item.euiCollapsibleNavItemVariables)(euiThemeContext);
-  return {
-    euiCollapsibleNavKibanaSolution: /*#__PURE__*/(0, _react.css)(";label:euiCollapsibleNavKibanaSolution;"),
-    collapsed: /*#__PURE__*/(0, _react.css)("margin-block-start:", euiTheme.size.base, ";;label:collapsed;"),
-    uncollapsed: /*#__PURE__*/(0, _react.css)("margin:", sharedStyles.padding, ";;label:uncollapsed;"),
-    // Solution switcher title (popover toggle)
-    euiCollapsibleNavKibanaSolution__title: /*#__PURE__*/(0, _react.css)("margin-block-start:", euiTheme.size.base, ";margin-block-end:", euiTheme.size.s, ";&:is(button){inline-size:100%;};label:euiCollapsibleNavKibanaSolution__title;"),
-    // Make the solution logo slightly larger
-    euiCollapsibleNavKibanaSolution__logo: _ref3,
-    // Align the layer icon to the accordion arrows
-    euiCollapsibleNavKibanaSolution__switcherIcon: _ref2,
-    // Solution switcher popover
-    euiCollapsibleNavKibanaSolution__switcherPopover: /*#__PURE__*/(0, _react.css)(".euiPopoverTitle{padding:", (0, _global_styling.mathWithUnits)([euiTheme.size.s, euiTheme.size.xxs], function (x, y) {
-      return x + y;
-    }), ";margin-block-end:0;border-block-end:none;}[class*='euiCollapsedNavPopover__title']{padding:0;}[class*='euiCollapsedNavPopover__items']{padding:0;mask-image:none;};label:euiCollapsibleNavKibanaSolution__switcherPopover;"),
-    euiCollapsibleNavKibanaSolution__secondaryItems: _ref
-  };
-};

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

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

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

@@ -1,198 +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.EuiCollapsibleNavBeta = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-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 _classnames = _interopRequireDefault(require("classnames"));
-var _services = require("../../services");
-var _flyout = require("../flyout");
-var _i18n = require("../i18n");
-var _header = require("../header/header.styles");
-var _context = require("./context");
-var _collapsible_nav_button = require("./collapsible_nav_button");
-var _collapsible_nav_beta = require("./collapsible_nav_beta.styles");
-var _collapsible_nav_body_footer = require("./collapsible_nav_body_footer");
-var _collapsible_nav_item = require("./collapsible_nav_item");
-var _kibana_solution = require("./_kibana_solution");
-var _react2 = require("@emotion/react");
-var _excluded = ["id", "children", "className", "initialIsCollapsed", "isCollapsed", "onCollapseToggle", "width", "side", "focusTrapProps"];
-/*
- * 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 _EuiCollapsibleNavBeta = function _EuiCollapsibleNavBeta(_ref) {
-  var id = _ref.id,
-    children = _ref.children,
-    className = _ref.className,
-    _ref$initialIsCollaps = _ref.initialIsCollapsed,
-    initialIsCollapsed = _ref$initialIsCollaps === void 0 ? false : _ref$initialIsCollaps,
-    propsIsCollapsed = _ref.isCollapsed,
-    onCollapseToggle = _ref.onCollapseToggle,
-    _ref$width = _ref.width,
-    _width = _ref$width === void 0 ? 248 : _ref$width,
-    _ref$side = _ref.side,
-    side = _ref$side === void 0 ? 'left' : _ref$side,
-    _focusTrapProps = _ref.focusTrapProps,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useEuiThemeCSSVariab = (0, _services.useEuiThemeCSSVariables)(),
-    setGlobalCSSVariables = _useEuiThemeCSSVariab.setGlobalCSSVariables;
-  var _useEuiMemoizedStyles = (0, _services.useEuiMemoizedStyles)(_header.euiHeaderVariables),
-    headerHeight = _useEuiMemoizedStyles.height;
-
-  /**
-   * Collapsed state
-   */
-  var _useState = (0, _react.useState)(initialIsCollapsed),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isCollapsed = _useState2[0],
-    setIsCollapsed = _useState2[1];
-  var toggleCollapsed = (0, _react.useCallback)(function () {
-    return setIsCollapsed(function (isCollapsed) {
-      onCollapseToggle === null || onCollapseToggle === void 0 || onCollapseToggle(!isCollapsed);
-      return !isCollapsed;
-    });
-  }, [onCollapseToggle]);
-  var onClose = (0, _react.useCallback)(function () {
-    setIsCollapsed(true);
-    onCollapseToggle === null || onCollapseToggle === void 0 || onCollapseToggle(true);
-  }, [onCollapseToggle]);
-
-  // Controlled state
-  (0, _react.useEffect)(function () {
-    if (propsIsCollapsed !== undefined) {
-      setIsCollapsed(propsIsCollapsed);
-    }
-  }, [propsIsCollapsed]);
-
-  /**
-   * Responsive behavior
-   * By default on large enough screens, the nav is always a push flyout,
-   * but on smaller/mobile screens, the nav overlays the page instead
-   */
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isOverlay = _useState4[0],
-    setIsOverlay = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    isOverlayFullWidth = _useState6[0],
-    setIsOverlayFullWidth = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    isOverlayOpen = _useState8[0],
-    setIsOverlayOpen = _useState8[1];
-  var toggleOverlayFlyout = (0, _react.useCallback)(function () {
-    setIsOverlayOpen(function (isOpen) {
-      return !isOpen;
-    });
-  }, []);
-  var closeOverlayFlyout = (0, _react.useCallback)(function () {
-    return setIsOverlayOpen(false);
-  }, []);
-  var flyoutType = isOverlay ? 'overlay' : 'push';
-  var isPush = !isOverlay;
-
-  // Set up a window resize listener that determines breakpoint behavior
-  (0, _react.useEffect)(function () {
-    var getBreakpoints = function getBreakpoints() {
-      setIsOverlay(window.innerWidth < _width * 3);
-      setIsOverlayFullWidth(window.innerWidth < _width * 1.5);
-    };
-    getBreakpoints();
-    var onWindowResize = (0, _services.throttle)(getBreakpoints, 50);
-    window.addEventListener('resize', onWindowResize);
-    return function () {
-      return window.removeEventListener('resize', onWindowResize);
-    };
-  }, [_width]);
-  var width = (0, _react.useMemo)(function () {
-    if (isOverlayFullWidth) return '100%';
-    if (isPush && isCollapsed) return headerHeight;
-    return "".concat(_width, "px");
-  }, [_width, isOverlayFullWidth, isPush, isCollapsed, headerHeight]);
-
-  // Other UI elements may need to account for the nav width -
-  // set a global CSS variable that they can use
-  (0, _react.useEffect)(function () {
-    setGlobalCSSVariables({
-      '--euiCollapsibleNavOffset': isOverlay ? '0' : width
-    });
-  }, [width, isOverlay, setGlobalCSSVariables]);
-
-  /**
-   * Prop setup
-   */
-  var flyoutID = (0, _services.useGeneratedHtmlId)({
-    conditionalId: id,
-    suffix: 'euiCollapsibleNav'
-  });
-  var defaultAriaLabel = (0, _i18n.useEuiI18n)('euiCollapsibleNavBeta.ariaLabel', 'Site menu');
-  var buttonRef = (0, _react.useRef)(null);
-  var focusTrapProps = (0, _react.useMemo)(function () {
-    return _objectSpread(_objectSpread({}, _focusTrapProps), {}, {
-      shards: [buttonRef].concat((0, _toConsumableArray2.default)((_focusTrapProps === null || _focusTrapProps === void 0 ? void 0 : _focusTrapProps.shards) || []))
-    });
-  }, [_focusTrapProps]);
-  var classes = (0, _classnames.default)('euiCollapsibleNav', 'euiCollapsibleNavBeta', className);
-  var styles = (0, _services.useEuiMemoizedStyles)(_collapsible_nav_beta.euiCollapsibleNavBetaStyles);
-  var cssStyles = [styles.euiCollapsibleNavBeta, isPush && styles.isPush, styles[side], isPush && isCollapsed && styles.isPushCollapsed, isOverlayFullWidth && styles.isOverlayFullWidth];
-  var flyout = (0, _react2.jsx)(_flyout.EuiFlyout, (0, _extends2.default)({
-    "aria-label": defaultAriaLabel
-  }, rest, {
-    // EuiCollapsibleNav is significantly less permissive than EuiFlyout
-    id: flyoutID,
-    session: "never",
-    css: cssStyles,
-    className: classes,
-    size: width,
-    side: side,
-    focusTrapProps: focusTrapProps,
-    as: "nav",
-    type: flyoutType,
-    paddingSize: "none",
-    pushMinBreakpoint: "xs",
-    onClose: isPush ? onClose : closeOverlayFlyout,
-    hideCloseButton: true
-  }), children);
-  var hideFlyout = isOverlay && !isOverlayOpen;
-  return (0, _react2.jsx)(_context.EuiCollapsibleNavContext.Provider, {
-    value: {
-      isPush: isPush,
-      isCollapsed: isCollapsed,
-      isOverlayOpen: isOverlayOpen,
-      side: side,
-      closePortals: closeOverlayFlyout
-    }
-  }, (0, _react2.jsx)(_collapsible_nav_button.EuiCollapsibleNavButton, {
-    ref: buttonRef,
-    onClick: isPush ? toggleCollapsed : toggleOverlayFlyout,
-    "aria-controls": flyoutID
-  }), !hideFlyout && flyout);
-};
-
-/**
- * Combined export with subcomponents
- */
-
-var EuiCollapsibleNavBeta = exports.EuiCollapsibleNavBeta = Object.assign(_EuiCollapsibleNavBeta, {
-  Body: _collapsible_nav_body_footer.EuiCollapsibleNavBody,
-  Footer: _collapsible_nav_body_footer.EuiCollapsibleNavFooter,
-  Item: _collapsible_nav_item.EuiCollapsibleNavItem,
-  KibanaSolution: _kibana_solution.KibanaCollapsibleNavSolution
-});

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

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.euiCollapsibleNavBetaStyles = void 0;
-var _react = require("@emotion/react");
-var _euiThemeCommon = require("@elastic/eui-theme-common");
-var _global_styling = require("../../global_styling");
-var _header = require("../header/header.styles");
-var _collapsible_nav_body_footer = require("./collapsible_nav_body_footer.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 euiCollapsibleNavBetaStyles = exports.euiCollapsibleNavBetaStyles = function euiCollapsibleNavBetaStyles(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme;
-
-  // At least for serverless, EuiCollapsibleNav is only going to be used with 1
-  // fixed header. For those scenarios, we can prevent a minor layout jump on
-  // page load by setting the CSS var fallback to the height of a single header
-  var defaultHeaderHeight = (0, _header.euiHeaderVariables)(euiThemeContext).height;
-  var fixedHeaderOffset = "var(--euiFixedHeadersOffset, ".concat(defaultHeaderHeight, ")");
-  return {
-    euiCollapsibleNavBeta: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('top', fixedHeaderOffset), (0, _global_styling.logicalCSS)('padding-bottom', euiTheme.size.xs), ";;label:euiCollapsibleNavBeta;"),
-    left: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('border-right', euiTheme.border.thin), ";;label:left;"),
-    right: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('border-left', euiTheme.border.thin), ";;label:right;"),
-    isPush: /*#__PURE__*/(0, _react.css)((0, _euiThemeCommon.euiShadowFlat)(euiThemeContext, {
-      border: 'none'
-    }), ";;label:isPush;"),
-    isPushCollapsed: /*#__PURE__*/(0, _react.css)(_collapsible_nav_body_footer.hideScrollbars, ";;label:isPushCollapsed;"),
-    isOverlayFullWidth: /*#__PURE__*/(0, _react.css)("&.euiFlyout{", (0, _global_styling.logicalCSS)('max-width', '100% !important'), ";};label:isOverlayFullWidth;")
-  };
-};

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

@@ -1,70 +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.EuiCollapsibleNavFooter = exports.EuiCollapsibleNavBody = 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 _flyout = require("../flyout");
-var _context = require("./context");
-var _collapsible_nav_body_footer = require("./collapsible_nav_body_footer.styles");
-var _react2 = require("@emotion/react");
-var _excluded = ["className"],
-  _excluded2 = ["className", "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.
- */
-/**
- * These components are incredibly light wrappers around `EuiFlyoutBody`
- * and `EuiFlyoutFooter` with collapsible nav-specific styling/considerations.
- *
- * Note: They are not intended to be used standalone outside of EuiCollapsibleNav
- */
-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 EuiCollapsibleNavBody = exports.EuiCollapsibleNavBody = function EuiCollapsibleNavBody(_ref) {
-  var className = _ref.className,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('euiCollapsibleNav__body', className);
-  var _useContext = (0, _react.useContext)(_context.EuiCollapsibleNavContext),
-    isCollapsed = _useContext.isCollapsed,
-    isPush = _useContext.isPush;
-  var cssStyles = [_collapsible_nav_body_footer.euiCollapsibleNavBodyStyles.euiCollapsibleNav__body, isCollapsed && isPush && _collapsible_nav_body_footer.euiCollapsibleNavBodyStyles.isPushCollapsed];
-  return (0, _react2.jsx)(_flyout.EuiFlyoutBody, (0, _extends2.default)({
-    className: classes,
-    css: cssStyles
-    // Since this is a nav, we can almost guarantee there will be clickable
-    // children/links that will enable scrolling. As such, we're optimistically
-    // removing the extra tab stop
-    ,
-    scrollableTabIndex: -1
-  }, props));
-};
-var EuiCollapsibleNavFooter = exports.EuiCollapsibleNavFooter = function EuiCollapsibleNavFooter(_ref2) {
-  var className = _ref2.className,
-    children = _ref2.children,
-    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-  var classes = (0, _classnames.default)('euiCollapsibleNav__footer', className);
-  var _useContext2 = (0, _react.useContext)(_context.EuiCollapsibleNavContext),
-    isCollapsed = _useContext2.isCollapsed,
-    isPush = _useContext2.isPush;
-  var styles = (0, _services.useEuiMemoizedStyles)(_collapsible_nav_body_footer.euiCollapsibleNavFooterStyles);
-  var cssStyles = styles.euiCollapsibleNav__footer;
-  var overflowWrapperStyles = [styles.euiFlyoutFooter__overflow, isCollapsed && isPush && styles.isPushCollapsed];
-  return (0, _react2.jsx)(_flyout.EuiFlyoutFooter, (0, _extends2.default)({
-    className: classes,
-    css: cssStyles
-  }, props), (0, _react2.jsx)("div", {
-    css: overflowWrapperStyles
-  }, children));
-};

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

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.hideScrollbars = exports.euiCollapsibleNavFooterStyles = exports.euiCollapsibleNavBodyStyles = 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.
- */
-
-// Hide the scrollbar for docked mode (while still keeping the nav scrollable)
-// Otherwise if scrollbars are visible, button icon visibility suffers.
-var hideScrollbars = exports.hideScrollbars = "\n  scrollbar-width: none; /* Firefox */\n\n  &::-webkit-scrollbar {\n    display: none; /* Chrome, Edge, & Safari */\n  }\n";
-var euiCollapsibleNavBodyStyles = exports.euiCollapsibleNavBodyStyles = {
-  euiCollapsibleNav__body: /*#__PURE__*/(0, _react.css)(";label:euiCollapsibleNav__body;"),
-  isPushCollapsed: /*#__PURE__*/(0, _react.css)(".euiFlyoutBody__overflow{", hideScrollbars, ";};label:isPushCollapsed;")
-};
-var euiCollapsibleNavFooterStyles = exports.euiCollapsibleNavFooterStyles = function euiCollapsibleNavFooterStyles(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme;
-  return {
-    euiCollapsibleNav__footer: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('max-height', '50%'), " background-color:", euiTheme.colors.emptyShade, ";", (0, _global_styling.logicalCSS)('border-top', euiTheme.border.thin), ";;label:euiCollapsibleNav__footer;"),
-    euiFlyoutFooter__overflow: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiYScrollWithShadows)(euiThemeContext, {
-      side: 'end'
-    }), ";;label:euiFlyoutFooter__overflow;"),
-    isPushCollapsed: /*#__PURE__*/(0, _react.css)(hideScrollbars, ";;label:isPushCollapsed;")
-  };
-};