@elastic/eui 117.1.0 → 118.0.0

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

@@ -1,189 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["id", "children", "className", "initialIsCollapsed", "isCollapsed", "onCollapseToggle", "width", "side", "focusTrapProps"];
-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, { useRef, useMemo, useState, useEffect, useCallback } from 'react';
-import classNames from 'classnames';
-import { useEuiMemoizedStyles, useEuiThemeCSSVariables, useGeneratedHtmlId, throttle } from '../../services';
-import { EuiFlyout } from '../flyout';
-import { useEuiI18n } from '../i18n';
-import { euiHeaderVariables } from '../header/header.styles';
-import { EuiCollapsibleNavContext } from './context';
-import { EuiCollapsibleNavButton } from './collapsible_nav_button';
-import { euiCollapsibleNavBetaStyles } from './collapsible_nav_beta.styles';
-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 = _objectWithoutProperties(_ref, _excluded);
-  var _useEuiThemeCSSVariab = useEuiThemeCSSVariables(),
-    setGlobalCSSVariables = _useEuiThemeCSSVariab.setGlobalCSSVariables;
-  var _useEuiMemoizedStyles = useEuiMemoizedStyles(euiHeaderVariables),
-    headerHeight = _useEuiMemoizedStyles.height;
-
-  /**
-   * Collapsed state
-   */
-  var _useState = useState(initialIsCollapsed),
-    _useState2 = _slicedToArray(_useState, 2),
-    isCollapsed = _useState2[0],
-    setIsCollapsed = _useState2[1];
-  var toggleCollapsed = useCallback(function () {
-    return setIsCollapsed(function (isCollapsed) {
-      onCollapseToggle === null || onCollapseToggle === void 0 || onCollapseToggle(!isCollapsed);
-      return !isCollapsed;
-    });
-  }, [onCollapseToggle]);
-  var onClose = useCallback(function () {
-    setIsCollapsed(true);
-    onCollapseToggle === null || onCollapseToggle === void 0 || onCollapseToggle(true);
-  }, [onCollapseToggle]);
-
-  // Controlled state
-  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 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isOverlay = _useState4[0],
-    setIsOverlay = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isOverlayFullWidth = _useState6[0],
-    setIsOverlayFullWidth = _useState6[1];
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    isOverlayOpen = _useState8[0],
-    setIsOverlayOpen = _useState8[1];
-  var toggleOverlayFlyout = useCallback(function () {
-    setIsOverlayOpen(function (isOpen) {
-      return !isOpen;
-    });
-  }, []);
-  var closeOverlayFlyout = useCallback(function () {
-    return setIsOverlayOpen(false);
-  }, []);
-  var flyoutType = isOverlay ? 'overlay' : 'push';
-  var isPush = !isOverlay;
-
-  // Set up a window resize listener that determines breakpoint behavior
-  useEffect(function () {
-    var getBreakpoints = function getBreakpoints() {
-      setIsOverlay(window.innerWidth < _width * 3);
-      setIsOverlayFullWidth(window.innerWidth < _width * 1.5);
-    };
-    getBreakpoints();
-    var onWindowResize = throttle(getBreakpoints, 50);
-    window.addEventListener('resize', onWindowResize);
-    return function () {
-      return window.removeEventListener('resize', onWindowResize);
-    };
-  }, [_width]);
-  var width = 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
-  useEffect(function () {
-    setGlobalCSSVariables({
-      '--euiCollapsibleNavOffset': isOverlay ? '0' : width
-    });
-  }, [width, isOverlay, setGlobalCSSVariables]);
-
-  /**
-   * Prop setup
-   */
-  var flyoutID = useGeneratedHtmlId({
-    conditionalId: id,
-    suffix: 'euiCollapsibleNav'
-  });
-  var defaultAriaLabel = useEuiI18n('euiCollapsibleNavBeta.ariaLabel', 'Site menu');
-  var buttonRef = useRef(null);
-  var focusTrapProps = useMemo(function () {
-    return _objectSpread(_objectSpread({}, _focusTrapProps), {}, {
-      shards: [buttonRef].concat(_toConsumableArray((_focusTrapProps === null || _focusTrapProps === void 0 ? void 0 : _focusTrapProps.shards) || []))
-    });
-  }, [_focusTrapProps]);
-  var classes = classNames('euiCollapsibleNav', 'euiCollapsibleNavBeta', className);
-  var styles = useEuiMemoizedStyles(euiCollapsibleNavBetaStyles);
-  var cssStyles = [styles.euiCollapsibleNavBeta, isPush && styles.isPush, styles[side], isPush && isCollapsed && styles.isPushCollapsed, isOverlayFullWidth && styles.isOverlayFullWidth];
-  var flyout = ___EmotionJSX(EuiFlyout, _extends({
-    "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 ___EmotionJSX(EuiCollapsibleNavContext.Provider, {
-    value: {
-      isPush: isPush,
-      isCollapsed: isCollapsed,
-      isOverlayOpen: isOverlayOpen,
-      side: side,
-      closePortals: closeOverlayFlyout
-    }
-  }, ___EmotionJSX(EuiCollapsibleNavButton, {
-    ref: buttonRef,
-    onClick: isPush ? toggleCollapsed : toggleOverlayFlyout,
-    "aria-controls": flyoutID
-  }), !hideFlyout && flyout);
-};
-
-/**
- * Combined export with subcomponents
- */
-
-import { EuiCollapsibleNavBody, EuiCollapsibleNavFooter } from './collapsible_nav_body_footer';
-import { EuiCollapsibleNavItem } from './collapsible_nav_item';
-import { KibanaCollapsibleNavSolution } from './_kibana_solution';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export var EuiCollapsibleNavBeta = Object.assign(_EuiCollapsibleNavBeta, {
-  Body: EuiCollapsibleNavBody,
-  Footer: EuiCollapsibleNavFooter,
-  Item: EuiCollapsibleNavItem,
-  KibanaSolution: KibanaCollapsibleNavSolution
-});

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

