@elastic/eui 117.1.0 → 118.0.0

package/es/components/collapsible_nav_beta/collapsible_nav_beta.js

@@ -1,253 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["id", "children", "className", "initialIsCollapsed", "isCollapsed", "onCollapseToggle", "width", "side", "focusTrapProps"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
-/*
- * 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 PropTypes from "prop-types";
-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
- */
-_EuiCollapsibleNavBeta.propTypes = {
-  className: PropTypes.string,
-  /**
-       * Overlay flyouts are considered dialogs, and dialogs must have a label.
-       * By default, a label of `Site menu` will be applied.
-       *
-       * If your usage of this component is not actually for site-wide navigation,
-       * please set your own `aria-label` or `aria-labelledby`.
-       *
-       * @default 'Site menu'
-       */
-  "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string,
-  css: PropTypes.any,
-  /**
-       * ReactNode(s) to render as navigation flyout content, typically `EuiCollapsibleNavBeta.Item`s.
-       * You will likely want to use `EuiCollapsibleNavBeta.Body` and `EuiCollapsibleNavBeta.Footer`
-       * for organization.
-       */
-  children: PropTypes.node,
-  /**
-       * Whether the navigation flyout should default to initially collapsed or expanded.
-       * Used for **uncontrolled** state.
-       */
-  initialIsCollapsed: PropTypes.bool,
-  /**
-       * If defined, the navigation collapsed/expanded state is **controlled**
-       * by the consumer and `onCollapseToggle` must be passed as well.
-       * This prop supercedes `initialIsCollapsed`.
-       */
-  isCollapsed: PropTypes.bool,
-  /**
-       * Optional callback that fires when the user toggles the nav between
-       * collapsed and uncollapsed states
-       */
-  onCollapseToggle: PropTypes.func,
-  /**
-       * Defaults to 248px wide. The navigation width determines behavior at
-       * various responsive breakpoints.
-       *
-       * At larger screen sizes (at least 3x the width of the nav), the nav will
-       * be able to be toggled between a docked full width nav and a collapsed
-       * side bar that only shows the icon of each item.
-       *
-       * At under 3 times the width of the nav, the behavior will lose the collapsed
-       * side bar behavior, and switch from a docked flyout to an overlay flyout only.
-       *
-       * If the page is under 1.5 times the width of the nav, the overlay will
-       * take up the full width of the page.
-       */
-  width: PropTypes.number
-};
-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/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/es/components/collapsible_nav_beta/collapsible_nav_body_footer.js

@@ -1,63 +0,0 @@
-var _excluded = ["className"],
-  _excluded2 = ["className", "children"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
-/*
- * 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/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/es/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.js

@@ -1,74 +0,0 @@
-var _excluded = ["className", "css"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
-/*
- * 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 PropTypes from "prop-types";
-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.propTypes = {
-  className: PropTypes.string,
-  "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string,
-  css: PropTypes.any
-};
-EuiCollapsibleNavButton.displayName = 'EuiCollapsibleNavButton';

package/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/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/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js

@@ -1,107 +0,0 @@
-var _excluded = ["href", "title", "icon", "iconProps", "isSelected", "onClick", "hideToolTip", "linkProps", "titleElement"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
-/*
- * 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 PropTypes from "prop-types";
-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
-  })));
-};
-EuiCollapsedNavButton.propTypes = {
-  className: PropTypes.string,
-  "aria-label": PropTypes.string,
-  "data-test-subj": PropTypes.string,
-  css: PropTypes.any,
-  /**
-       * Highlights whether an item is currently selected, e.g.
-       * if the user is on the same page as the nav link
-       */
-  isSelected: PropTypes.bool,
-  /**
-         * Required text to render as the nav item title
-         */
-  title: PropTypes.string,
-  /**
-         * Allows customizing the title element.
-         * Consider using a heading element for better accessibility.
-         * Defaults to an unsemantic `span` or `div`, depending on context.
-         */
-  titleElement: PropTypes.oneOf(["h2", "h3", "h4", "h5", "h6", "span", "div"]),
-  icon: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "addToChat", "addToDashboard", "advancedSettingsApp", "agentApp", "aggregate", "alignBottom", "alignBottomLeft", "alignBottomRight", "alignCenterHorizontal", "alignCenterVertical", "alignLeft", "alignRight", "alignTop", "alignTopLeft", "alignTopRight", "alert", "analyzeEvent", "annotation", "anomalyChart", "chartAnomaly", "anomalySwimLane", "apmApp", "apmTrace", "chartWaterfall", "appSearchApp", "apps", "arrowDown", "chevronSingleDown", "arrowLeft", "chevronSingleLeft", "arrowRight", "chevronSingleRight", "arrowUp", "chevronSingleUp", "arrowStart", "chevronLimitLeft", "arrowEnd", "chevronLimitRight", "article", "asterisk", "at", "archive", "axisX", "axisYLeft", "axisYRight", "auditbeatApp", "backgroundTask", "beaker", "bell", "bellSlash", "beta", "bolt", "boxesHorizontal", "boxesVertical", "branch", "briefcase", "branchUser", "broom", "brush", "bug", "bulb", "bullseye", "calendar", "canvasApp", "casesApp", "changePointDetection", "chartChangePoint", "chartArea", "chartAreaStack", "chartBarHorizontal", "chartBarHorizontalStack", "chartBarVertical", "chartBarVerticalStack", "chartGauge", "chartHeatmap", "chartLine", "chartPie", "chartTagCloud", "chartThreshold", "check", "checkCircle", "checkInCircleFilled", "checkCircleFill", "cheer", "popper", "classificationJob", "clickLeft", "clickRight", "clock", "clockCounter", "clockControl", "cloud", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "code", "codeApp", "color", "paintBucket", "commandLine", "comment", "compare", "compute", "processor", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "contrast", "contrastHigh", "contrastFill", "controls", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "crossProjectSearch", "createAdvancedJob", "createGenericJob", "createGeoJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInCircle", "crossCircle", "crosshair", "crosshairs", "currency", "money", "cut", "scissors", "dashboardApp", "dashedCircle", "dataVisualizer", "database", "desktop", "display", "devToolsApp", "diff", "discoverApp", "distributeHorizontal", "distributeVertical", "download", "drag", "dragHorizontal", "dragVertical", "discuss", "document", "documentEdit", "documentation", "documents", "dot", "dotInCircle", "doubleArrowLeft", "chevronDoubleLeft", "doubleArrowRight", "chevronDoubleRight", "ellipsis", "editorAlignCenter", "textAlignCenter", "editorAlignLeft", "textAlignLeft", "editorAlignRight", "textAlignRight", "editorBold", "textBold", "editorChecklist", "listCheck", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "textHeading", "editorItalic", "textItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "listNumber", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "redo", "editorStrike", "textStrike", "editorTable", "table", "editorUnderline", "textUnderline", "editorUndo", "undo", "editorUnorderedList", "listBullet", "email", "mail", "empty", "emsApp", "endpoint", "eql", "query", "eraser", "error", "errorFilled", "errorFill", "esqlVis", "exit", "logOut", "expand", "maximize", "expandMini", "export", "exportAction", "upload", "external", "eye", "eyeClosed", "eyeSlash", "faceHappy", "faceNeutral", "faceSad", "fieldStatistics", "tableInfo", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "filterInCircle", "flask", "flag", "fleetApp", "fold", "folder", "folderClosed", "folderClose", "folderCheck", "folderExclamation", "folderOpen", "folderOpened", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "grabOmnidirectional", "gradient", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "hourglass", "if", "info", "image", "importAction", "index", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "mapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "tableTime", "infinity", "inputOutput", "inspect", "invert", "ip", "key", "keyboard", "kqlField", "queryField", "kqlFunction", "kqlOperand", "queryOperand", "kqlSelector", "querySelector", "kqlValue", "queryValue", "kubernetesNode", "kubernetesPod", "launch", "rocket", "layers", "lensApp", "lettering", "text", "lineBreak", "lineBreakSlash", "lineDash", "lineDashed", "lineDot", "lineDotted", "lineSolid", "link", "linkSlash", "list", "listAdd", "lock", "lockOpen", "logPatternAnalysis", "pattern", "logRateAnalysis", "logoAWS", "logoAWSMono", "logoAerospike", "logoApache", "logoAppSearch", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticStack", "logoElasticsearch", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoGoogleG", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoObservability", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoVectorDB", "logoVulnerabilityManagement", "logoWebhook", "logoWindows", "logoWorkplaceSearch", "logsApp", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "queue", "machineLearningApp", "magnet", "magnify", "magnifyExclamation", "magnifyMinus", "magnifyPlus", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "map", "mapMarker", "waypoint", "megaphone", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusCircle", "minusInCircle", "minusInCircleFilled", "minusInSquare", "minusSquare", "mobile", "monitoringApp", "moon", "move", "namespace", "nested", "newChat", "node", "vectorTriangle", "notebookApp", "number", "offline", "wifiSlash", "online", "wifi", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "palette", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFill", "pinFilled", "pipeBreaks", "pipelineApp", "pipeNoBreaks", "pivot", "play", "playFilled", "plugs", "plus", "plusCircle", "plusInCircle", "plusInCircleFilled", "plusInSquare", "plusSquare", "popout", "presentation", "productRobot", "productAgent", "productCloudInfra", "productDashboard", "productDiscover", "productML", "productStreamsClassic", "productStreamsWired", "push", "send", "question", "quote", "radar", "readOnly", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "return", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "section", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "server", "sessionViewer", "shard", "share", "significantEvents", "singleMetricViewer", "snowflake", "sortAscending", "sortDescending", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spaces", "spacesApp", "sparkles", "sqlApp", "star", "starEmpty", "starEmptySpace", "starFill", "starFilled", "starFillSpace", "starFilledSpace", "starMinusEmpty", "starMinusFill", "starMinusFilled", "starPlusEmpty", "starPlusFill", "starPlusFilled", "stats", "stop", "stopFill", "stopFilled", "stopSlash", "storage", "streamsClassic", "streamsWired", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityHigh", "tableDensityExpanded", "tableDensityLow", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "thermometer", "thumbDown", "thumbUp", "timeline", "timelineWithArrow", "timelionApp", "timeRefresh", "refreshTime", "timeslider", "training", "transitionBottomIn", "transitionBottomOut", "transitionLeftIn", "transitionLeftOut", "transitionTopIn", "transitionTopOut", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "unarchive", "vector", "vectorSquare", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "chartMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "vulnerabilityManagementApp", "warning", "warningFilled", "warningFill", "watchesApp", "web", "wordWrap", "wordWrapDisabled", "workflowsApp", "workflow", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDimension", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenSemanticText", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable", "tokenVectorDense", "tokenDenseVector", "tokenVectorSparse"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]),
-  /**
-         * Optional props to pass to the title icon
-         */
-  iconProps: PropTypes.any,
-  /**
-         * The nav item link.
-         *
-         * If not included, and no `onClick` is specified, the nav item
-         * will render as an non-interactive `<span>`.
-         *
-         * Should not be used together with `items`, as the title will
-         * trigger the accordion collapse/expand action instead of a link.
-         */
-  href: PropTypes.string,
-  /**
-         * If a `href` is specified, use this prop to pass any prop that `EuiLink` accepts
-         */
-  linkProps: PropTypes.any,
-  hideToolTip: PropTypes.bool
-};