@pingux/astro 1.42.2 → 2.0.0-alpha.4

package/lib/cjs/Patterns/SaveBarPattern.stories.hidden.js

@@ -1,33 +1,20 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.Default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _text = require("../utils/devUtils/constants/text");
-
 var _hooks = require("../hooks");
-
 var _index = require("../index");
-
+var _text = require("../utils/devUtils/constants/text");
 var _react2 = require("@emotion/react");
-
 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; }
-
 var _default = {
   title: 'Design Patterns/Save Bar'
 };
@@ -61,14 +48,12 @@ var sx = {
     lineHeight: '18.31px'
   }
 };
-
 var Default = function Default() {
   var _useOverlayPanelState = (0, _hooks.useOverlayPanelState)(),
-      state = _useOverlayPanelState.state,
-      onClose = _useOverlayPanelState.onClose;
-
+    state = _useOverlayPanelState.state,
+    onClose = _useOverlayPanelState.onClose;
   var triggerRef = (0, _react.useRef)();
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Box, {
+  return (0, _react2.jsx)(_index.Box, {
     sx: sx.mainContentBox
   }, (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.Button, {
     ref: triggerRef,
@@ -103,7 +88,6 @@ var Default = function Default() {
     onPress: function onPress() {
       onClose(state, triggerRef);
     }
-  }, "Cancel")))))));
+  }, "Cancel"))))));
 };
-
 exports.Default = Default;

package/lib/cjs/Patterns/UnsavedChangesPattern.stories.hidden.js

@@ -1,60 +1,40 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.Default = void 0;
-
 var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _hooks = require("../hooks");
-
 var _index = require("../index");
-
 var _react2 = require("@emotion/react");
-
 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; }
-
 var _default = {
   title: 'Design Patterns/Unsaved Changes'
 };
 exports["default"] = _default;
-
 var Default = function Default() {
   var state = (0, _hooks.useModalState)();
-
   var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      isShowingNeutral = _useState4[0],
-      setIsShowingNeutral = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    isShowingNeutral = _useState4[0],
+    setIsShowingNeutral = _useState4[1];
   var _useState5 = (0, _react.useState)(null),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      isShowingSuccess = _useState6[0],
-      setIsShowingSuccess = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    isShowingSuccess = _useState6[0],
+    setIsShowingSuccess = _useState6[1];
   var closeModalAndClearInput = function closeModalAndClearInput() {
     setValue('');
     state.close();
@@ -63,7 +43,6 @@ var Default = function Default() {
       return setIsShowingNeutral(false);
     }, 3000);
   };
-
   var closeModalAndShowSuccess = function closeModalAndShowSuccess() {
     setValue('');
     state.close();
@@ -72,7 +51,6 @@ var Default = function Default() {
       return setIsShowingSuccess(null);
     }, 3000);
   };
-
   var sx = {
     mainContentBox: {
       p: 'xx'
@@ -93,7 +71,7 @@ var Default = function Default() {
       fontWeight: '0'
     }
   };
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.Box, {
+  return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.Box, {
     sx: sx.mainContentBox,
     gap: "lg"
   }, (0, _react2.jsx)(_index.Box, {
@@ -130,7 +108,6 @@ var Default = function Default() {
     onPress: state.close
   }, "Cancel"))), (0, _react2.jsx)(_index.Messages, null, isShowingNeutral && (0, _react2.jsx)(_index.Item, null, "Changes have been Discarded."), isShowingSuccess && (0, _react2.jsx)(_index.Item, {
     status: "success"
-  }, "Form has been saved successfully."))));
+  }, "Form has been saved successfully.")));
 };
-
 exports.Default = Default;

package/lib/cjs/components/AccordionGridGroup/AccordionGrid.styles.js

