@elastic/eui 117.1.0 → 118.0.0

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

@@ -1,91 +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", "className", "items", "isSubItem", "isSelected", "accordionProps", "buttonContent", "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 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 _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 from 'react';
-import PropTypes from "prop-types";
-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"
-  }));
-};
-EuiCollapsibleNavAccordion.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,
-  /**
-     * Determines whether the item should render as a top-level nav item
-     * or a nested nav subitem. Set internally by EUI
-     */
-  isSubItem: PropTypes.bool,
-  buttonContent: PropTypes.node.isRequired
-};

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

@@ -1,78 +0,0 @@
-var _excluded = ["className", "header", "items", "isSubItem", "isSelected", "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 from 'react';
-import PropTypes from "prop-types";
-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
-  }));
-};
-EuiCollapsibleNavGroup.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,
-  /**
-     * Determines whether the item should render as a top-level nav item
-     * or a nested nav subitem. Set internally by EUI
-     */
-  isSubItem: PropTypes.bool,
-  header: PropTypes.node
-};