@pingux/astro 1.42.2 → 2.0.0-alpha.4

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

@@ -0,0 +1,72 @@
+"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"));
+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 container = {
+  display: 'flex',
+  padding: '0px 15px 0px 25px',
+  flex: '1 1 0px',
+  minHeight: '80px',
+  justifyContent: 'center',
+  bg: 'accent.99',
+  outline: 'none',
+  '&.is-selected': {
+    bg: 'white'
+  },
+  '&.is-hovered': {
+    bg: 'white',
+    cursor: 'pointer'
+  },
+  '&.is-focused': {
+    boxShadow: '0 0 0 1px inset #D033FF'
+  },
+  '&.has-separator': {
+    borderBottom: '1px solid',
+    borderBottomColor: 'line.hairline'
+  }
+};
+var linkedViewContainer = _objectSpread(_objectSpread({}, container), {}, {
+  minHeight: '75px',
+  height: '76px',
+  '&.has-inset-separator': {
+    '&:after': {
+      content: '""',
+      position: 'absolute',
+      width: 'calc(100% - 43px)',
+      right: 0,
+      bottom: 0,
+      borderBottom: '1px solid',
+      borderBottomColor: 'line.hairline'
+    },
+    '&.is-focused': {
+      '&:after': {
+        content: '""',
+        position: 'absolute',
+        width: 'calc(100% - 43px)',
+        right: 0,
+        bottom: 0,
+        borderBottom: '1px solid',
+        borderBottomColor: 'focus'
+      }
+    }
+  }
+});
+var _default = {
+  container: container,
+  linkedViewContainer: linkedViewContainer
+};
+exports["default"] = _default;

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

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/{styles/variants/loader.js → 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,135 +1,80 @@
 "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 _menu = require("@react-aria/menu");
-
-var _tree = require("@react-stately/tree");
-
-var _focus = require("@react-aria/focus");
-
+var _reactAria = require("react-aria");
+var _reactStately = require("react-stately");
 var _utils = require("@react-aria/utils");
-
-var _interactions = require("@react-aria/interactions");
-
+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 _hoverProps = require("../../utils/devUtils/props/hoverProps");
-
+var _Box = _interopRequireDefault(require("../Box"));
+var _MenuItem = _interopRequireDefault(require("../MenuItem"));
 var _react2 = require("@emotion/react");
-
-var _excluded = ["isDisabled", "isNotFocusedOnHover", "onAction", "onHoverChange", "onHoverEnd", "onHoverStart", "onSelectionChange"];
-
+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,
-      isNotFocusedOnHover = props.isNotFocusedOnHover,
-      onAction = props.onAction,
-      onHoverChange = props.onHoverChange,
-      onHoverEnd = props.onHoverEnd,
-      onHoverStart = props.onHoverStart,
-      onSelectionChange = props.onSelectionChange,
-      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, _utils.mergeProps)(contextProps, props));
-
-  var _useHover = (0, _interactions.useHover)({
-    onHoverChange: onHoverChange,
-    onHoverEnd: onHoverEnd,
-    onHoverStart: onHoverStart
-  }),
-      hoverProps = _useHover.hoverProps;
-
-  var state = (0, _tree.useTreeState)(completeProps);
+  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, _menu.useMenu)(completeProps, state, menuRef),
-      menuProps = _useMenu.menuProps;
-
-  var _useFocusRing = (0, _focus.useFocusRing)({
-    within: true
-  }),
-      isFocusVisible = _useFocusRing.isFocusVisible,
-      focusProps = _useFocusRing.focusProps; // Sync the refs between context and local instance for overlay positioning
-
-
+  var _useMenu = (0, _reactAria.useMenu)(completeProps, state, menuRef),
+    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
   (0, _utils.useSyncRef)(contextProps, menuRef);
   return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
     as: "ul",
     ref: menuRef,
     variant: "menu",
     "aria-orientation": _orientation["default"].VERTICAL
-  }, others, (0, _utils.mergeProps)(focusProps, menuProps, hoverProps)), (0, _map["default"])(_context = (0, _from["default"])(state.collection)).call(_context, function (item) {
+  }, others, (0, _reactAria.mergeProps)(focusProps, menuProps)), (0, _map["default"])(_context = (0, _from["default"])(state.collection)).call(_context, function (item) {
     return (0, _react2.jsx)(_MenuItem["default"], {
       key: item.key,
       item: item,
@@ -141,70 +86,58 @@ var Menu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     });
   }));
 });
-Menu.propTypes = _objectSpread({
+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.
    */
   'aria-details': _propTypes["default"].string
-}, _hoverProps.onHoverPropTypes);
+};
 Menu.defaultProps = {
   selectionMode: 'none',
   isDisabled: false