@elastic/eui 117.1.0 → 118.0.0

package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js

@@ -1,82 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.euiCollapsibleNavTopItemStyles = exports.euiCollapsibleNavSubItemsStyles = exports.euiCollapsibleNavItemVariables = exports.euiCollapsibleNavItemTitleStyles = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
-var _global_styling = require("../../../global_styling");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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.
- */
-/**
- * Style variables shared between accordion, link, and sub items
- */
-var euiCollapsibleNavItemVariables = exports.euiCollapsibleNavItemVariables = function euiCollapsibleNavItemVariables(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme;
-  return _objectSpread(_objectSpread({
-    height: euiTheme.size.xl,
-    padding: euiTheme.size.s
-  }, (0, _global_styling.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
- */
-
-var euiCollapsibleNavItemTitleStyles = exports.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
- */
-
-var euiCollapsibleNavSubItemsStyles = exports.euiCollapsibleNavSubItemsStyles = function euiCollapsibleNavSubItemsStyles(_ref) {
-  var euiTheme = _ref.euiTheme;
-  return {
-    euiCollapsibleNavItem__items: /*#__PURE__*/(0, _react.css)(";label:euiCollapsibleNavItem__items;"),
-    isTopItem: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('padding-top', euiTheme.size.xs), " ", (0, _global_styling.logicalCSS)('padding-left', euiTheme.size.xl), ";;label:isTopItem;"),
-    isSubItem: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('border-left', euiTheme.border.thin), " ", (0, _global_styling.logicalCSS)('margin-left', (0, _global_styling.mathWithUnits)([euiTheme.size.xs], function (x) {
-      return x * 4;
-    })), " ", (0, _global_styling.logicalCSS)('padding-left', (0, _global_styling.mathWithUnits)([euiTheme.size.s, euiTheme.border.width.thin], function (x, y) {
-      return x - y;
-    })), ";;label:isSubItem;")
-  };
-};
-
-/**
- * Top-level item only styles
- */
-
-var euiCollapsibleNavTopItemStyles = exports.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__*/(0, _react.css)("&:only-child{.euiCollapsibleNavItem__items{", (0, _global_styling.logicalCSS)('padding-left', 0), ";}.euiCollapsibleNavItem__icon{transform:scale(1.25);}};label:euiCollapsibleNavTopItem;")
-  };
-};

package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_link.js

