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

package/lib/cjs/components/PopoverMenu/PopoverMenu.js

@@ -1,65 +1,36 @@
 "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 _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactAria = require("react-aria");
-
 var _reactStately = require("react-stately");
-
 var _interactions = require("@react-aria/interactions");
-
-var _PopoverContainer = _interopRequireDefault(require("../PopoverContainer"));
-
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _MenuContext = require("../../context/MenuContext");
-
+var _PopoverContainer = _interopRequireDefault(require("../PopoverContainer"));
 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 _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; }
-
 /**
  * The PopoverMenu serves as a wrapper around a Menu and its associated trigger, linking the Menu's
  * open state with the trigger's press state and providing necessary overlay context.
@@ -68,54 +39,47 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  */
 var PopoverMenu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _context;
-
   var menuPopoverRef = (0, _react.useRef)();
   var triggerRef = (0, _react.useRef)();
   var menuRef = (0, _react.useRef)();
   /* istanbul ignore next */
-
   (0, _react.useImperativeHandle)(ref, function () {
     return menuPopoverRef.current;
   });
   var children = props.children,
-      align = props.align,
-      direction = props.direction,
-      isDefaultOpen = props.isDefaultOpen,
-      isNotFlippable = props.isNotFlippable,
-      isNotClosedOnSelect = props.isNotClosedOnSelect,
-      hasNoArrow = props.hasNoArrow,
-      isContainFocus = props.isContainFocus;
-
+    align = props.align,
+    direction = props.direction,
+    isDefaultOpen = props.isDefaultOpen,
+    isNotFlippable = props.isNotFlippable,
+    isNotClosedOnSelect = props.isNotClosedOnSelect,
+    hasNoArrow = props.hasNoArrow,
+    isContainFocus = props.isContainFocus;
   var _React$Children$toArr = _react["default"].Children.toArray(children),
-      _React$Children$toArr2 = (0, _slicedToArray2["default"])(_React$Children$toArr, 2),
-      menuTrigger = _React$Children$toArr2[0],
-      menu = _React$Children$toArr2[1];
-
+    _React$Children$toArr2 = (0, _slicedToArray2["default"])(_React$Children$toArr, 2),
+    menuTrigger = _React$Children$toArr2[0],
+    menu = _React$Children$toArr2[1];
   var state = (0, _reactStately.useMenuTriggerState)(_objectSpread(_objectSpread({}, props), {}, {
     defaultOpen: isDefaultOpen,
     closeOnSelect: !isNotClosedOnSelect,
     shouldFlip: !isNotFlippable
   }));
-
   var _useMenuTrigger = (0, _reactAria.useMenuTrigger)({}, state, triggerRef),
-      menuTriggerProps = _useMenuTrigger.menuTriggerProps,
-      menuProps = _useMenuTrigger.menuProps;
-
+    menuTriggerProps = _useMenuTrigger.menuTriggerProps,
+    menuProps = _useMenuTrigger.menuProps;
   var _useOverlayPosition = (0, _reactAria.useOverlayPosition)({
-    targetRef: triggerRef,
-    overlayRef: menuPopoverRef,
-    scrollRef: menuRef,
-    offset: 15,
-    placement: (0, _concat["default"])(_context = "".concat(direction, " ")).call(_context, align),
-    // Our API preference is for default false so we invert this since it should be default true
-    shouldFlip: !isNotFlippable,
-    isOpen: state.isOpen,
-    onClose: state.close,
-    shouldUpdatePosition: true
-  }),
-      positionProps = _useOverlayPosition.overlayProps,
-      placement = _useOverlayPosition.placement;
-
+      targetRef: triggerRef,
+      overlayRef: menuPopoverRef,
+      scrollRef: menuRef,
+      offset: 15,
+      placement: (0, _concat["default"])(_context = "".concat(direction, " ")).call(_context, align),
+      // Our API preference is for default false so we invert this since it should be default true
+      shouldFlip: !isNotFlippable,
+      isOpen: state.isOpen,
+      onClose: state.close,
+      shouldUpdatePosition: true
+    }),
+    positionProps = _useOverlayPosition.overlayProps,
+    placement = _useOverlayPosition.placement;
   var menuContext = _objectSpread(_objectSpread({}, menuProps), {}, {
     ref: menuRef,
     onClose: state.close,
@@ -123,7 +87,6 @@ var PopoverMenu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     closeOnSelect: !isNotClosedOnSelect,
     autoFocus: state.focusStrategy || true
   });
