@elastic/eui 117.1.0 → 118.0.0

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

@@ -1,97 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["items", "title", "titleElement", "icon", "iconProps", "isSelected"];
-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) { _defineProperty(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; }
-/*
- * 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 React, { useState, useCallback, useContext } from 'react';
-import { useEuiMemoizedStyles } from '../../../../services';
-import { EuiPopover, EuiPopoverTitle } from '../../../popover';
-import { EuiCollapsibleNavContext } from '../../context';
-import { EuiCollapsibleNavSubItem } from '../collapsible_nav_item';
-import { EuiCollapsedNavButton } from './collapsed_nav_button';
-import { euiCollapsedNavPopoverStyles } from './collapsed_nav_popover.styles';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export var 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 = _objectWithoutProperties(_ref, _excluded);
-  var styles = useEuiMemoizedStyles(euiCollapsedNavPopoverStyles);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isPopoverOpen = _useState2[0],
-    setIsPopoverOpen = _useState2[1];
-  var togglePopover = useCallback(function () {
-    return setIsPopoverOpen(function (isOpen) {
-      return !isOpen;
-    });
-  }, []);
-  var closePopover = useCallback(function () {
-    return setIsPopoverOpen(false);
-  }, []);
-  var closePopoverClick = 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 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isTooltipHidden = _useState4[0],
-    setIsTooltipHidden = _useState4[1];
-  var reshowTooltip = useCallback(function () {
-    return setIsTooltipHidden(false);
-  }, []);
-  var navContext = useContext(EuiCollapsibleNavContext);
-  return ___EmotionJSX(EuiPopover, _extends({
-    closePopover: closePopover,
-    isOpen: isPopoverOpen,
-    display: "block",
-    anchorPosition: "rightUp",
-    panelPaddingSize: "none",
-    repositionOnScroll: true,
-    button: ___EmotionJSX(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]
-    })
-  }), ___EmotionJSX(EuiPopoverTitle, null, ___EmotionJSX(TitleElement, {
-    css: styles.euiCollapsedNavPopover__title,
-    className: "eui-textTruncate"
-  }, title)), ___EmotionJSX("div", {
-    css: styles.euiCollapsedNavPopover__items
-  }, ___EmotionJSX(EuiCollapsibleNavContext.Provider, {
-    value: _objectSpread(_objectSpread({}, navContext), {}, {
-      closePortals: closePopoverClick
-    })
-  }, items.map(function (item, index) {
-    return ___EmotionJSX(EuiCollapsibleNavSubItem, _extends({
-      key: index
-    }, item));
-  }))));
-};

package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.styles.js

@@ -1,20 +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 { css } from '@emotion/react';
-import { logicalCSS, mathWithUnits, euiYScrollWithShadows } from '../../../../global_styling';
-export var euiCollapsedNavPopoverStyles = function euiCollapsedNavPopoverStyles(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme;
-  return {
-    euiCollapsedNavPopover__panel: /*#__PURE__*/css(logicalCSS('width', mathWithUnits(euiTheme.size.base, function (x) {
-      return x * 15;
-    })), ";;label:euiCollapsedNavPopover__panel;"),
-    euiCollapsedNavPopover__title: /*#__PURE__*/css("display:block;padding:", euiTheme.size.m, ";font-weight:", euiTheme.font.weight.bold, ";;label:euiCollapsedNavPopover__title;"),
-    euiCollapsedNavPopover__items: /*#__PURE__*/css(euiYScrollWithShadows(euiThemeContext), " padding-block:", euiTheme.size.s, ";padding-inline:", euiTheme.size.xs, ";", logicalCSS('max-height', '50vh'), "@media (max-height: ", euiTheme.breakpoint.s, "px){", logicalCSS('max-height', '75vh'), ";};label:euiCollapsedNavPopover__items;")
-  };
-};

package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/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 { EuiCollapsedNavItem } from './collapsed_nav_item';

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

