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

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

@@ -1,19 +1,12 @@
 "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 _CollapsiblePanel = _interopRequireDefault(require("./CollapsiblePanel"));
-
 var _react2 = require("@emotion/react");
-
 var testId = 'collapsible-panel-item';
 var onSelectionChange = jest.fn();
 var defaultProps = {
@@ -26,12 +19,10 @@ var defaultProps = {
   selectedFilterCount: 8,
   onSelectionChange: onSelectionChange
 };
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return (0, _testWrapper.render)((0, _react2.jsx)(_CollapsiblePanel["default"], (0, _extends2["default"])({}, defaultProps, props)));
 };
-
 beforeAll(function () {
   jest.spyOn(window.HTMLElement.prototype, 'clientWidth', 'get').mockImplementation(function () {
     return 1000;
@@ -53,8 +44,9 @@ afterEach(function () {
 });
 afterAll(function () {
   jest.restoreAllMocks();
-}); // 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, {
   rules: {
     'aria-required-children': {
@@ -67,17 +59,13 @@ afterAll(function () {
 });
 test('default CollapsiblePanel', function () {
   getComponent();
-
   var collapsiblePanel = _testWrapper.screen.getByTestId(testId);
-
   expect(collapsiblePanel).toBeInTheDocument();
 });
 test('custom classname can be passed', function () {
   getComponent({
     className: 'testing-class'
   });
-
   var collapsiblePanel = _testWrapper.screen.getByTestId(testId);
-
   expect(collapsiblePanel).toHaveClass('testing-class');
 });

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

package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelBadge.js

@@ -1,35 +1,25 @@
 "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"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Badge = _interopRequireDefault(require("../Badge"));
-
 var _react2 = require("@emotion/react");
-
 var _excluded = ["selectedFilterCount"];
-
 /**
  * The CollapsiblePanelBadge serves as a badge to display selected count.
  */
+
 var CollapsiblePanelBadge = function CollapsiblePanelBadge(props) {
   var selectedFilterCount = props.selectedFilterCount,
-      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   return (0, _react2.jsx)(_Badge["default"], (0, _extends2["default"])({
     as: "span",
     bg: "neutral.90",
@@ -39,7 +29,6 @@ var CollapsiblePanelBadge = function CollapsiblePanelBadge(props) {
     isUppercase: true
   }, others));
 };
-
 CollapsiblePanelBadge.propTypes = {
   selectedFilterCount: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
   margin: _propTypes["default"].string

package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelBadge.test.js

@@ -1,48 +1,36 @@
 "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 _CollapsiblePanelBadge = _interopRequireDefault(require("./CollapsiblePanelBadge"));
-
 var _react2 = require("@emotion/react");
-
 var testId = 'test-collapsiblePanelBadge';
 var defaultProps = {
   'data-testid': testId,
   selectedFilterCount: 9
 };
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return (0, _testWrapper.render)((0, _react2.jsx)(_CollapsiblePanelBadge["default"], (0, _extends2["default"])({}, defaultProps, props)));
 };
-
 afterEach(function () {
   jest.restoreAllMocks();
-}); // 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 CollapsiblePanelBadge', function () {
   getComponent();
-
   var collapsiblePanelBadge = _testWrapper.screen.getByTestId(testId);
-
   expect(collapsiblePanelBadge).toBeInTheDocument();
 });
 test('custom classname can be passed', function () {
   getComponent({
     className: 'testing-class'
   });
-
   var collapsiblePanelBadge = _testWrapper.screen.getByTestId(testId);
-
   expect(collapsiblePanelBadge).toHaveClass('testing-class');
 });

package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelContainer.js

@@ -1,78 +1,54 @@
 "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 _ChevronRightIcon = _interopRequireDefault(require("mdi-react/ChevronRightIcon"));
-
-var _ChevronLeftIcon = _interopRequireDefault(require("mdi-react/ChevronLeftIcon"));
-
 var _reactStately = require("react-stately");
-
-var _CollapsiblePanelBadge = _interopRequireDefault(require("./CollapsiblePanelBadge"));
-
-var _index = require("../../index");
-
+var _ChevronLeftIcon = _interopRequireDefault(require("mdi-react/ChevronLeftIcon"));
+var _ChevronRightIcon = _interopRequireDefault(require("mdi-react/ChevronRightIcon"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../../hooks");
-
+var _index = require("../../index");
+var _CollapsiblePanelBadge = _interopRequireDefault(require("./CollapsiblePanelBadge"));
 var _react2 = require("@emotion/react");
-
 var _excluded = ["selectedFilterCount", "className", "children", "closeAriaLabel", "isDefaultOpen", "isOpen", "onOpenChange", "openAriaLabel"];
-
 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; }
-
 /**
  * The CollapsiblePanelContainer serves as a wrapper around a list and its associated trigger,
  * linking the list's open state with the trigger's press state and providing necessary context.
  */
+
 var CollapsiblePanelContainer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var selectedFilterCount = props.selectedFilterCount,
-      className = props.className,
-      children = props.children,
-      closeAriaLabel = props.closeAriaLabel,
-      isDefaultOpen = props.isDefaultOpen,
-      isOpen = props.isOpen,
-      onOpenChange = props.onOpenChange,
-      openAriaLabel = props.openAriaLabel,
-      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+    className = props.className,
+    children = props.children,
+    closeAriaLabel = props.closeAriaLabel,
+    isDefaultOpen = props.isDefaultOpen,
+    isOpen = props.isOpen,
+    onOpenChange = props.onOpenChange,
+    openAriaLabel = props.openAriaLabel,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var triggerRef = _react["default"].useRef();
-
   var state = (0, _reactStately.useOverlayTriggerState)({
     defaultOpen: isDefaultOpen,
     isOpen: isOpen,
     onOpenChange: onOpenChange
   });
   var close = state.close;
-
   var _useStatusClasses = (0, _hooks.useStatusClasses)(className, {
-    isOpen: state.isOpen
-  }),
-      classNames = _useStatusClasses.classNames;
-
+      isOpen: state.isOpen
+    }),
+    classNames = _useStatusClasses.classNames;
   var handleButtonPress = function handleButtonPress() {
     if (state.isOpen) {
       close(state, triggerRef, close);
@@ -80,13 +56,11 @@ var CollapsiblePanelContainer = /*#__PURE__*/(0, _react.forwardRef)(function (pr
       state.open();
     }
   };
-
   var handleClose = function handleClose(e) {
     if (e.key === 'Escape') {
       close(state, triggerRef, close);
     }
   };
-
   return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
     className: classNames,
     onKeyUp: handleClose,
@@ -115,16 +89,12 @@ var CollapsiblePanelContainer = /*#__PURE__*/(0, _react.forwardRef)(function (pr
 CollapsiblePanelContainer.propTypes = {
   /** Amount of selected items indicator. */
   selectedFilterCount: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-
   /** Defines a string value that labels the trigger icon when menu is open. */
   closeAriaLabel: _propTypes["default"].string,
-
   /** Sets the default open state of the overlay. */
   isDefaultOpen: _propTypes["default"].bool,
-
   /** Whether the overlay is currently open. */
   isOpen: _propTypes["default"].bool,
-
   /**
    * Method that is called when the open state of the menu changes.
    * Returns the new open state and the action that caused the opening of the menu.
@@ -132,7 +102,6 @@ CollapsiblePanelContainer.propTypes = {
    * `(isOpen: boolean, overlayTrigger: OverlayTriggerAction) => void`
    */
   onOpenChange: _propTypes["default"].func,
-
   /** Defines a string value that labels the trigger icon when menu is closed. */
   openAriaLabel: _propTypes["default"].string
 };

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

@@ -1,21 +1,13 @@
 "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 _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-
 var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
-
 var _testWrapper = require("../../utils/testUtils/testWrapper");
-
 var _CollapsiblePanelContainer = _interopRequireDefault(require("./CollapsiblePanelContainer"));
-
 var _react2 = require("@emotion/react");
-
 var testId = 'test-collapsiblePanelContainer';
 var collapsiblePanelBadgeId = 'collapsible-panel-badge';
 var collapsiblePanelButtonId = 'collapsible-panel-button';
@@ -23,33 +15,28 @@ var collapsiblePanelId = 'collapsible-panel';
 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)(_CollapsiblePanelContainer["default"], (0, _extends2["default"])({}, defaultProps, props), (0, _react2.jsx)("div", {
     "data-testid": collapsiblePanelId
   })));
 };
-
 afterEach(function () {
   jest.restoreAllMocks();
-}); // 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 CollapsiblePanelContainer', function () {
   getComponent();
-
   var collapsiblePanelContainer = _testWrapper.screen.getByTestId(testId);
-
   expect(collapsiblePanelContainer).toBeInTheDocument();
 });
 test('custom classname can be passed', function () {
   getComponent({
     className: 'testing-class'
   });
-
   var collapsiblePanelContainer = _testWrapper.screen.getByTestId(testId);
-
   expect(collapsiblePanelContainer).toHaveClass('testing-class');
 });
 test('shows badge when container is closed', function () {
@@ -59,9 +46,7 @@ test('shows badge when container is closed', function () {
       isOpen: false
     }
   });
-
   var badge = _testWrapper.screen.getByTestId(collapsiblePanelBadgeId);
-
   expect(badge).toBeInTheDocument();
 });
 test('updates aria label when button is clicked', function () {
@@ -71,18 +56,12 @@ test('updates aria label when button is clicked', function () {
   getComponent({
     state: state
   });
-
   var button = _testWrapper.screen.getByTestId(collapsiblePanelButtonId);
-
   var container = _testWrapper.screen.getByTestId(testId);
-
   _userEvent["default"].click(button);
-
   expect(button).toHaveAttribute('aria-label', 'Close filter menu?');
   expect(container).toHaveClass('is-open');
-
   _userEvent["default"].click(button);
-
   expect(button).toHaveAttribute('aria-label', 'Open filter menu?');
   expect(container).not.toHaveClass('is-open');
 });
@@ -90,23 +69,15 @@ test('shows children when isOpen is true', function () {
   getComponent({
     isOpen: true
   });
-
   var collapsiblePanel = _testWrapper.screen.getByTestId(collapsiblePanelId);
-
   expect(collapsiblePanel).toBeInTheDocument();
 });
 test('should hide children when pressing the escape key', function () {
   getComponent();
-
   var button = _testWrapper.screen.getByTestId(collapsiblePanelButtonId);
-
   var container = _testWrapper.screen.getByTestId(testId);
-
   _userEvent["default"].click(button);
-
   expect(container).toHaveClass('is-open');
-
   _userEvent["default"].type(button, '{esc}');
-
   expect(container).not.toHaveClass('is-open');
 });

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

package/lib/cjs/components/CollapsiblePanelItem/CollapsiblePanelItem.js

@@ -1,38 +1,25 @@
 "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 _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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 CollapsiblePanelItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var text = props.text,
-      icon = props.icon,
-      isDefaultSelected = props.isDefaultSelected,
-      onPress = props.onPress;
+    icon = props.icon,
+    isDefaultSelected = props.isDefaultSelected,
+    onPress = props.onPress;
   var iconElement = icon && (0, _react2.jsx)(_index.Icon, {
     "data-testid": "collapsible-panel-data-icon",
     icon: icon,
@@ -63,18 +50,15 @@ CollapsiblePanelItem.propTypes = {
      * Display text.
      */
   text: _propTypes["default"].string,
-
   /**
      * List icon.
      */
   icon: _propTypes["default"].shape({}),
-
   /**
    * Whether the element is default selected
    * and has to use Icon element instead of IconButton
    */
   isDefaultSelected: _propTypes["default"].bool,
-
   /**
    * Handler that is called at the press on icon button
    */

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

@@ -1,44 +1,32 @@
 "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 _FilterIcon = _interopRequireDefault(require("mdi-react/FilterIcon"));
-
 var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
-
 var _testWrapper = require("../../utils/testUtils/testWrapper");
-
 var _CollapsiblePanelItem = _interopRequireDefault(require("./CollapsiblePanelItem"));
-
 var _react2 = require("@emotion/react");
-
 var testId = 'collapsible-panel-item';
 var iconId = 'collapsible-panel-data-icon';
 var defaultProps = {
   text: 'Item name'
 };
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return (0, _testWrapper.render)((0, _react2.jsx)(_CollapsiblePanelItem["default"], (0, _extends2["default"])({}, defaultProps, props)));
 };
-
 afterEach(function () {
   jest.restoreAllMocks();
-}); // 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 collapsiblePanel', function () {
   getComponent();
-
   var collapsiblePanelItem = _testWrapper.screen.getByTestId(testId);
-
   var icon = _testWrapper.screen.queryByTestId(iconId);
-
   expect(icon).not.toBeInTheDocument();
   expect(collapsiblePanelItem).toBeInTheDocument();
 });
@@ -46,9 +34,7 @@ test('icon button displays when icon prop is present', function () {
   getComponent({
     icon: _FilterIcon["default"]
   });
-
   var icon = _testWrapper.screen.getByTestId(iconId);
-
   expect(icon).toBeInTheDocument();
   expect(icon.parentElement).toBeInstanceOf(HTMLButtonElement);
 });
@@ -57,9 +43,7 @@ test('icon displays when icon prop is present and default selected', function ()
     icon: _FilterIcon["default"],
     isDefaultSelected: true
   });
-
   var icon = _testWrapper.screen.getByTestId(iconId);
-
   expect(icon).toBeInTheDocument();
   expect(icon.parentElement).not.toBeInstanceOf(HTMLButtonElement);
 });

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