@pingux/astro 1.42.2 → 2.0.0-alpha.4

package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js

@@ -1,91 +1,47 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
 var _filterInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _forEachInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.breadCrumbDataIds = void 0;
-
 var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
 var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
+var _reactAria = require("react-aria");
+var _reactStately = require("react-stately");
 var _i18n = require("@react-aria/i18n");
-
+var _list = require("@react-stately/list");
+var _ArrowDropDownIcon = _interopRequireDefault(require("mdi-react/ArrowDropDownIcon"));
+var _ArrowDropUpIcon = _interopRequireDefault(require("mdi-react/ArrowDropUpIcon"));
 var _ChevronRightIcon = _interopRequireDefault(require("mdi-react/ChevronRightIcon"));
-
 var _HomeIcon = _interopRequireDefault(require("mdi-react/HomeIcon"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _overlays = require("@react-stately/overlays");
-
-var _overlays2 = require("@react-aria/overlays");
-
-var _utils = require("@react-aria/utils");
-
-var _ArrowDropUpIcon = _interopRequireDefault(require("mdi-react/ArrowDropUpIcon"));
-
-var _ArrowDropDownIcon = _interopRequireDefault(require("mdi-react/ArrowDropDownIcon"));
-
-var _focus = require("@react-aria/focus");
-
-var _list = require("@react-stately/list");
-
-var _ListBox = _interopRequireDefault(require("../ListBox"));
-
-var _isIterable = require("../../utils/devUtils/props/isIterable");
-
 var _index = require("../../index");
-
+var _isIterable = require("../../utils/devUtils/props/isIterable");
+var _ListBox = _interopRequireDefault(require("../ListBox"));
 var _react2 = require("@emotion/react");
-
 var _excluded = ["children", "disabledKeys", "emptySearchText", "isDefaultOpen", "isOpen", "items", "itemsFilter", "name", "onNamePress", "onOpenChange", "onPopoverClose", "onPopoverOpen", "onSelectionChange", "popoverProps", "searchProps", "selectedItem"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty2(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty2(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty2(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var breadCrumbDataIds = {
   dropdownList: 'breadcrumb--dropdown-list',
   environmentButton: 'breadcrumb--environment-button',
@@ -94,78 +50,67 @@ var breadCrumbDataIds = {
 exports.breadCrumbDataIds = breadCrumbDataIds;
 var EnvironmentBreadcrumb = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var children = props.children,
-      imperativeDisabledKeys = props.disabledKeys,
-      emptySearchText = props.emptySearchText,
-      isDefaultOpen = props.isDefaultOpen,
-      isOpen = props.isOpen,
-      items = props.items,
-      imperativeItemsFilter = props.itemsFilter,
-      name = props.name,
-      onNamePress = props.onNamePress,
-      onOpenChange = props.onOpenChange,
-      imperativeOnPopoverClose = props.onPopoverClose,
-      imperativeOnPopoverOpen = props.onPopoverOpen,
-      onSelectionChange = props.onSelectionChange,
-      popoverProps = props.popoverProps,
-      searchProps = props.searchProps,
-      selectedItem = props.selectedItem,
-      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+    imperativeDisabledKeys = props.disabledKeys,
+    emptySearchText = props.emptySearchText,
+    isDefaultOpen = props.isDefaultOpen,
+    isOpen = props.isOpen,
+    items = props.items,
+    imperativeItemsFilter = props.itemsFilter,
+    name = props.name,
+    onNamePress = props.onNamePress,
+    onOpenChange = props.onOpenChange,
+    imperativeOnPopoverClose = props.onPopoverClose,
+    imperativeOnPopoverOpen = props.onPopoverOpen,
+    onSelectionChange = props.onSelectionChange,
+    popoverProps = props.popoverProps,
+    searchProps = props.searchProps,
+    selectedItem = props.selectedItem,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      searchValue = _useState2[0],
-      setSearchValue = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    searchValue = _useState2[0],
+    setSearchValue = _useState2[1];
   var _useState3 = (0, _react.useState)([]),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      selectedKeys = _useState4[0],
-      setSelectedKeys = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    selectedKeys = _useState4[0],
+    setSelectedKeys = _useState4[1];
   var breadcrumbsRef = (0, _react.useRef)();
-
   var overlayRef = _react["default"].useRef();
-
   var triggerRef = _react["default"].useRef();
-
   var scrollBoxRef = _react["default"].useRef();
-  /* istanbul ignore next */
-
 
+  /* istanbul ignore next */
   (0, _react.useImperativeHandle)(ref, function () {
     return breadcrumbsRef.current;
   });
-
   var _useFilter = (0, _i18n.useFilter)({
-    sensitivity: 'base'
-  }),
-      contains = _useFilter.contains;
-
+      sensitivity: 'base'
+    }),
+    contains = _useFilter.contains;
   var filterNodesWithChildren = function filterNodesWithChildren(iterableNode) {
-    var nodeArr = (0, _from["default"])(iterableNode); // with this function we are filtering child items if they have sections
-    // we can't filter items because if it would be a section - we can't change childNodes
+    var nodeArr = (0, _from["default"])(iterableNode);
 
+    // with this function we are filtering child items if they have sections
+    // we can't filter items because if it would be a section - we can't change childNodes
     var filteredSections = (0, _map["default"])(nodeArr).call(nodeArr, function f(nodeItem) {
       var _context;
-
       if ((nodeItem === null || nodeItem === void 0 ? void 0 : nodeItem.type) === 'item') {
         var _nodeItem$value;
-
         return contains(nodeItem === null || nodeItem === void 0 ? void 0 : (_nodeItem$value = nodeItem.value) === null || _nodeItem$value === void 0 ? void 0 : _nodeItem$value.name, searchValue) && nodeItem;
       }
-
-      var childNodes = (0, _filter["default"])(_context = (0, _from["default"])(nodeItem.childNodes)).call(_context, f); // Don't return sections without children, see UIP-5951
-
+      var childNodes = (0, _filter["default"])(_context = (0, _from["default"])(nodeItem.childNodes)).call(_context, f);
+      // Don't return sections without children, see UIP-5951
       return childNodes.length !== 0 && _objectSpread(_objectSpread({}, nodeItem), {}, {
         childNodes: childNodes
       });
-    }); // we are filtering null items here since we were not able to filter them in previous function
+    });
 
+    // we are filtering null items here since we were not able to filter them in previous function
     return (0, _filter["default"])(filteredSections).call(filteredSections, function (item) {
       return item;
     });
   };
-
-  var popoverState = (0, _overlays.useOverlayTriggerState)({
+  var popoverState = (0, _reactStately.useOverlayTriggerState)({
     defaultOpen: isDefaultOpen,
     isOpen: isOpen,
     onOpenChange: onOpenChange
@@ -174,14 +119,12 @@ var EnvironmentBreadcrumb = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     if (imperativeOnPopoverClose) {
       imperativeOnPopoverClose();
     }
-
     setSearchValue('');
     popoverState.close();
   }, [imperativeOnPopoverClose, popoverState]);
   var handleSelectionChange = (0, _react.useCallback)(function (selectedItemSet) {
     var _selectedItemSet = (0, _slicedToArray2["default"])(selectedItemSet, 1),
-        selectedItemKey = _selectedItemSet[0];
-
+      selectedItemKey = _selectedItemSet[0];
     setSelectedKeys(selectedItemSet);
     onSelectionChange(selectedItemKey);
     handlePopoverClose();
@@ -196,26 +139,24 @@ var EnvironmentBreadcrumb = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     selectionMode: 'single',
     disallowEmptySelection: false
   };
-  var listBoxState = (0, _list.useListState)(listBoxProps); // this function is recursively going through the children to see
-  // whether there are some items so that means that the array isn't empty
+  var listBoxState = (0, _list.useListState)(listBoxProps);
 
+  // this function is recursively going through the children to see
+  // whether there are some items so that means that the array isn't empty
   var checkIfListEmpty = (0, _react.useCallback)(function () {
     // from the beginning we are assuming that the list is empty
     // variable is not isListEmpty because checks below if(isListHasItems) is clearer
     // to read than if(!isListEmpty) IMO
-    var isListHasItems = false; // eslint-disable-next-line consistent-return
-
+    var isListHasItems = false;
+    // eslint-disable-next-line consistent-return
     (function f(listState) {
       var _listState$collection;
-
       // if the list has items - we don't need to go deeper into the recursion
       if (isListHasItems) {
         return;
-      } // here we are checking where are listItems array is stored
-
-
+      }
+      // here we are checking where are listItems array is stored
       var listItemsArr = (listState === null || listState === void 0 ? void 0 : (_listState$collection = listState.collection) === null || _listState$collection === void 0 ? void 0 : _listState$collection.iterable) || (listState === null || listState === void 0 ? void 0 : listState.childNodes);
-
       if ((listItemsArr === null || listItemsArr === void 0 ? void 0 : listItemsArr.length) > 0) {
         // if there are a few listItems we are checking their types (can be sections) - if we have
         // a few of 'items' type - we know that the list is not empty
@@ -230,57 +171,48 @@ var EnvironmentBreadcrumb = /*#__PURE__*/(0, _react.forwardRef)(function (props,
         }
       }
     })(listBoxState);
-
     return !isListHasItems;
   }, [listBoxState]);
-
-  var _useOverlayTrigger = (0, _overlays2.useOverlayTrigger)({
-    type: 'listbox'
-  }, popoverState, triggerRef),
-      triggerProps = _useOverlayTrigger.triggerProps,
-      overlayProps = _useOverlayTrigger.overlayProps;
-
+  var _useOverlayTrigger = (0, _reactAria.useOverlayTrigger)({
+      type: 'listbox'
+    }, popoverState, triggerRef),
+    triggerProps = _useOverlayTrigger.triggerProps,
+    overlayProps = _useOverlayTrigger.overlayProps;
   var handlePopoverOpen = function handlePopoverOpen() {
     if (imperativeOnPopoverOpen) {
       imperativeOnPopoverOpen();
     }
-
     popoverState.open();
   };
-
-  var _useOverlayPosition = (0, _overlays2.useOverlayPosition)({
-    isOpen: popoverState.isOpen,
-    offset: 6,
-    onClose: handlePopoverClose,
-    overlayRef: overlayRef,
-    scrollRef: scrollBoxRef,
-    shouldUpdatePosition: true,
-    targetRef: triggerRef
-  }),
-      positionProps = _useOverlayPosition.overlayProps;
-
+  var _useOverlayPosition = (0, _reactAria.useOverlayPosition)({
+      isOpen: popoverState.isOpen,
+      offset: 6,
+      onClose: handlePopoverClose,
+      overlayRef: overlayRef,
+      scrollRef: scrollBoxRef,
+      shouldUpdatePosition: true,
+      targetRef: triggerRef
+    }),
+    positionProps = _useOverlayPosition.overlayProps;
   var EmptyListState = (0, _react2.jsx)(_index.Text, {
     py: 10,
     px: 15
   }, emptySearchText);
-
   var setAriaLabel = function setAriaLabel(itemKey) {
     if (itemKey !== undefined) {
       return popoverState.isOpen ? "".concat(selectedItem.key, " - Collapse Options") : "".concat(selectedItem.key, " - Expand Options");
     }
-
     return selectedItem;
   };
-
   var ItemsSelect = (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Button, (0, _extends2["default"])({}, triggerProps, {
     onPress: handlePopoverOpen,
     ref: triggerRef,
-    variant: "environmentBreadcrumb.current",
+    variant: "variants.environmentBreadcrumb.button.current",
     "aria-label": setAriaLabel(selectedItem),
     "data-id": breadCrumbDataIds.environmentButton
   }), selectedItem, (0, _react2.jsx)(_index.Icon, {
     icon: popoverState.isOpen ? _ArrowDropUpIcon["default"] : _ArrowDropDownIcon["default"]
-  })), (0, _react2.jsx)(_index.PopoverContainer, (0, _extends2["default"])({}, overlayProps, positionProps, (0, _utils.mergeProps)(overlayProps, positionProps, popoverProps), {
+  })), (0, _react2.jsx)(_index.PopoverContainer, (0, _extends2["default"])({}, overlayProps, positionProps, (0, _reactAria.mergeProps)(overlayProps, positionProps, popoverProps), {
     ref: overlayRef,
     isOpen: popoverState.isOpen,
     scrollRef: scrollBoxRef,
@@ -288,7 +220,7 @@ var EnvironmentBreadcrumb = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     hasNoArrow: true,
     isDismissable: true,
     p: 10
-  }), (0, _react2.jsx)(_focus.FocusScope, {
+  }), (0, _react2.jsx)(_reactAria.FocusScope, {
     restoreFocus: true,
     autoFocus: true,
     contain: true
@@ -326,7 +258,7 @@ var EnvironmentBreadcrumb = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     }
   }, others), (0, _react2.jsx)(_index.Item, {
     key: "name",
-    variant: "environmentBreadcrumb.current",
+    variant: "variants.environmentBreadcrumb.button.current",
     "data-testid": "name",
     "aria-label": name,
     "data-id": breadCrumbDataIds.orgButton,
@@ -344,50 +276,36 @@ exports["default"] = _default;
 EnvironmentBreadcrumb.propTypes = {
   /** Callback function that fires when the selected key changes. */
   onSelectionChange: _propTypes["default"].func,
-
   /** Current environment */
   selectedItem: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-
   /** Displayed name */
   name: _propTypes["default"].string,
-
   /** Callback function that fires when name pressed */
   onNamePress: _propTypes["default"].func,
-
   /** The list of environments. */
   items: _isIterable.isIterableProp,
-
   /**
    * Filter function to generate a filtered list of nodes.
    *
    * `(nodes: Iterable<Node>) => Iterable<Node>`
    */
   itemsFilter: _propTypes["default"].func,
-
   /** Callback function that fires when the dropdown is opened. */
   onPopoverOpen: _propTypes["default"].func,
-
   /** Callback function that fires when the dropdown is closed. */
   onPopoverClose: _propTypes["default"].func,
-
   /** Props object that is spread directly into the popover container component. */
   popoverProps: _propTypes["default"].shape({}),
-
   /** Props object that is spread directly into the SearchField element. */
   searchProps: _propTypes["default"].shape({}),
-
   /** Array of keys to disable within the options list. */
   disabledKeys: _propTypes["default"].arrayOf(_propTypes["default"].string),
-
   /** Text that will be shown if no search results found. */
   emptySearchText: _propTypes["default"].string,
-
   /** Sets the default open state of the overlay. */
   isDefaultOpen: _propTypes["default"].bool,
-
   /** Whether the overlay is currently open. */
   isOpen: _propTypes["default"].bool,
-
   /**
    * Method that is called when the open state of the menu changes.
    *