@pingux/astro 2.0.0-alpha.1 → 2.0.0-alpha.4

package/lib/cjs/components/AccordionGridItem/AccordionGridItemHeader.js

@@ -1,123 +1,85 @@
 "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"] = void 0;
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactAria = require("react-aria");
-
 var _grid = require("@react-aria/grid");
-
 var _interactions = require("@react-aria/interactions");
-
 var _MenuDownIcon = _interopRequireDefault(require("mdi-react/MenuDownIcon"));
-
 var _MenuUpIcon = _interopRequireDefault(require("mdi-react/MenuUpIcon"));
-
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _AccordionGridContext = require("../../context/AccordionGridContext");
-
+var _hooks = require("../../hooks");
 var _Box = _interopRequireDefault(require("../Box"));
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
-var _hooks = require("../../hooks");
-
 var _react2 = require("@emotion/react");
-
 var _excluded = ["item", "className", "children", "isSelected", "hasCaret", "navigationMode"];
-
 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 AccordionGridItemHeader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _context;
-
   var item = props.item,
-      className = props.className,
-      children = props.children,
-      isSelected = props.isSelected,
-      hasCaret = props.hasCaret,
-      navigationMode = props.navigationMode,
-      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+    className = props.className,
+    children = props.children,
+    isSelected = props.isSelected,
+    hasCaret = props.hasCaret,
+    navigationMode = props.navigationMode,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useAccordionGridCont = (0, _AccordionGridContext.useAccordionGridContext)(),
-      state = _useAccordionGridCont.state;
-
+    state = _useAccordionGridCont.state;
   var cellRef = (0, _react.useRef)();
-  /* istanbul ignore next */
 
+  /* istanbul ignore next */
   (0, _react.useImperativeHandle)(ref, function () {
     return cellRef.current;
   });
   var cellNode = (0, _concat["default"])(_context = []).call(_context, item.childNodes)[0];
-
   var _useGridCell = (0, _grid.useGridCell)({
-    node: cellNode,
-    focusMode: 'cell',
-    shouldSelectOnPressUp: true
-  }, state, cellRef),
-      gridCellProps = _useGridCell.gridCellProps;
-
+      node: cellNode,
+      focusMode: 'cell',
+      shouldSelectOnPressUp: true
+    }, state, cellRef),
+    gridCellProps = _useGridCell.gridCellProps;
   var _useHover = (0, _interactions.useHover)({}),
-      hoverProps = _useHover.hoverProps,
-      isHovered = _useHover.isHovered;
-
+    hoverProps = _useHover.hoverProps,
+    isHovered = _useHover.isHovered;
   var _usePress = (0, _interactions.usePress)({
-    ref: cellRef
-  }),
-      pressProps = _usePress.pressProps,
-      isPressed = _usePress.isPressed;
-
+      ref: cellRef
+    }),
+    pressProps = _usePress.pressProps,
+    isPressed = _usePress.isPressed;
   var _useFocusRing = (0, _reactAria.useFocusRing)({
-    within: true
-  }),
-      focusWithinProps = _useFocusRing.focusProps;
-
+      within: true
+    }),
+    focusWithinProps = _useFocusRing.focusProps;
   var _useFocusRing2 = (0, _reactAria.useFocusRing)(),
-      focusProps = _useFocusRing2.focusProps,
-      isFocusVisible = _useFocusRing2.isFocusVisible;
-
+    focusProps = _useFocusRing2.focusProps,
+    isFocusVisible = _useFocusRing2.isFocusVisible;
   var mergedProps = (0, _reactAria.mergeProps)(pressProps, gridCellProps, hoverProps, focusWithinProps, focusProps, pressProps);
-
   var _useStatusClasses = (0, _hooks.useStatusClasses)(className, {
-    isPressed: isPressed,
-    isHovered: isHovered,
-    isSelected: isSelected,
-    isFocused: isFocusVisible
-  }),
-      classNames = _useStatusClasses.classNames;
-
+      isPressed: isPressed,
+      isHovered: isHovered,
+      isSelected: isSelected,
+      isFocused: isFocusVisible
+    }),
+    classNames = _useStatusClasses.classNames;
   var ariaLabel = props['aria-label'];