@@ -0,0 +1,70 @@
+"use strict";
+
+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 _filterInstanceProperty = 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 _forEachInstanceProperty = 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 _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _Buttons = require("../Button/Buttons.styles");
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var header = {
+  cursor: 'pointer',
+  lineHeight: '30px',
+  pl: 'sm',
+  outline: 'none',
+  display: 'flex',
+  justifyContent: 'center',
+  flexShrink: 0,
+  wordBreak: 'inherit',
+  whiteSpace: 'nowrap',
+  bg: 'white',
+  color: 'neutral.10',
+  flexGrow: 1,
+  fontWeight: 700,
+  border: '1px solid transparent',
+  '&.is-focused': _objectSpread(_objectSpread({}, _Buttons.defaultFocus), {}, {
+    zIndex: '10'
+  }),
+  minHeight: '64px',
+  '&.is-hovered': {
+    backgroundColor: 'accent.99'
+  },
+  '&.is-pressed': {
+    color: 'accent.20',
+    '& div > div > div > span': {
+      color: 'accent.20'
+    }
+  }
+};
+var body = {
+  display: 'none !important',
+  pl: 'sm',
+  width: '100%',
+  '&.is-selected': {
+    display: 'flex !important'
+  },
+  ':focus': {
+    outline: 'none'
+  }
+};
+var item = {
+  ':focus': {
+    outline: 'none'
+  }
+};
+var _default = {
+  header: header,
+  body: body,
+  item: item
+};
+exports["default"] = _default;

package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.js

@@ -1,75 +1,41 @@
 "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 _filterInstanceProperty = 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 _forEachInstanceProperty = 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.collectionTypes = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _grid = require("@react-stately/grid");
-
-var _grid2 = require("@react-aria/grid");
-
-var _utils = require("@react-aria/utils");
-
+var _reactAria = require("react-aria");
+var _grid = require("@react-aria/grid");
+var _i18n = require("@react-aria/i18n");
+var _grid2 = require("@react-stately/grid");
 var _list = require("@react-stately/list");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _i18n = require("@react-aria/i18n");
-
 var _AccordionGridContext = require("../../context/AccordionGridContext");
-
+var _useDevelopmentWarning = _interopRequireDefault(require("../../hooks/useDevelopmentWarning"));
+var _isIterable = require("../../utils/devUtils/props/isIterable");
 var _AccordionGridItem = _interopRequireDefault(require("../AccordionGridItem"));
-
 var _Box = _interopRequireDefault(require("../Box"));
-
-var _isIterable = require("../../utils/devUtils/props/isIterable");
-
-var _useDevelopmentWarning = _interopRequireDefault(require("../../hooks/useDevelopmentWarning"));
-
 var _react2 = require("@emotion/react");