@@ -1,69 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["id", "className", "items", "isSubItem", "isSelected", "accordionProps", "buttonContent", "children"];
-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) { _defineProperty(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; }
-/*
- * 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 React from 'react';
-import classNames from 'classnames';
-import { useEuiMemoizedStyles, useGeneratedHtmlId } from '../../../services';
-import { EuiAccordion } from '../../accordion';
-import { EuiCollapsibleNavSubItems } from './collapsible_nav_item';
-import { EuiCollapsibleNavLink } from './collapsible_nav_link';
-import { euiCollapsibleNavAccordionStyles } from './collapsible_nav_accordion.styles';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-/**
- * 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.
- */
-export var 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 = _objectWithoutProperties(_ref, _excluded);
-  var classes = classNames('euiCollapsibleNavAccordion', className);
-  var groupID = useGeneratedHtmlId({
-    conditionalId: id
-  });
-  var styles = useEuiMemoizedStyles(euiCollapsibleNavAccordionStyles);
-  var cssStyles = [styles.euiCollapsibleNavAccordion, isSubItem ? styles.isSubItem : styles.isTopItem, isSelected && styles.isSelected, accordionProps === null || accordionProps === void 0 ? void 0 : accordionProps.css];
-  return ___EmotionJSX(EuiAccordion, _extends({
-    id: groupID,
-    className: classes,
-    initialIsOpen: isSelected,
-    buttonContent: ___EmotionJSX(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]
-    })
-  }), ___EmotionJSX(EuiCollapsibleNavSubItems, {
-    items: items,
-    isSubItem: isSubItem,
-    className: "euiCollapsibleNavAccordion__children"
-  }));
-};

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