@@ -1,32 +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 { euiShadowFlat } from '@elastic/eui-theme-common';
-import { logicalCSS } from '../../global_styling';
-import { euiHeaderVariables } from '../header/header.styles';
-import { hideScrollbars } from './collapsible_nav_body_footer.styles';
-export var 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 = euiHeaderVariables(euiThemeContext).height;
-  var fixedHeaderOffset = "var(--euiFixedHeadersOffset, ".concat(defaultHeaderHeight, ")");
-  return {
-    euiCollapsibleNavBeta: /*#__PURE__*/css(logicalCSS('top', fixedHeaderOffset), logicalCSS('padding-bottom', euiTheme.size.xs), ";;label:euiCollapsibleNavBeta;"),
-    left: /*#__PURE__*/css(logicalCSS('border-right', euiTheme.border.thin), ";;label:left;"),
-    right: /*#__PURE__*/css(logicalCSS('border-left', euiTheme.border.thin), ";;label:right;"),
-    isPush: /*#__PURE__*/css(euiShadowFlat(euiThemeContext, {
-      border: 'none'
-    }), ";;label:isPush;"),
-    isPushCollapsed: /*#__PURE__*/css(hideScrollbars, ";;label:isPushCollapsed;"),
-    isOverlayFullWidth: /*#__PURE__*/css("&.euiFlyout{", logicalCSS('max-width', '100% !important'), ";};label:isOverlayFullWidth;")
-  };
-};

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