-
 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 = _filterInstanceProperty(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 _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var collectionTypes = {
   ITEM: 'item',
   LOADER: 'loader',
@@ -78,13 +44,12 @@ var collectionTypes = {
 exports.collectionTypes = collectionTypes;
 var AccordionGridGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _context2;
-
   var disabledKeys = props.disabledKeys,
-      containerProps = props.containerProps,
-      navigationMode = props.navigationMode;
+    containerProps = props.containerProps,
+    navigationMode = props.navigationMode;
   var accordionGridRef = (0, _react.useRef)();
-  /* istanbul ignore next */
 
+  /* istanbul ignore next */
   (0, _react.useImperativeHandle)(ref, function () {
     return accordionGridRef.current;
   });
@@ -92,21 +57,17 @@ var AccordionGridGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, re
     message: 'Use navigationMode prop for AccordionGridGroup',
     shouldTrigger: !navigationMode
   });
-
   var _useListState = (0, _list.useListState)(props),
-      collection = _useListState.collection;
-
+    collection = _useListState.collection;
   var _useLocale = (0, _i18n.useLocale)(),
-      direction = _useLocale.direction;
-
+    direction = _useLocale.direction;
   var collator = (0, _i18n.useCollator)({
     usage: 'search',
     sensitivity: 'base'
   });
   var gridCollection = (0, _react.useMemo)(function () {
     var _context;
-
-    return new _grid.GridCollection({
+    return new _grid2.GridCollection({
       columnCount: 1,
       items: (0, _map["default"])(_context = (0, _from["default"])(collection)).call(_context, function (item) {
         return _objectSpread(_objectSpread({}, item), {}, {
@@ -138,15 +99,16 @@ var AccordionGridGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, re
       })
     });
   }, [collection]);
-  var state = (0, _grid.useGridState)(_objectSpread(_objectSpread({}, props), {}, {
+  var state = (0, _grid2.useGridState)(_objectSpread(_objectSpread({}, props), {}, {
     disabledKeys: disabledKeys,
     collection: gridCollection,
     selectionMode: 'multiple'
-  })); // Required to enable header selection
+  }));
 
+  // Required to enable header selection
   state.selectionManager.allowsCellSelection = true;
   var keyboardDelegate = (0, _react.useMemo)(function () {
-    return new _grid2.GridKeyboardDelegate({
+    return new _grid.GridKeyboardDelegate({
       collection: state.collection,
       disabledKeys: state.disabledKeys,
       ref: accordionGridRef,
@@ -155,25 +117,21 @@ var AccordionGridGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, re
       focusMode: 'cell'
     });
   }, [state, accordionGridRef, direction, collator]);
-
-  var _useGrid = (0, _grid2.useGrid)(_objectSpread(_objectSpread({}, props), {}, {
-    keyboardDelegate: keyboardDelegate
-  }), state, accordionGridRef),
-      gridProps = _useGrid.gridProps;
-
+  var _useGrid = (0, _grid.useGrid)(_objectSpread(_objectSpread({}, props), {}, {
+      keyboardDelegate: keyboardDelegate
+    }), state, accordionGridRef),
+    gridProps = _useGrid.gridProps;
   delete gridProps.onMouseDown;
-
   if (navigationMode === 'native') {
     delete gridProps.onKeyDown;
     delete gridProps.onKeyDownCapture;
   }
-
   return (0, _react2.jsx)(_AccordionGridContext.AccordionGridContext.Provider, {
     value: {
       state: state,
       keyboardDelegate: keyboardDelegate
     }
-  }, (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({}, (0, _utils.mergeProps)(gridProps, containerProps), {
+  }, (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({}, (0, _reactAria.mergeProps)(gridProps, containerProps), {
     ref: accordionGridRef,
     role: "treegrid"
   }), (0, _map["default"])(_context2 = (0, _from["default"])(state.collection)).call(_context2, function (item) {
@@ -191,52 +149,41 @@ AccordionGridGroup.propTypes = {
    * `selectedKeys="all"` can be used to select every key.
    */
   defaultSelectedKeys: _isIterable.isIterableProp,
-
   /**
    * The currently selected keys in the collection (controlled).
    *
    * `selectedKeys="all"` can be used to select every key.
    */
   selectedKeys: _isIterable.isIterableProp,
-
   /**
     * Callback function that fires when the selected key changes.
     *
     * `(selectedKeys: Set) => void`
    */
   onSelectionChange: _propTypes["default"].func,
-
   /**
    * Defines a type of navigation mode.
    * "native" - navigation via "tab" key.
    *  "arrows" - navigation via arrow keys.
    */
   navigationMode: _propTypes["default"].string,
-
   /**
    * The item keys that are disabled. These items cannot be selected, focused, or otherwise
    * interacted with.
    */
   disabledKeys: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object])),
-
   /** The list of ListView items (controlled). */
   items: _isIterable.isIterableProp,
-
   /** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */
   id: _propTypes["default"].string,
-
   /** Props object that is spread directly into the root (top-level) element. */
   containerProps: _propTypes["default"].shape({}),
-
   /** Defines a string value that labels the current element. */
   'aria-label': _propTypes["default"].string,
-
   /** Identifies the element (or elements) that labels the current element. */
   'aria-labelledby': _propTypes["default"].string,
-
   /** Identifies the element (or elements) that describes the object. */
   'aria-describedby': _propTypes["default"].string,
-
   /**
    * Identifies the element (or elements) that provide a detailed, extended description for
    * the object.

package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js

@@ -1,47 +1,27 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.Default = exports.Controlled = exports.AccordionWithInputs = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _collections = require("@react-stately/collections");
-
+var _reactStately = require("react-stately");
 var _CreateIcon = _interopRequireDefault(require("mdi-react/CreateIcon"));
-
 var _MoreVertIcon = _interopRequireDefault(require("mdi-react/MoreVertIcon"));
-
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
-
 var _index = require("../../index");
-
 var _AccordionGridGroup = _interopRequireDefault(require("./AccordionGridGroup"));
-
 var _AccordionGridGroup2 = _interopRequireDefault(require("./AccordionGridGroup.mdx"));
-
 var _react2 = require("@emotion/react");
-
 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; }
-
 var data = [{
   name: 'Client Application Developer',
   key: 'Client',
@@ -117,7 +97,6 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
 var Header = function Header(props) {
   var item = props.item;
   return (0, _react2.jsx)(_index.Box, {
@@ -156,7 +135,7 @@ var Header = function Header(props) {
       overflow: 'hidden'
     },
     alignSelf: "center"
-  }, item.organizations.length, " Organizations"), (0, _react2.jsx)(_index.Box, {
+  }, item.organizations.length, ' ', "Organizations"), (0, _react2.jsx)(_index.Box, {
     isRow: true,
     alignSelf: "center",
     sx: {
@@ -180,10 +159,8 @@ var Header = function Header(props) {
     size: "sm"
   })))));
 };
-
 var Body = function Body(props) {
   var _context;
-
   var item = props.item;
   return (0, _react2.jsx)(_index.Box, {
     isRow: true
@@ -211,7 +188,6 @@ var Body = function Body(props) {
     }
   }, (0, _map["default"])(_context = item.organizations).call(_context, function (org) {
     var _context2;
-
     return (0, _react2.jsx)(_index.Box, {
       key: "box".concat(org.name),
       sx: {
@@ -239,9 +215,9 @@ var Body = function Body(props) {
     }));
   })));
 };
-
 var Default = function Default() {
-  return (// See story source for info about the data used
+  return (
+    // See story source for info about the data used
     (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Text, {
       sx: {
         fontWeight: 3,
@@ -255,7 +231,7 @@ var Default = function Default() {
       items: data,
       defaultSelectedKeys: ['Environment']
     }, function (item) {
-      return (0, _react2.jsx)(_collections.Item, {
+      return (0, _react2.jsx)(_reactStately.Item, {
         key: item.key,
         textValue: item.name
       }, (0, _react2.jsx)(Header, {
@@ -271,16 +247,14 @@ var Default = function Default() {
     }))
   );
 };
-
 exports.Default = Default;
-
 var Controlled = function Controlled() {
   var _useState = (0, _react.useState)(['Client']),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      selectedKeys = _useState2[0],
-      setSelectedKeys = _useState2[1];
-
-  return (// See story source for info about the data used
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    selectedKeys = _useState2[0],
+    setSelectedKeys = _useState2[1];
+  return (
+    // See story source for info about the data used
     (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Text, {
       sx: {
         fontWeight: 3,
@@ -295,7 +269,7 @@ var Controlled = function Controlled() {
       selectedKeys: selectedKeys,
       onSelectionChange: setSelectedKeys
     }, function (item) {
-      return (0, _react2.jsx)(_collections.Item, {
+      return (0, _react2.jsx)(_reactStately.Item, {
         key: item.key,
         textValue: item.name
       }, (0, _react2.jsx)(Header, {
@@ -310,40 +284,15 @@ var Controlled = function Controlled() {
       }) : null);
     }))
   );
-}; // const items = [
-//   { id: 1, name: "Aardvark", key: "Aardvark" },
-//   { id: 2, name: "Kangaroo", key: "Kangaroo" },
-//   { id: 3, name: "Snake", key: "Snake" },
-//   { id: 4, name: "Frog", key: "Frog" },
-//   { id: 5, name: "Seal", key: "Seal" },
-//   { id: 6, name: "Orangutan", key: "Orangutan" },
-//   { id: 7, name: "Shark", key: "Shark" }
-// ];
-// const data = [
-//   {
-//     name: "Client Application Developer",
-//     key: "Client"
-//   },
-//   {
-//     name: "Environment Admin",
-//     key: "Environment"
-//   },
-//   {
-//     name: "Organization Admin",
-//     key: "Organization"
-//   }
-// ];
-
-
+};
 exports.Controlled = Controlled;
-
 var AccordionWithInputs = function AccordionWithInputs() {
   return (0, _react2.jsx)(_AccordionGridGroup["default"], {
     items: data,
     defaultSelectedKeys: ['Organization'],
     navigationMode: "native"
   }, function (item) {
-    return (0, _react2.jsx)(_collections.Item, {
+    return (0, _react2.jsx)(_reactStately.Item, {
       key: item.key
     }, (0, _react2.jsx)(_index.Text, {
       sx: {
@@ -365,5 +314,4 @@ var AccordionWithInputs = function AccordionWithInputs() {
     })));
   });
 };
-
 exports.AccordionWithInputs = AccordionWithInputs;