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

package/lib/cjs/components/Loader/Loader.js

@@ -1,46 +1,31 @@
 "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 _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 _Box = _interopRequireDefault(require("../Box"));
-
 var _react2 = require("@emotion/react");
-
 var _excluded = ["size"];
-
 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; }
-
 /**
  * Indeterminite progress component. Used to show general loading.
  * Uses [useProgressBar](https://react-spectrum.adobe.com/react-aria/useProgressBar.html) from React Aria
  */
+
 var Loader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var size = props.size,
-      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
     ref: ref,
     isRow: true,
@@ -63,7 +48,6 @@ Loader.propTypes = {
    * Default color inherits the font color.
   */
   color: _propTypes["default"].string,
-
   /**
    * Size as number or pixel / em / rem value.
    * Sizes can either be a string such as xs, sm, md, etc or numeric size with unit such as 15px.

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

@@ -1,27 +1,17 @@
 "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
 });
-
 exports["default"] = exports.Default = exports.CustomColor = 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 = _interopRequireDefault(require("react"));
-
-var _ = _interopRequireDefault(require("./"));
-
 var _colors = require("../../styles/colors");
-
+var _ = _interopRequireDefault(require("."));
 var _react2 = require("@emotion/react");
-
 var _default = {
   title: 'Components/Loader',
   component: _["default"],
@@ -31,8 +21,7 @@ var _default = {
         type: 'select',
         options: (0, _map["default"])(_colors.flatColorList).call(_colors.flatColorList, function (_ref) {
           var _ref2 = (0, _slicedToArray2["default"])(_ref, 1),
-              colorName = _ref2[0];
-
+            colorName = _ref2[0];
           return colorName;
         })
       },
@@ -47,17 +36,13 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
 var Default = function Default(args) {
   return (0, _react2.jsx)(_["default"], args);
 };
-
 exports.Default = Default;
-
 var CustomColor = function CustomColor() {
   return (0, _react2.jsx)(_["default"], {
     color: "neutral.60"
   });
 };
-
 exports.CustomColor = CustomColor;

package/lib/cjs/components/Loader/Loader.styles.js

@@ -1,43 +1,25 @@
 "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 _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _templateObject, _templateObject2, _context, _context2, _context3, _context4, _context5;
-
 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 _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context6 = ownKeys(Object(source), !0)).call(_context6, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context7 = ownKeys(Object(source))).call(_context7, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var container = {
   color: 'currentColor',
   fontSize: '1em'
@@ -72,19 +54,15 @@ var dot = {
   margin: '0.3em',
   display: 'block'
 };
-
 var dotLeft = _objectSpread(_objectSpread({}, dot), {}, {
   animation: (0, _concat["default"])(_context = "".concat(pulse, " ")).call(_context, animationSettings)
 });
-
 var dotCenter = _objectSpread(_objectSpread({}, dot), {}, {
   animation: (0, _concat["default"])(_context2 = (0, _concat["default"])(_context3 = "".concat(wait, " 0.2s, ")).call(_context3, pulse, " ")).call(_context2, animationSettings, " 0.2s")
 });
-
 var dotRight = _objectSpread(_objectSpread({}, dot), {}, {
   animation: (0, _concat["default"])(_context4 = (0, _concat["default"])(_context5 = "".concat(wait, " 0.4s, ")).call(_context5, pulse, " ")).call(_context4, animationSettings, " 0.4s")
 });
-
 var _default = {
   dotLeft: dotLeft,
   dotCenter: dotCenter,

package/lib/cjs/components/Loader/Loader.test.js

@@ -1,36 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
-
 var _testWrapper = require("../../utils/testUtils/testWrapper");
-
 var _ = _interopRequireDefault(require("."));
-
 var _react2 = require("@emotion/react");
-
 var testId = 'test-loader';
 var defaultProps = {
   'data-testid': testId
 };
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return (0, _testWrapper.render)((0, _react2.jsx)(_["default"], (0, _extends2["default"])({}, defaultProps, props)));
-}; // Need to be added to each test file to test accessibility using axe.
-
+};
 
+// Need to be added to each test file to test accessibility using axe.
 (0, _testAxe["default"])(getComponent);
 test('default loader', function () {
   getComponent();
-
   var loader = _testWrapper.screen.getByRole('alert');
-
   expect(loader).toHaveAttribute('data-testid', testId);
   expect(loader).toBeInTheDocument();
 });

package/lib/cjs/components/Loader/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 _Loader["default"];
   }
 });
-
 var _Loader = _interopRequireDefault(require("./Loader"));

package/lib/cjs/components/Menu/Menu.js

@@ -1,112 +1,73 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactAria = require("react-aria");
-
 var _reactStately = require("react-stately");
-
 var _utils = require("@react-aria/utils");
-
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _MenuContext = require("../../context/MenuContext");
-
 var _hooks = require("../../hooks");
-
-var _MenuItem = _interopRequireDefault(require("../MenuItem"));
-
-var _Box = _interopRequireDefault(require("../Box"));
-
 var _orientation = _interopRequireDefault(require("../../utils/devUtils/constants/orientation"));
-
+var _Box = _interopRequireDefault(require("../Box"));
+var _MenuItem = _interopRequireDefault(require("../MenuItem"));
 var _react2 = require("@emotion/react");
-
 var _excluded = ["isDisabled", "onAction", "onSelectionChange", "isNotFocusedOnHover"];
-
 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; }
-
 /**
  * Menu component intended to be used as a wrapper for MenuItem.
  * This component is typically used alongside others such as PopoverMenu.
  *
  * Utilizes [React Aria](https://react-spectrum.adobe.com/react-aria/useMenu.html).
  */
+
 var Menu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _context;
-
   var isDisabled = props.isDisabled,
-      onAction = props.onAction,
-      onSelectionChange = props.onSelectionChange,
-      isNotFocusedOnHover = props.isNotFocusedOnHover,
-      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    onAction = props.onAction,
+    onSelectionChange = props.onSelectionChange,
+    isNotFocusedOnHover = props.isNotFocusedOnHover,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var contextProps = (0, _react.useContext)(_MenuContext.MenuContext);
-
   var completeProps = _objectSpread({}, (0, _reactAria.mergeProps)(contextProps, props));
-
   var state = (0, _reactStately.useTreeState)(completeProps);
   var menuRef = (0, _react.useRef)();
   (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
   /* istanbul ignore next */
-
   (0, _react.useImperativeHandle)(ref, function () {
     return menuRef.current;
   });
-
   var _useMenu = (0, _reactAria.useMenu)(completeProps, state, menuRef),
-      menuProps = _useMenu.menuProps;
-
+    menuProps = _useMenu.menuProps;
   var _useFocusRing = (0, _reactAria.useFocusRing)({
-    within: true
-  }),
-      isFocusVisible = _useFocusRing.isFocusVisible,
-      focusProps = _useFocusRing.focusProps; // Sync the refs between context and local instance for overlay positioning
-
+      within: true
+    }),
+    isFocusVisible = _useFocusRing.isFocusVisible,
+    focusProps = _useFocusRing.focusProps;
 