@@ -1,62 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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.
- */
-
-import React, { useContext } from 'react';
-import classNames from 'classnames';
-import { useEuiMemoizedStyles } from '../../services';
-import { EuiFlyoutBody, EuiFlyoutFooter } from '../flyout';
-import { EuiCollapsibleNavContext } from './context';
-import { euiCollapsibleNavBodyStyles as bodyStyles, euiCollapsibleNavFooterStyles } from './collapsible_nav_body_footer.styles';
-
-/**
- * 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
- */
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export var EuiCollapsibleNavBody = function EuiCollapsibleNavBody(_ref) {
-  var className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var classes = classNames('euiCollapsibleNav__body', className);
-  var _useContext = useContext(EuiCollapsibleNavContext),
-    isCollapsed = _useContext.isCollapsed,
-    isPush = _useContext.isPush;
-  var cssStyles = [bodyStyles.euiCollapsibleNav__body, isCollapsed && isPush && bodyStyles.isPushCollapsed];
-  return ___EmotionJSX(EuiFlyoutBody, _extends({
-    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));
-};
-export var EuiCollapsibleNavFooter = function EuiCollapsibleNavFooter(_ref2) {
-  var className = _ref2.className,
-    children = _ref2.children,
-    props = _objectWithoutProperties(_ref2, _excluded2);
-  var classes = classNames('euiCollapsibleNav__footer', className);
-  var _useContext2 = useContext(EuiCollapsibleNavContext),
-    isCollapsed = _useContext2.isCollapsed,
-    isPush = _useContext2.isPush;
-  var styles = useEuiMemoizedStyles(euiCollapsibleNavFooterStyles);
-  var cssStyles = styles.euiCollapsibleNav__footer;
-  var overflowWrapperStyles = [styles.euiFlyoutFooter__overflow, isCollapsed && isPush && styles.isPushCollapsed];
-  return ___EmotionJSX(EuiFlyoutFooter, _extends({
-    className: classes,
-    css: cssStyles
-  }, props), ___EmotionJSX("div", {
-    css: overflowWrapperStyles
-  }, children));
-};

package/optimize/es/components/collapsible_nav_beta/collapsible_nav_body_footer.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 { logicalCSS, euiYScrollWithShadows } from '../../global_styling';
-
-// Hide the scrollbar for docked mode (while still keeping the nav scrollable)
-// Otherwise if scrollbars are visible, button icon visibility suffers.
-export var hideScrollbars = "\n  scrollbar-width: none; /* Firefox */\n\n  &::-webkit-scrollbar {\n    display: none; /* Chrome, Edge, & Safari */\n  }\n";
-export var euiCollapsibleNavBodyStyles = {
-  euiCollapsibleNav__body: /*#__PURE__*/css(";label:euiCollapsibleNav__body;"),
-  isPushCollapsed: /*#__PURE__*/css(".euiFlyoutBody__overflow{", hideScrollbars, ";};label:isPushCollapsed;")
-};
-export var euiCollapsibleNavFooterStyles = function euiCollapsibleNavFooterStyles(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme;
-  return {
-    euiCollapsibleNav__footer: /*#__PURE__*/css(logicalCSS('max-height', '50%'), " background-color:", euiTheme.colors.emptyShade, ";", logicalCSS('border-top', euiTheme.border.thin), ";;label:euiCollapsibleNav__footer;"),
-    euiFlyoutFooter__overflow: /*#__PURE__*/css(euiYScrollWithShadows(euiThemeContext, {
-      side: 'end'
-    }), ";;label:euiFlyoutFooter__overflow;"),
-    isPushCollapsed: /*#__PURE__*/css(hideScrollbars, ";;label:isPushCollapsed;")
-  };
-};

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

@@ -1,66 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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.
- */
-
-import React, { forwardRef, useContext } from 'react';
-import { useEuiMemoizedStyles } from '../../../services';
-import { EuiButtonIcon } from '../../button';
-import { useEuiI18n } from '../../i18n';
-import { EuiCollapsibleNavContext } from '../context';
-import { euiCollapsibleNavButtonWrapperStyles } from './collapsible_nav_button.styles';
-import classNames from 'classnames';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export var EuiCollapsibleNavButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    css = _ref.css,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useContext = useContext(EuiCollapsibleNavContext),
-    side = _useContext.side,
-    isPush = _useContext.isPush,
-    isCollapsed = _useContext.isCollapsed,
-    isOverlayOpen = _useContext.isOverlayOpen;
-  var styles = useEuiMemoizedStyles(euiCollapsibleNavButtonWrapperStyles);
-  var cssStyles = [styles.euiCollapsibleNavButtonWrapper, styles[side]];
-  var buttonStyles = [styles.euiCollapsibleNavButton, css];
-  var classes = classNames('euiCollapsibleNavButton', className);
-  var toggleExpandLabel = useEuiI18n('euiCollapsibleNavButton.ariaLabelExpand', 'Expand navigation');
-  var toggleCollapseLabel = useEuiI18n('euiCollapsibleNavButton.ariaLabelCollapse', 'Collapse navigation');
-  var toggleOpenLabel = useEuiI18n('euiCollapsibleNavButton.ariaLabelOpen', 'Open navigation');
-  var toggleCloseLabel = 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 ___EmotionJSX("div", {
-    className: "euiCollapsibleNavButtonWrapper",
-    css: cssStyles,
-    ref: ref
-  }, ___EmotionJSX(EuiButtonIcon, _extends({
-    "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/es/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.styles.js

@@ -1,32 +0,0 @@
-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, logicalSizeCSS } from '../../../global_styling';
-import { euiHeaderVariables } from '../../header/header.styles';
-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__
-};
-export var euiCollapsibleNavButtonWrapperStyles = function euiCollapsibleNavButtonWrapperStyles(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme;
-  var _euiHeaderVariables = euiHeaderVariables(euiThemeContext),
-    height = _euiHeaderVariables.height,
-    padding = _euiHeaderVariables.padding;
-  return {
-    euiCollapsibleNavButtonWrapper: /*#__PURE__*/css("display:flex;align-items:center;justify-content:center;", logicalSizeCSS(height), ";;label:euiCollapsibleNavButtonWrapper;"),
-    euiCollapsibleNavButton: _ref,
-    left: /*#__PURE__*/css(logicalCSS('border-right', euiTheme.border.thin), " ", logicalCSS('margin-left', "-".concat(padding)), " ", logicalCSS('margin-right', padding), ";;label:left;"),
-    right: /*#__PURE__*/css(logicalCSS('border-left', euiTheme.border.thin), " ", logicalCSS('margin-right', "-".concat(padding)), " ", logicalCSS('margin-left', padding), ";;label:right;")
-  };
-};

package/optimize/es/components/collapsible_nav_beta/collapsible_nav_button/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 { EuiCollapsibleNavButton } from './collapsible_nav_button';

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

@@ -1,64 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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.
- */
-
-import React, { useContext } from 'react';
-import classNames from 'classnames';
-import { useEuiMemoizedStyles } from '../../../../services';
-import { EuiButtonIcon } from '../../../button/button_icon';
-import { EuiToolTip } from '../../../tool_tip';
-import { EuiCollapsibleNavContext } from '../../context';
-import { euiCollapsedNavButtonStyles, euiCollapsedNavItemTooltipStyles } from './collapsed_nav_button.styles';
-import { useEuiI18n } from '../../../i18n';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export var 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 = _objectWithoutProperties(_ref, _excluded);
-  var _useContext = useContext(EuiCollapsibleNavContext),
-    side = _useContext.side;
-  var buttonStyles = useEuiMemoizedStyles(euiCollapsedNavButtonStyles);
-  var buttonCssStyles = [buttonStyles.euiCollapsedNavButton, isSelected && buttonStyles.isSelected, linkProps === null || linkProps === void 0 ? void 0 : linkProps.css];
-  var buttonClassName = classNames('euiCollapsedNavButton', linkProps === null || linkProps === void 0 ? void 0 : linkProps.className);
-  var tooltipStyles = useEuiMemoizedStyles(euiCollapsedNavItemTooltipStyles);
-  var tooltipCssStyles = [tooltipStyles.euiCollapsedNavItemTooltip, tooltipStyles[side], hideToolTip && tooltipStyles.hidden];
-  var buttonIconAriaLabel = useEuiI18n('euiCollapsedNavButton.ariaLabelButtonIcon', '{title}, quick navigation menu', {
-    title: title
-  });
-  return ___EmotionJSX(EuiToolTip, {
-    content: title,
-    css: tooltipCssStyles,
-    position: side,
-    display: "block",
-    anchorProps: rest,
-    repositionOnScroll: true
-  }, ___EmotionJSX(EuiButtonIcon, _extends({
-    "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/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.styles.js

@@ -1,39 +0,0 @@
-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 } from '../../../../global_styling';
-import { euiCollapsibleNavItemVariables } from '../collapsible_nav_item.styles';
-export var euiCollapsedNavButtonStyles = function euiCollapsedNavButtonStyles(euiThemeContext) {
-  var sharedStyles = euiCollapsibleNavItemVariables(euiThemeContext);
-  return {
-    euiCollapsedNavButton: /*#__PURE__*/css("display:flex;margin:", sharedStyles.padding, ";&.euiButtonIcon:hover{transform:none;};label:euiCollapsedNavButton;"),
-    isSelected: /*#__PURE__*/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__
-};
-export var euiCollapsedNavItemTooltipStyles = function euiCollapsedNavItemTooltipStyles(_ref2) {
-  var euiTheme = _ref2.euiTheme;
-  return {
-    euiCollapsedNavItemTooltip: /*#__PURE__*/css(";label:euiCollapsedNavItemTooltip;"),
-    // Bring the tooltip closer to the nav - it's a little too far otherwise
-    left: /*#__PURE__*/css(logicalCSS('margin-left', "-".concat(euiTheme.size.m)), ";;label:left;"),
-    right: /*#__PURE__*/css(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/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js

@@ -1,41 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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.
- */
-
-import React from 'react';
-import { EuiCollapsedNavButton } from './collapsed_nav_button';
-import { EuiCollapsedNavPopover } from './collapsed_nav_popover';
-import classNames from 'classnames';
-
-/**
- * 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
- */
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export var EuiCollapsedNavItem = function EuiCollapsedNavItem(_ref) {
-  var className = _ref.className,
-    href = _ref.href,
-    linkProps = _ref.linkProps,
-    items = _ref.items,
-    accordionProps = _ref.accordionProps,
-    isCollapsible = _ref.isCollapsible,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var classes = classNames('euiCollapsedNavItem', className);
-  return items ? ___EmotionJSX(EuiCollapsedNavPopover, _extends({
-    items: items,
-    className: classes
-  }, props)) : ___EmotionJSX(EuiCollapsedNavButton, _extends({
-    href: href,
-    linkProps: linkProps,
-    className: classes
-  }, props));
-};