-
   var handleKeyPress = function handleKeyPress(e) {
     if (e.key === 'Enter') {
       state.selectionManager.toggleSelection(e.target.dataset.key);
     }
   };
-
   if (navigationMode === 'native') {
     delete mergedProps.onKeyDown;
     delete mergedProps.onKeyDownCapture;
@@ -125,7 +87,6 @@ var AccordionGridItemHeader = /*#__PURE__*/(0, _react.forwardRef)(function (prop
     mergedProps.tabIndex = 0;
     mergedProps.onKeyPress = handleKeyPress;
   }
-
   return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
     as: "div",
     ref: cellRef

package/lib/cjs/components/AccordionGridItem/index.js

@@ -1,18 +1,14 @@
 "use strict";
 
 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
 });
-
 _Object$defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _AccordionGridItem["default"];
   }
 });
-
 var _AccordionGridItem = _interopRequireDefault(require("./AccordionGridItem"));

package/lib/cjs/components/AccordionGroup/Accordion.styles.js

@@ -1,37 +1,22 @@
 "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 title = {
   display: 'inline-block !important',
   overflowWrap: 'break-word',
@@ -59,7 +44,6 @@ var body = {
     display: 'flex'
   }
 };
-
 var header = _objectSpread(_objectSpread({}, _Buttons.base), {}, {
   display: 'inline-flex',
   bg: 'transparent',
@@ -76,7 +60,6 @@ var header = _objectSpread(_objectSpread({}, _Buttons.base), {}, {
   },
   '&.is-focused': _objectSpread({}, _Buttons.defaultFocus)
 });
-
 var _default = {
   title: title,
   accordion: accordion,

package/lib/cjs/components/AccordionGroup/AccordionGroup.js

@@ -1,102 +1,68 @@
 "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"] = void 0;
-
 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 _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
+var _reactStately = require("react-stately");
 var _accordion = require("@react-aria/accordion");
-
 var _utils = require("@react-aria/utils");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactStately = require("react-stately");
-
-var _index = require("../../index");
-
-var _AccordionItem = _interopRequireDefault(require("../AccordionItem"));
-
 var _AccordionContext = require("../../context/AccordionContext");
-
+var _index = require("../../index");
 var _isIterable = require("../../utils/devUtils/props/isIterable");
-
+var _AccordionItem = _interopRequireDefault(require("../AccordionItem"));
 var _react2 = require("@emotion/react");
-
 var _excluded = ["defaultExpandedKeys", "expandedKeys", "onExpandedChange"],
-    _excluded2 = ["onFocus"];
-
+  _excluded2 = ["onFocus"];
 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 _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /**
  * Console Warning: "Cannot update a component (`Unknown`)...`"
  * when using controlledExpanded prop is expected
  * and related to a known issue within React Stately.
  */
+
 var AccordionGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _context;
-
   var defaultExpandedKeys = props.defaultExpandedKeys,
-      expandedKeys = props.expandedKeys,
-      onExpandedChange = props.onExpandedChange,
-      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    expandedKeys = props.expandedKeys,
+    onExpandedChange = props.onExpandedChange,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var state = (0, _reactStately.useTreeState)(props);
   var accordionRef = (0, _react.useRef)();
-  /* `autoFocus: true` is what makes the initial focus only take one click vs two. */
 
+  /* `autoFocus: true` is what makes the initial focus only take one click vs two. */
   var _useAccordion = (0, _accordion.useAccordion)(_objectSpread({
-    autoFocus: true
-  }, props), state, accordionRef),
-      accordionProps = _useAccordion.accordionProps;
-
+      autoFocus: true
+    }, props), state, accordionRef),
+    accordionProps = _useAccordion.accordionProps;
   delete accordionProps.onMouseDown;
-  /* Splicing out the onFocus function is what allows subsequent focuses to only take one click. */
 