-
   var contents = (0, _react2.jsx)(_reactAria.FocusScope, {
     restoreFocus: true,
     contain: isContainFocus
@@ -150,31 +113,23 @@ var PopoverMenu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 PopoverMenu.propTypes = {
   /** Alignment of the popover menu relative to the trigger. */
   align: _propTypes["default"].oneOf(['start', 'end', 'middle']),
-
   /** Where the popover menu opens relative to its trigger. */
   direction: _propTypes["default"].oneOf(['top', 'right', 'bottom', 'left']),
-
   /** Whether the overlay is open by default (controlled). */
   isOpen: _propTypes["default"].bool,
-
   /** Whether the overlay is open by default (uncontrolled). */
   isDefaultOpen: _propTypes["default"].bool,
-
   /** Whether the popover is prevented from closing when a selection is made. */
   isNotClosedOnSelect: _propTypes["default"].bool,
-
   /**
    * Whether the popover is prevented from flipping directions when insufficient space is
    * available for the given `direction` placement.
    */
   isNotFlippable: _propTypes["default"].bool,
-
   /** Whether the PopoverMenu hides the arrow. */
   hasNoArrow: _propTypes["default"].bool,
-
   /** Whether the PopoverMenu contains focus inside the scope. */
   isContainFocus: _propTypes["default"].bool,
-
   /**
    * Handler that is called when the overlay's open state changes.
    *

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

@@ -1,35 +1,21 @@
 "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.isPressed = exports["default"] = exports.Placement = exports.NotFlippable = exports.NotClosedOnSelect = exports.DisabledItem = exports.DefaultOpen = exports.Default = exports.Controlled = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _addonActions = require("@storybook/addon-actions");
-
 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: 'Components/PopoverMenu',
   component: _index.PopoverMenu,
@@ -57,9 +43,9 @@ var _default = {
   }
 };
 exports["default"] = _default;
-
 var Default = function Default(args) {
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
+  return (
+    // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
     (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.PopoverMenu, args, (0, _react2.jsx)(_index.Button, null, "Click me"), (0, _react2.jsx)(_index.Menu, {
       onAction: (0, _addonActions.action)('onAction')
@@ -75,11 +61,10 @@ var Default = function Default(args) {
     }, "Delete")))))
   );
 };
-
 exports.Default = Default;
-
 var DefaultOpen = function DefaultOpen() {
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
+  return (
+    // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
     (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.PopoverMenu, {
       isDefaultOpen: true
@@ -97,16 +82,14 @@ var DefaultOpen = function DefaultOpen() {
     }, "Delete")))))
   );
 };
-
 exports.DefaultOpen = DefaultOpen;
-
 var Controlled = function Controlled() {
   var _useState = (0, _react.useState)(true),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  return (
+    // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
     (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.PopoverMenu, {
       isOpen: isOpen,
@@ -125,11 +108,10 @@ var Controlled = function Controlled() {
     }, "Delete")))))
   );
 };
-
 exports.Controlled = Controlled;
-
 var Placement = function Placement() {
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
+  return (
+    // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
     (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.PopoverMenu, {
       direction: "left"
@@ -147,11 +129,10 @@ var Placement = function Placement() {
     }, "Delete")))))
   );
 };
-
 exports.Placement = Placement;
-
 var NotFlippable = function NotFlippable() {
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
+  return (
+    // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
     (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.PopoverMenu, {
       direction: "left",
@@ -170,11 +151,10 @@ var NotFlippable = function NotFlippable() {
     }, "Delete")))))
   );
 };
-
 exports.NotFlippable = NotFlippable;
-
 var NotClosedOnSelect = function NotClosedOnSelect() {
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
+  return (
+    // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
     (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.PopoverMenu, {
       isNotClosedOnSelect: true
@@ -192,11 +172,10 @@ var NotClosedOnSelect = function NotClosedOnSelect() {
     }, "Delete")))))
   );
 };
-
 exports.NotClosedOnSelect = NotClosedOnSelect;
-
 var DisabledItem = function DisabledItem() {
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
+  return (
+    // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
     (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.PopoverMenu, null, (0, _react2.jsx)(_index.Button, null, "Click me"), (0, _react2.jsx)(_index.Menu, {
       onAction: (0, _addonActions.action)('onAction'),
@@ -213,11 +192,10 @@ var DisabledItem = function DisabledItem() {
     }, "Delete")))))
   );
 };
-
 exports.DisabledItem = DisabledItem;
-
 var isPressed = function isPressed() {
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
+  return (
+    // Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
     (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.PopoverMenu, null, (0, _react2.jsx)(_index.Button, null, "Click me"), (0, _react2.jsx)(_index.Menu, {
       onAction: (0, _addonActions.action)('onAction'),
@@ -235,5 +213,4 @@ var isPressed = function isPressed() {
     }, "Delete")))))
   );
 };
-
 exports.isPressed = isPressed;

package/lib/cjs/components/PopoverMenu/PopoverMenu.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 container = {
   visibility: 'hidden',

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

@@ -1,154 +1,112 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-
+var _index = require("../../index");
 var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
-
 var _testWrapper = require("../../utils/testUtils/testWrapper");
-
-var _index = require("../../index");
-
 var _react2 = require("@emotion/react");
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return (0, _testWrapper.render)((0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.PopoverMenu, props, (0, _react2.jsx)(_index.Button, null, "Mock Button"), (0, _react2.jsx)(_index.Menu, null, (0, _react2.jsx)(_index.Item, {
+  return (0, _testWrapper.render)((0, _react2.jsx)(_index.PopoverMenu, props, (0, _react2.jsx)(_index.Button, null, "Mock Button"), (0, _react2.jsx)(_index.Menu, null, (0, _react2.jsx)(_index.Item, {
     key: "a"
   }, "A"), (0, _react2.jsx)(_index.Item, {
     key: "b"
-  }, "B")))));
-}; // Need to be added to each test file to test accessibility using axe.
-
+  }, "B"))));
+};
 
+// Need to be added to each test file to test accessibility using axe.
 (0, _testAxe["default"])(getComponent);
 test('renders a popover menu when trigger is clicked', function () {
   getComponent();
-
   var button = _testWrapper.screen.getByRole('button');
-
   expect(_testWrapper.screen.queryByRole('presentation')).not.toBeInTheDocument();
   expect(_testWrapper.screen.queryByRole('menu')).not.toBeInTheDocument();
-
   _userEvent["default"].click(button);
-
   expect(_testWrapper.screen.queryByRole('presentation')).toBeInTheDocument();
   expect(_testWrapper.screen.queryByRole('presentation')).toBeVisible();
   expect(_testWrapper.screen.queryByRole('presentation')).toHaveStyle({
     top: '15px'
-  }); // Should have two accessible dismiss buttons applied (in addition to the trigger button)
-
+  });
+  // Should have two accessible dismiss buttons applied (in addition to the trigger button)
   expect(_testWrapper.screen.queryAllByRole('button')).toHaveLength(3);
   expect(_testWrapper.screen.queryByRole('menu')).toBeInTheDocument();
-
   _userEvent["default"].click(button);
-
   expect(_testWrapper.screen.queryByRole('presentation')).not.toBeInTheDocument();
   expect(_testWrapper.screen.queryByRole('menu')).not.toBeInTheDocument();
 });
 test('should respond to keyboard events', function () {
   getComponent();
-
   var button = _testWrapper.screen.getByRole('button');
-
   _testWrapper.fireEvent.keyDown(button, {
     key: 'Enter',
     code: 13
   });
-
   _testWrapper.fireEvent.keyUp(button, {
     key: 'Enter',
     code: 13
   });
-
   expect(_testWrapper.screen.queryByRole('presentation')).toBeInTheDocument();
-
   _testWrapper.fireEvent.keyDown(button, {
     key: 'Enter',
     code: 13
   });
-
   _testWrapper.fireEvent.keyUp(button, {
     key: 'Enter',
     code: 13
   });
-
   expect(_testWrapper.screen.queryByRole('presentation')).not.toBeInTheDocument();
 });
 test('renders the correct popover menu placement', function () {
   getComponent({
     direction: 'right'
   });
-
   var button = _testWrapper.screen.getByRole('button');
-
   _userEvent["default"].click(button);
-
   expect(_testWrapper.screen.getByRole('presentation')).toHaveAttribute('data-popover-placement', 'right');
 });
 test('should close when a menu item is selected', function () {
   getComponent();
-
   var button = _testWrapper.screen.getByRole('button');
-
   _userEvent["default"].click(button);
-
   expect(_testWrapper.screen.queryByRole('presentation')).toBeInTheDocument();
+  var menuItem = _testWrapper.screen.getAllByRole('menuitem')[0];
 
-  var menuItem = _testWrapper.screen.getAllByRole('menuitem')[0]; // Click the item and ensure the popover closes
-
-
+  // Click the item and ensure the popover closes
   _userEvent["default"].click(menuItem);
-
   expect(_testWrapper.screen.queryByRole('presentation')).not.toBeInTheDocument();
 });
 test('should not close when a menu item is selected when isNotClosedOnSelect is true', function () {
   getComponent({
     isNotClosedOnSelect: true
   });
-
   var button = _testWrapper.screen.getByRole('button');
-
   _userEvent["default"].click(button);
-
   expect(_testWrapper.screen.queryByRole('presentation')).toBeInTheDocument();
+  var menuItem = _testWrapper.screen.getAllByRole('menuitem')[0];
 
-  var menuItem = _testWrapper.screen.getAllByRole('menuitem')[0]; // Click the item and ensure the popover does not close
-
-
+  // Click the item and ensure the popover does not close
   _userEvent["default"].click(menuItem);
-
   expect(_testWrapper.screen.queryByRole('presentation')).toBeInTheDocument();
 });
 test('should be open when isDefaultOpen is true', function () {
   getComponent({
     isDefaultOpen: true
   });
-
   var button = _testWrapper.screen.getAllByRole('button')[0];
-
   expect(_testWrapper.screen.queryByRole('presentation')).toBeInTheDocument();
-
   _userEvent["default"].click(button);
-
   expect(_testWrapper.screen.queryByRole('presentation')).not.toBeInTheDocument();
 });
 test('should be open when isOpen is true and not react to attempts to close it', function () {
   getComponent({
     isOpen: true
   });
-
   var button = _testWrapper.screen.getAllByRole('button')[0];
-
   expect(_testWrapper.screen.queryByRole('presentation')).toBeInTheDocument();
-
   _userEvent["default"].click(button);
-
   expect(_testWrapper.screen.queryByRole('presentation')).toBeInTheDocument();
 });
 test('should respond to onOpenChange', function () {
@@ -156,17 +114,11 @@ test('should respond to onOpenChange', function () {
   getComponent({
     onOpenChange: onOpenChange
   });
-
   var button = _testWrapper.screen.getByRole('button');
-
   expect(onOpenChange).not.toHaveBeenCalled();
-
   _userEvent["default"].click(button);
-
   expect(onOpenChange).toHaveBeenNthCalledWith(1, true);
-
   _userEvent["default"].click(button);
-
   expect(onOpenChange).toHaveBeenNthCalledWith(2, false);
 });
 test('two menus can not be open at the same time', function () {
@@ -183,28 +135,21 @@ test('two menus can not be open at the same time', function () {
   }, "E")))));
   expect(_testWrapper.screen.queryByRole('presentation')).not.toBeInTheDocument();
   expect(_testWrapper.screen.queryByRole('menu')).not.toBeInTheDocument();
-
   var _screen$getAllByRole = _testWrapper.screen.getAllByRole('button'),
-      _screen$getAllByRole2 = (0, _slicedToArray2["default"])(_screen$getAllByRole, 2),
-      button1 = _screen$getAllByRole2[0],
-      button2 = _screen$getAllByRole2[1];
-
+    _screen$getAllByRole2 = (0, _slicedToArray2["default"])(_screen$getAllByRole, 2),
+    button1 = _screen$getAllByRole2[0],
+    button2 = _screen$getAllByRole2[1];
   _userEvent["default"].click(button1);
-
   expect(_testWrapper.screen.queryByRole('presentation')).toBeInTheDocument();
   expect(_testWrapper.screen.queryByRole('menu')).toBeInTheDocument();
   expect(_testWrapper.screen.queryAllByRole('menuitem')).toHaveLength(2);
   expect(_testWrapper.screen.queryByRole('menuitem', {
     name: 'A'
   })).toBeInTheDocument();
-
   _userEvent["default"].click(button2);
-
   expect(_testWrapper.screen.queryByRole('presentation')).not.toBeInTheDocument();
   expect(_testWrapper.screen.queryByRole('menu')).not.toBeInTheDocument();
-
   _userEvent["default"].click(button2);
-
   expect(_testWrapper.screen.queryByRole('presentation')).toBeInTheDocument();
   expect(_testWrapper.screen.queryByRole('menu')).toBeInTheDocument();
   expect(_testWrapper.screen.queryAllByRole('menuitem')).toHaveLength(3);

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

package/lib/cjs/components/Radio/Radio.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");
-
 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 _react = _interopRequireWildcard(require("react"));
-
 var _themeUi = require("theme-ui");
-
 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; }
-
 /**
  * Basic radio input wrapped in a label.
  * Built on top of the [Radio from Theme-UI](https://theme-ui.com/components/radio/) and uses the