@@ -1,25 +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 { css } from '@emotion/react';
-import { logicalCSS, euiCanAnimate } from '../../../global_styling';
-import { euiCollapsibleNavItemVariables } from './collapsible_nav_item.styles';
-export var euiCollapsibleNavAccordionStyles = function euiCollapsibleNavAccordionStyles(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme;
-  var sharedStyles = 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__*/css(".euiAccordion__button{overflow:hidden;}&>.euiAccordion__triggerWrapper{border-radius:", sharedStyles.borderRadius, ";overflow:hidden;", 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{", logicalCSS('max-width', '100%'), " flex-basis:100%;display:flex;align-items:center;}.euiCollapsibleNavLink{", logicalCSS('width', '100%'), ";};label:euiCollapsibleNavAccordion;"),
-    isSelected: /*#__PURE__*/css("&>.euiAccordion__triggerWrapper{background-color:", sharedStyles.backgroundSelectedColor, ";&:hover,&:focus-within{background-color:", sharedStyles.backgroundSelectedColor, ";}};label:isSelected;"),
-    isTopItem: /*#__PURE__*/css("margin:", sharedStyles.padding, ";;label:isTopItem;"),
-    isSubItem: /*#__PURE__*/css("&.euiAccordion-isOpen .euiAccordion__children::after{content:'';display:block;", logicalCSS('height', euiTheme.size.m), ";};label:isSubItem;"),
-    // Arrow element
-    euiCollapsibleNavAccordion__arrow: /*#__PURE__*/css("margin:0;", logicalCSS('height', sharedStyles.height), logicalCSS('width', euiTheme.size.xl), "transform:none!important;&>.euiIcon{color:", sharedStyles.rightIconColor, ";transform:rotate(90deg);", 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/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_group.js

@@ -1,59 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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.
- */
-
-import React from 'react';
-import classNames from 'classnames';
-import { useEuiMemoizedStyles, useGeneratedHtmlId } from '../../../services';
-import { EuiCollapsibleNavSubItems } from './collapsible_nav_item';
-import { euiCollapsibleNavItemVariables } from './collapsible_nav_item.styles';
-import { EuiCollapsibleNavLink } from './collapsible_nav_link';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-/**
- * 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
- */
-export var EuiCollapsibleNavGroup = function EuiCollapsibleNavGroup(_ref) {
-  var className = _ref.className,
-    header = _ref.header,
-    items = _ref.items,
-    isSubItem = _ref.isSubItem,
-    isSelected = _ref.isSelected,
-    _children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var classes = classNames('euiCollapsibleNavGroup', className);
-  var sharedStyles = useEuiMemoizedStyles(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 = useGeneratedHtmlId();
-  return ___EmotionJSX("div", _extends({
-    className: classes
-  }, cssStyles, rest), header ? ___EmotionJSX(EuiCollapsibleNavLink, {
-    id: labelledById,
-    isSelected: isSelected,
-    isSubItem: isSubItem,
-    isInteractive: false
-  }, header) : null, ___EmotionJSX(EuiCollapsibleNavSubItems, {
-    items: items,
-    isSubItem: isSubItem,
-    className: "euiCollapsibleNavGroup__children",
-    role: "group",
-    "aria-labelledby": labelledById
-  }));
-};

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

@@ -1,182 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["isSubItem", "title", "titleElement", "icon", "iconProps", "href", "linkProps", "items", "isCollapsible", "accordionProps", "children"],
-  _excluded2 = ["renderItem", "className"],
-  _excluded3 = ["items", "isSubItem", "className"],
-  _excluded4 = ["className"];
-/*
- * 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 React, { useContext, useMemo } from 'react';
-import classNames from 'classnames';
-import { useEuiMemoizedStyles } from '../../../services';
-import { EuiIcon } from '../../icon';
-import { EuiCollapsibleNavContext } from '../context';
-import { EuiCollapsedNavItem } from './collapsed';
-import { EuiCollapsibleNavAccordion } from './collapsible_nav_accordion';
-import { EuiCollapsibleNavGroup } from './collapsible_nav_group';
-import { EuiCollapsibleNavLink } from './collapsible_nav_link';
-import { euiCollapsibleNavTopItemStyles, euiCollapsibleNavItemTitleStyles, euiCollapsibleNavSubItemsStyles } from './collapsible_nav_item.styles';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-/**
- * Internal DRY subcomponent shared between top level items and sub items
- * that handles title display/rendering, and can be used to recursively
- * determine whether to render an accordion or a link
- */
-var EuiCollapsibleNavItemDisplay = function EuiCollapsibleNavItemDisplay(_ref) {
-  var isSubItem = _ref.isSubItem,
-    title = _ref.title,
-    titleElement = _ref.titleElement,
-    icon = _ref.icon,
-    iconProps = _ref.iconProps,
-    href = _ref.href,
-    linkProps = _ref.linkProps,
-    items = _ref.items,
-    _ref$isCollapsible = _ref.isCollapsible,
-    isCollapsible = _ref$isCollapsible === void 0 ? true : _ref$isCollapsible,
-    accordionProps = _ref.accordionProps,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var headerContent = title != null && ___EmotionJSX(EuiCollapsibleNavItemTitle, {
-    title: title,
-    titleElement: titleElement,
-    icon: icon,
-    iconProps: iconProps
-  });
-  if (items) {
-    if (title != null && isCollapsible) {
-      return ___EmotionJSX(EuiCollapsibleNavAccordion, _extends({
-        buttonContent: headerContent,
-        items: items,
-        accordionProps: accordionProps
-      }, props, {
-        isSubItem: isSubItem
-      }));
-    } else {
-      return ___EmotionJSX(EuiCollapsibleNavGroup, _extends({
-        header: headerContent,
-        items: items
-      }, props, {
-        isSubItem: isSubItem
-      }));
-    }
-  }
-  return ___EmotionJSX(EuiCollapsibleNavLink, _extends({
-    href: href,
-    linkProps: linkProps
-  }, props, {
-    // EuiLink ExclusiveUnion type shenanigans
-    isSubItem: isSubItem,
-    isNotAccordion: true,
-    isInteractive: !!(href || props.onClick || linkProps !== null && linkProps !== void 0 && linkProps.onClick)
-  }), headerContent);
-};
-
-/**
- * Internal subcomponent for title display
- */
-export var EuiCollapsibleNavItemTitle = function EuiCollapsibleNavItemTitle(_ref2) {
-  var title = _ref2.title,
-    _ref2$titleElement = _ref2.titleElement,
-    titleElement = _ref2$titleElement === void 0 ? 'span' : _ref2$titleElement,
-    icon = _ref2.icon,
-    iconProps = _ref2.iconProps;
-  var styles = euiCollapsibleNavItemTitleStyles;
-  var TitleElement = titleElement;
-  return ___EmotionJSX(React.Fragment, null, icon && ___EmotionJSX(EuiIcon, _extends({
-    type: icon
-  }, iconProps, {
-    className: classNames('euiCollapsibleNavItem__icon', iconProps === null || iconProps === void 0 ? void 0 : iconProps.className)
-  })), ___EmotionJSX(TitleElement, {
-    className: "euiCollapsibleNavItem__title",
-    css: styles.euiCollapsibleNavItem__title
-  }, title));
-};
-
-/**
- * Sub-items can either be a totally custom rendered item,
- * or they can simply be more links or accordions
- */
-export var EuiCollapsibleNavSubItem = function EuiCollapsibleNavSubItem(_ref3) {
-  var renderItem = _ref3.renderItem,
-    className = _ref3.className,
-    props = _objectWithoutProperties(_ref3, _excluded2);
-  var classes = classNames('euiCollapsibleNavSubItem', className);
-  var _useContext = useContext(EuiCollapsibleNavContext),
-    closePortals = _useContext.closePortals;
-  if (renderItem) {
-    return ___EmotionJSX(React.Fragment, null, renderItem({
-      closePortals: closePortals
-    }));
-  }
-  return ___EmotionJSX(EuiCollapsibleNavItemDisplay, _extends({
-    className: classes
-  }, props, {
-    isSubItem: true
-  }));
-};
-
-/**
- * Reuseable component for rendering a group of sub items
- * Used by both `EuiCollapsibleNavGroup` and `EuiCollapsibleNavAccordion`
- */
-
-export var EuiCollapsibleNavSubItems = function EuiCollapsibleNavSubItems(_ref4) {
-  var items = _ref4.items,
-    isSubItem = _ref4.isSubItem,
-    className = _ref4.className,
-    rest = _objectWithoutProperties(_ref4, _excluded3);
-  var classes = classNames('euiCollapsibleNavItem__items', className);
-  var styles = useEuiMemoizedStyles(euiCollapsibleNavSubItemsStyles);
-  var cssStyles = [styles.euiCollapsibleNavItem__items, isSubItem ? styles.isSubItem : styles.isTopItem];
-  var itemsHaveIcons = useMemo(function () {
-    return items.some(function (item) {
-      return !!item.icon;
-    });
-  }, [items]);
-  return ___EmotionJSX("div", _extends({
-    className: classes,
-    css: cssStyles
-  }, rest), items.map(function (item, index) {
-    // If any of the sub items have an icon, default to an
-    // icon of `empty` so that all text lines up vertically
-    if (!item.renderItem && itemsHaveIcons && !item.icon) {
-      item.icon = 'empty';
-    }
-    return (
-      // This is an intentional circular dependency between the accordion & parent item display.
-      // EuiSideNavItem is purposely recursive to support any amount of nested sub items,
-      // and split up into separate files/components for better dev readability
-      ___EmotionJSX(EuiCollapsibleNavSubItem, _extends({
-        key: index
-      }, item))
-    );
-  }));
-};
-
-/**
- * The actual exported component
- */
-
-export var EuiCollapsibleNavItem = function EuiCollapsibleNavItem(_ref5) {
-  var className = _ref5.className,
-    props = _objectWithoutProperties(_ref5, _excluded4);
-  var classes = classNames('euiCollapsibleNavItem', className);
-  var styles = useEuiMemoizedStyles(euiCollapsibleNavTopItemStyles);
-  var _useContext2 = useContext(EuiCollapsibleNavContext),
-    isCollapsed = _useContext2.isCollapsed,
-    isPush = _useContext2.isPush;
-  return isCollapsed && isPush ? ___EmotionJSX(EuiCollapsedNavItem, _extends({
-    className: classes
-  }, props)) : ___EmotionJSX(EuiCollapsibleNavItemDisplay, _extends({
-    className: classes
-  }, props, {
-    css: styles.euiCollapsibleNavTopItem,
-    isSubItem: false
-  }));
-};

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

@@ -1,78 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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) { _defineProperty(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.
- */
-
-import { css } from '@emotion/react';
-import { logicalCSS, mathWithUnits, euiFontSize } from '../../../global_styling';
-
-/**
- * Style variables shared between accordion, link, and sub items
- */
-export var euiCollapsibleNavItemVariables = function euiCollapsibleNavItemVariables(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme;
-  return _objectSpread(_objectSpread({
-    height: euiTheme.size.xl,
-    padding: euiTheme.size.s
-  }, euiFontSize(euiThemeContext, 's')), {}, {
-    animation: "".concat(euiTheme.animation.normal, " ease-in-out"),
-    // Matches EuiButton
-    borderRadius: euiTheme.border.radius.small,
-    backgroundHoverColor: euiTheme.colors.lightestShade,
-    backgroundSelectedColor: euiTheme.colors.backgroundBaseInteractiveSelect,
-    color: euiTheme.colors.textParagraph,
-    rightIconColor: euiTheme.colors.textDisabled
-  });
-};
-
-/**
- * Title styles
- */
-
-export var euiCollapsibleNavItemTitleStyles = {
-  euiCollapsibleNavItem__title: process.env.NODE_ENV === "production" ? {
-    name: "i246l1-euiCollapsibleNavItem__title",
-    styles: "flex-grow:1;label:euiCollapsibleNavItem__title;"
-  } : {
-    name: "i246l1-euiCollapsibleNavItem__title",
-    styles: "flex-grow:1;label:euiCollapsibleNavItem__title;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  }
-};
-
-/**
- * Sub item groups
- */
-
-export var euiCollapsibleNavSubItemsStyles = function euiCollapsibleNavSubItemsStyles(_ref) {
-  var euiTheme = _ref.euiTheme;
-  return {
-    euiCollapsibleNavItem__items: /*#__PURE__*/css(";label:euiCollapsibleNavItem__items;"),
-    isTopItem: /*#__PURE__*/css(logicalCSS('padding-top', euiTheme.size.xs), " ", logicalCSS('padding-left', euiTheme.size.xl), ";;label:isTopItem;"),
-    isSubItem: /*#__PURE__*/css(logicalCSS('border-left', euiTheme.border.thin), " ", logicalCSS('margin-left', mathWithUnits([euiTheme.size.xs], function (x) {
-      return x * 4;
-    })), " ", logicalCSS('padding-left', mathWithUnits([euiTheme.size.s, euiTheme.border.width.thin], function (x, y) {
-      return x - y;
-    })), ";;label:isSubItem;")
-  };
-};
-
-/**
- * Top-level item only styles
- */
-
-export var euiCollapsibleNavTopItemStyles = function euiCollapsibleNavTopItemStyles(_ref2) {
-  var _euiTheme = _ref2.euiTheme;
-  return {
-    // If this is the only top-level item in the list, assume the nav is showing a single solution and
-    // use no left padding + increase its relative icon size
-    euiCollapsibleNavTopItem: /*#__PURE__*/css("&:only-child{.euiCollapsibleNavItem__items{", logicalCSS('padding-left', 0), ";}.euiCollapsibleNavItem__icon{transform:scale(1.25);}};label:euiCollapsibleNavTopItem;")
-  };
-};

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

@@ -1,72 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["href", "rel", "children", "className", "isSelected", "isInteractive", "isNotAccordion", "isSubItem", "linkProps"];
-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) { _defineProperty(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; }
-/*
- * 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 React, { useCallback, useContext } from 'react';
-import classNames from 'classnames';
-import { useEuiMemoizedStyles } from '../../../services';
-import { EuiLink } from '../../link';
-import { EuiCollapsibleNavContext } from '../context';
-import { euiCollapsibleNavLinkStyles } from './collapsible_nav_link.styles';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-/**
- * Internal nav link component.
- *
- * Can be rendered as a standalone nav item, or as part of an accordion header.
- * Can also be rendered as top-level item (has a background hover) or as a
- * sub-item (renders closer to plain text).
- *
- * In terms of DOM output, follows the same logic as EuiLink (renders either
- * an `a` tag or a `button` if no valid link exists), and can also additionally
- * rendered a plain `span` if the item is not interactive.
- */
-export var EuiCollapsibleNavLink = function EuiCollapsibleNavLink(_ref) {
-  var href = _ref.href,
-    rel = _ref.rel,
-    children = _ref.children,
-    className = _ref.className,
-    isSelected = _ref.isSelected,
-    _ref$isInteractive = _ref.isInteractive,
-    isInteractive = _ref$isInteractive === void 0 ? true : _ref$isInteractive,
-    isNotAccordion = _ref.isNotAccordion,
-    isSubItem = _ref.isSubItem,
-    linkProps = _ref.linkProps,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var classes = classNames('euiCollapsibleNavLink', className, isInteractive && (linkProps === null || linkProps === void 0 ? void 0 : linkProps.className));
-  var styles = useEuiMemoizedStyles(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 = useContext(EuiCollapsibleNavContext),
-    closePortals = _useContext.closePortals;
-  var onClick = 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 ? ___EmotionJSX(EuiLink, _extends({
-    href: href,
-    rel: rel
-  }, _objectSpread(_objectSpread({}, rest), linkProps), {
-    // EuiLink ExclusiveUnion shenanigans
-    onClick: onClick,
-    className: classes,
-    css: cssStyles
-  }), children) : ___EmotionJSX("span", _extends({
-    className: classes,
-    css: cssStyles
-  }, rest), children);
-};

package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_link.styles.js

@@ -1,28 +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 { css } from '@emotion/react';
-import { euiCanAnimate, logicalCSS, mathWithUnits } from '../../../global_styling';
-import { euiCollapsibleNavItemVariables } from './collapsible_nav_item.styles';
-export var euiCollapsibleNavLinkStyles = function euiCollapsibleNavLinkStyles(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme;
-  var sharedStyles = euiCollapsibleNavItemVariables(euiThemeContext);
-  return {
-    // Shared between all links
-    euiCollapsibleNavLink: /*#__PURE__*/css("display:flex;align-items:center;", logicalCSS('height', sharedStyles.height), " padding:", sharedStyles.padding, ";font-size:", sharedStyles.fontSize, ";line-height:", sharedStyles.lineHeight, ";color:", sharedStyles.color, ";border-radius:", sharedStyles.borderRadius, ";&:focus{outline-offset:-", euiTheme.focus.width, ";text-decoration-thickness:unset;}[class*='euiLink__externalIcon']{", logicalCSS('margin-right', euiTheme.size.xxs), " color:", sharedStyles.rightIconColor, ";};label:euiCollapsibleNavLink;"),
-    isSelected: /*#__PURE__*/css("background-color:", sharedStyles.backgroundSelectedColor, ";;label:isSelected;"),
-    isTopItem: {
-      isTopItem: /*#__PURE__*/css("font-weight:", euiTheme.font.weight.semiBold, ";gap:", euiTheme.size.base, ";&:is(button){inline-size:calc(\n            100% - ", mathWithUnits(sharedStyles.padding, function (x) {
-        return x * 2;
-      }), "\n          );};label:isTopItem;"),
-      isNotAccordion: /*#__PURE__*/css("margin:", sharedStyles.padding, ";;label:isNotAccordion;"),
-      isInteractive: /*#__PURE__*/css(euiCanAnimate, "{transition:background-color ", sharedStyles.animation, ";}&:hover,&:focus-visible{background-color:", sharedStyles.backgroundHoverColor, ";};label:isInteractive;")
-    },
-    isSubItem: /*#__PURE__*/css("font-weight:", euiTheme.font.weight.regular, ";gap:", euiTheme.size.s, ";;label:isSubItem;")
-  };
-};