@@ -1,101 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EuiCollapsibleNavLink = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _services = require("../../../services");
-var _link = require("../../link");
-var _context = require("../context");
-var _collapsible_nav_link = require("./collapsible_nav_link.styles");
-var _react2 = require("@emotion/react");
-var _excluded = ["href", "rel", "children", "className", "isSelected", "isInteractive", "isNotAccordion", "isSubItem", "linkProps"];
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
- * in compliance with, at your election, the Elastic License 2.0 or the Server
- * Side Public License, v 1.
- */
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/**
- * 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.
- */
-var EuiCollapsibleNavLink = exports.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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('euiCollapsibleNavLink', className, isInteractive && (linkProps === null || linkProps === void 0 ? void 0 : linkProps.className));
-  var styles = (0, _services.useEuiMemoizedStyles)(_collapsible_nav_link.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 = (0, _react.useContext)(_context.EuiCollapsibleNavContext),
-    closePortals = _useContext.closePortals;
-  var onClick = (0, _react.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 ? (0, _react2.jsx)(_link.EuiLink, (0, _extends2.default)({
-    href: href,
-    rel: rel
-  }, _objectSpread(_objectSpread({}, rest), linkProps), {
-    // EuiLink ExclusiveUnion shenanigans
-    onClick: onClick,
-    className: classes,
-    css: cssStyles
-  }), children) : (0, _react2.jsx)("span", (0, _extends2.default)({
-    className: classes,
-    css: cssStyles
-  }, rest), children);
-};
-EuiCollapsibleNavLink.propTypes = {
-  className: _propTypes.default.string,
-  "aria-label": _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string,
-  css: _propTypes.default.any,
-  /**
-       * Highlights whether an item is currently selected, e.g.
-       * if the user is on the same page as the nav link
-       */
-  isSelected: _propTypes.default.bool,
-  /**
-     * Determines whether the item should render as a top-level nav item
-     * or a nested nav subitem. Set internally by EUI
-     */
-  isSubItem: _propTypes.default.bool,
-  children: _propTypes.default.node.isRequired,
-  isInteractive: _propTypes.default.bool,
-  isNotAccordion: _propTypes.default.bool
-};

package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_link.styles.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.euiCollapsibleNavLinkStyles = void 0;
-var _react = require("@emotion/react");
-var _global_styling = require("../../../global_styling");
-var _collapsible_nav_item = require("./collapsible_nav_item.styles");
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
- * in compliance with, at your election, the Elastic License 2.0 or the Server
- * Side Public License, v 1.
- */
-
-var euiCollapsibleNavLinkStyles = exports.euiCollapsibleNavLinkStyles = function euiCollapsibleNavLinkStyles(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme;
-  var sharedStyles = (0, _collapsible_nav_item.euiCollapsibleNavItemVariables)(euiThemeContext);
-  return {
-    // Shared between all links
-    euiCollapsibleNavLink: /*#__PURE__*/(0, _react.css)("display:flex;align-items:center;", (0, _global_styling.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']{", (0, _global_styling.logicalCSS)('margin-right', euiTheme.size.xxs), " color:", sharedStyles.rightIconColor, ";};label:euiCollapsibleNavLink;"),
-    isSelected: /*#__PURE__*/(0, _react.css)("background-color:", sharedStyles.backgroundSelectedColor, ";;label:isSelected;"),
-    isTopItem: {
-      isTopItem: /*#__PURE__*/(0, _react.css)("font-weight:", euiTheme.font.weight.semiBold, ";gap:", euiTheme.size.base, ";&:is(button){inline-size:calc(\n            100% - ", (0, _global_styling.mathWithUnits)(sharedStyles.padding, function (x) {
-        return x * 2;
-      }), "\n          );};label:isTopItem;"),
-      isNotAccordion: /*#__PURE__*/(0, _react.css)("margin:", sharedStyles.padding, ";;label:isNotAccordion;"),
-      isInteractive: /*#__PURE__*/(0, _react.css)(_global_styling.euiCanAnimate, "{transition:background-color ", sharedStyles.animation, ";}&:hover,&:focus-visible{background-color:", sharedStyles.backgroundHoverColor, ";};label:isInteractive;")
-    },
-    isSubItem: /*#__PURE__*/(0, _react.css)("font-weight:", euiTheme.font.weight.regular, ";gap:", euiTheme.size.s, ";;label:isSubItem;")
-  };
-};

package/test-env/components/collapsible_nav_beta/collapsible_nav_item/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "EuiCollapsibleNavItem", {
-  enumerable: true,
-  get: function get() {
-    return _collapsible_nav_item.EuiCollapsibleNavItem;
-  }
-});
-Object.defineProperty(exports, "EuiCollapsibleNavSubItem", {
-  enumerable: true,
-  get: function get() {
-    return _collapsible_nav_item.EuiCollapsibleNavSubItem;
-  }
-});
-var _collapsible_nav_item = require("./collapsible_nav_item");

package/test-env/components/collapsible_nav_beta/context.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EuiCollapsibleNavContext = void 0;
-var _react = require("react");
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0 and the Server Side Public License, v 1; you may not use this file except
- * in compliance with, at your election, the Elastic License 2.0 or the Server
- * Side Public License, v 1.
- */
-
-var EuiCollapsibleNavContext = exports.EuiCollapsibleNavContext = /*#__PURE__*/(0, _react.createContext)({
-  isCollapsed: false,
-  isPush: true,
-  isOverlayOpen: false,
-  side: 'left'
-});

package/test-env/components/collapsible_nav_beta/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "EuiCollapsibleNavBeta", {
-  enumerable: true,
-  get: function get() {
-    return _collapsible_nav_beta.EuiCollapsibleNavBeta;
-  }
-});
-Object.defineProperty(exports, "EuiCollapsibleNavItem", {
-  enumerable: true,
-  get: function get() {
-    return _collapsible_nav_item.EuiCollapsibleNavItem;
-  }
-});
-var _collapsible_nav_beta = require("./collapsible_nav_beta");
-var _collapsible_nav_item = require("./collapsible_nav_item");