+  // Sync the refs between context and local instance for overlay positioning
   (0, _utils.useSyncRef)(contextProps, menuRef);
   return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
     as: "ul",
@@ -128,61 +89,49 @@ var Menu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 Menu.propTypes = {
   /** The type of selection that is allowed. */
   selectionMode: _propTypes["default"].oneOf(['none', 'single', 'multiple']),
-
   /**
    * 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 initial selected keys in the collection (uncontrolled).
    *
    * `defaultSelectedKeys="all"` can be used to select every key.
    */
   defaultSelectedKeys: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].string)]),
-
   /**
    * The currently selected keys in the collection (controlled).
    *
    * `selectedKeys="all"` can be used to select every key.
    */
   selectedKeys: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].string)]),
-
   /** Whether the item is disabled. */
   isDisabled: _propTypes["default"].bool,
-
   /** Whether the menu item is selected. */
   isSelected: _propTypes["default"].bool,
-
   /**
    * Whether menu item should receive focus state on hover.
    */
   isNotFocusedOnHover: _propTypes["default"].bool,
-
   /**
    * Handler that is called when an item is selected.
    *
    * `(key: Key) => void`
    */
   onAction: _propTypes["default"].func,
-
   /**
    * Handler that is called when the selection changes. Does not fire when `selectionMode="none"`.
    *
    * `(keys: Selection) => any`
    */
   onSelectionChange: _propTypes["default"].func,
-
   /** A screen reader only label for the menu item. */
   '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/Menu/Menu.stories.js

@@ -1,30 +1,21 @@
 "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
 });
-
 exports["default"] = exports.Default = void 0;
-
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactStately = require("react-stately");
-
-var _Menu = _interopRequireDefault(require("../Menu"));
-
 var _Text = _interopRequireDefault(require("../Text"));
-
+var _ = _interopRequireDefault(require("."));
 var _react2 = require("@emotion/react");
-
 var _default = {
   title: 'Components/Menu',
-  component: _Menu["default"],
+  component: _["default"],
   parameters: {
     actions: {
       argTypesRegex: '^on.*'
@@ -82,10 +73,9 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
 var Default = function Default(_ref) {
-  var args = (0, _extends2["default"])({}, _ref);
-  return (0, _react2.jsx)(_Menu["default"], (0, _extends2["default"])({
+  var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
+  return (0, _react2.jsx)(_["default"], (0, _extends2["default"])({
     "aria-label": "Example Menu"
   }, args), (0, _react2.jsx)(_reactStately.Item, {
     key: "edit",
@@ -103,5 +93,4 @@ var Default = function Default(_ref) {
     color: "critical.bright"
   }, "Delete")));
 };
-
 exports.Default = Default;

package/lib/cjs/components/Menu/Menu.styles.js

@@ -1,11 +1,9 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = void 0;
 var _default = {
   padding: 0,