+  /* Splicing out the onFocus function is what allows subsequent focuses to only take one click. */
   var onFocus = accordionProps.onFocus,
-      theseProps = (0, _objectWithoutProperties2["default"])(accordionProps, _excluded2);
-  /* istanbul ignore next */
+    theseProps = (0, _objectWithoutProperties2["default"])(accordionProps, _excluded2);
 
+  /* istanbul ignore next */
   (0, _react.useImperativeHandle)(ref, function () {
     return accordionRef.current;
   });
@@ -115,22 +81,17 @@ var AccordionGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 AccordionGroup.propTypes = {
   /** Handler that is called when items are expanded or collapsed. */
   onExpandedChange: _propTypes["default"].func,
-
   /** Item objects in the collection. */
   items: _isIterable.isIterableProp,
-
   /**
    * The item keys that are disabled. These items cannot be selected, focused, or otherwise
    * interacted with.
    */
   disabledKeys: _isIterable.isIterableProp,
-
   /** The currently expanded keys in the collection (controlled). */
   expandedKeys: _isIterable.isIterableProp,
-
   /** The initial expanded keys in the collection (uncontrolled). */
   defaultExpandedKeys: _isIterable.isIterableProp,
-
   /** Id of the selected element */
   id: _propTypes["default"].string
 };

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

@@ -1,45 +1,26 @@
 "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.UncontrolledExpanded = exports.Multiple = exports.DisabledItems = exports.Default = exports.CustomPresentation = exports.ControlledExpanded = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactStately = require("react-stately");
-
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
-
-var _Text = _interopRequireDefault(require("../Text"));
-
 var _Button = _interopRequireDefault(require("../Button"));
-
+var _Text = _interopRequireDefault(require("../Text"));
 var _TextField = _interopRequireDefault(require("../TextField"));
-
-var _ = _interopRequireDefault(require("."));
-
 var _AccordionGroup = _interopRequireDefault(require("./AccordionGroup.mdx"));
-
+var _ = _interopRequireDefault(require("."));
 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 itemArray = [{
   key: 't1',
   label: 'First Accordion',
@@ -105,7 +86,6 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
 var Default = function Default(args) {
   return (0, _react2.jsx)(_["default"], args, (0, _react2.jsx)(_reactStately.Item, {
     key: "accordionKey",
@@ -114,9 +94,7 @@ var Default = function Default(args) {
     "data-id": "accordionItem"
   }, (0, _react2.jsx)(_Text["default"], null, "Render me!")));
 };
-
 exports.Default = Default;
-
 var Multiple = function Multiple() {
   return (
     /*
@@ -137,15 +115,12 @@ var Multiple = function Multiple() {
     })
   );
 };
-
 exports.Multiple = Multiple;
-
 var ControlledExpanded = function ControlledExpanded() {
   var _useState = (0, _react.useState)(['t3']),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      expandedKeys = _useState2[0],
-      setExpandedKeys = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    expandedKeys = _useState2[0],
+    setExpandedKeys = _useState2[1];
   return (
     /*
      * itemArray = [
@@ -171,9 +146,7 @@ var ControlledExpanded = function ControlledExpanded() {
     })
   );
 };
-
 exports.ControlledExpanded = ControlledExpanded;
-
 var UncontrolledExpanded = function UncontrolledExpanded() {
   return (
     /*
@@ -195,9 +168,7 @@ var UncontrolledExpanded = function UncontrolledExpanded() {
     })
   );
 };
-
 exports.UncontrolledExpanded = UncontrolledExpanded;
-
 var DisabledItems = function DisabledItems() {
   return (
     /*
@@ -219,9 +190,7 @@ var DisabledItems = function DisabledItems() {
     })
   );
 };
-
 exports.DisabledItems = DisabledItems;
-
 var CustomPresentation = function CustomPresentation() {
   return (
     /*
@@ -251,7 +220,6 @@ var CustomPresentation = function CustomPresentation() {
     })
   );
 };
-
 exports.CustomPresentation = CustomPresentation;
 CustomPresentation.parameters = {
   docs: {