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

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

@@ -1,61 +1,34 @@
 "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"] = exports.WithTooltip = exports.Required = exports.NoVisibleLabel = exports.Disabled = exports.DefaultSelected = exports.Default = exports.Controlled = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _interactions = require("@react-aria/interactions");
-
-var _ = _interopRequireDefault(require("."));
-
-var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
-
-var _fieldAttributes = require("../../utils/devUtils/props/fieldAttributes");
-
 var _index = require("../../index");
-
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-
+var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
+var _fieldAttributes = require("../../utils/devUtils/props/fieldAttributes");
+var _ = _interopRequireDefault(require("."));
 var _react2 = require("@emotion/react");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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 _default = {
   title: 'Form/SwitchField',
   component: _["default"],
@@ -109,19 +82,15 @@ var _default = {
   }, _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
 };
 exports["default"] = _default;
-
 var Default = function Default(args) {
   return (0, _react2.jsx)(_["default"], args);
 };
-
 exports.Default = Default;
-
 var Controlled = function Controlled() {
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isSelected = _useState2[0],
-      setIsSelected = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isSelected = _useState2[0],
+    setIsSelected = _useState2[1];
   return (0, _react2.jsx)(_["default"], {
     isSelected: isSelected,
     label: "Controlled",
@@ -129,9 +98,7 @@ var Controlled = function Controlled() {
     value: "my-switch"
   });
 };
-
 exports.Controlled = Controlled;
-
 var DefaultSelected = function DefaultSelected() {
   return (0, _react2.jsx)(_["default"], {
     isDefaultSelected: true,
@@ -139,9 +106,7 @@ var DefaultSelected = function DefaultSelected() {
     value: "my-switch"
   });
 };
-
 exports.DefaultSelected = DefaultSelected;
-
 var Disabled = function Disabled() {
   return (0, _react2.jsx)(_["default"], {
     isDisabled: true,
@@ -149,18 +114,14 @@ var Disabled = function Disabled() {
     value: "my-switch"
   });
 };
-
 exports.Disabled = Disabled;
-
 var NoVisibleLabel = function NoVisibleLabel() {
   return (0, _react2.jsx)(_["default"], {
     "aria-label": "my-label",
     value: "my-switch"
   });
 };
-
 exports.NoVisibleLabel = NoVisibleLabel;
-
 var Required = function Required() {
   return (0, _react2.jsx)(_["default"], {
     isRequired: true,
@@ -168,9 +129,7 @@ var Required = function Required() {
     value: "my-switch"
   });
 };
-
 exports.Required = Required;
-
 var WithTooltip = function WithTooltip() {
   return (0, _react2.jsx)(_index.TooltipTrigger, {
     crossOffset: 15,
@@ -180,5 +139,4 @@ var WithTooltip = function WithTooltip() {
     value: "my-switch"
   })), (0, _react2.jsx)(_index.Tooltip, null, "Tooltip Content"));
 };
-
 exports.WithTooltip = WithTooltip;

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

@@ -1,51 +1,37 @@
 "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 _SwitchField = _interopRequireDefault(require("./SwitchField"));
-
 var _react2 = require("@emotion/react");
-
 var testId = 'test-switch';
 var defaultProps = {
   label: 'Example label',
   'data-testid': testId
 };
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return (0, _testWrapper.render)((0, _react2.jsx)(_SwitchField["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('renders Switch component', function () {
   getComponent({
     'aria-label': 'test'
   });
-
   var switchComponent = _testWrapper.screen.getByTestId(testId);
-
   _testWrapper.screen.getByRole('switch');
-
   expect(switchComponent).toBeInstanceOf(HTMLDivElement);
   expect(switchComponent).toBeInTheDocument();
 });
 test('renders label', function () {
   getComponent();
-
   var label = _testWrapper.screen.getByText(defaultProps.label);
-
   expect(label).toBeInTheDocument();
 });
 test('switch toggles on click', function () {
@@ -53,18 +39,12 @@ test('switch toggles on click', function () {
   getComponent({
     onChange: onChange
   });
-
   var input = _testWrapper.screen.getByRole('switch');
-
   expect(onChange).not.toHaveBeenCalled();
-
   _userEvent["default"].click(input);
-
   expect(input).toBeChecked();
   expect(onChange).toHaveBeenNthCalledWith(1, true);
-
   _userEvent["default"].click(input);
-
   expect(input).not.toBeChecked();
   expect(onChange).toHaveBeenNthCalledWith(2, false);
 });
@@ -74,44 +54,30 @@ test('isDisabled disables switch functionality', function () {
     isDisabled: true,
     onChange: onChange
   });
-
   var input = _testWrapper.screen.getByRole('switch');
-
   _userEvent["default"].click(input);
-
   expect(onChange).not.toHaveBeenCalled();
 });
 test('isDisabled adds disabled styles to label and switch', function () {
   getComponent({
     isDisabled: true
   });
-
   var label = _testWrapper.screen.getByText(defaultProps.label);
-
   expect(label).toHaveClass('is-disabled');
-
   var switchComponent = _testWrapper.screen.getByRole('switch');
-
   expect(switchComponent).toHaveClass('is-disabled');
 });
 test('does not have isDisabled styling without isDisabled prop', function () {
   getComponent();
-
   var label = _testWrapper.screen.getByText(defaultProps.label);
-
   expect(label).not.toHaveClass('is-disabled');
-
   var switchComponent = _testWrapper.screen.getByRole('switch');
-
   expect(switchComponent).not.toHaveClass('is-disabled');
 });
 test('Switch focuses when tabbed to', function () {
   getComponent();
-
   var input = _testWrapper.screen.getByRole('switch');
-
   _userEvent["default"].tab();
-
   expect(input).toHaveFocus();
 });
 test('Switch toggles with keyboard', function () {
@@ -119,18 +85,12 @@ test('Switch toggles with keyboard', function () {
   getComponent({
     onChange: onChange
   });
-
   var input = _testWrapper.screen.getByRole('switch');
-
   expect(input).not.toHaveFocus();
   expect(onChange).not.toHaveBeenCalled();
-
   _userEvent["default"].tab();
-
   expect(input).toHaveFocus();
-
   _userEvent["default"].type(input, '{space}');
-
   expect(onChange).toHaveBeenCalled();
 });
 test('switch field with helper text', function () {
@@ -138,8 +98,6 @@ test('switch field with helper text', function () {
   getComponent({
     helperText: helperText
   });
-
   var helper = _testWrapper.screen.getByText(helperText);
-
   expect(helper).toBeInTheDocument();
 });

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

package/lib/cjs/components/Tab/Tab.js

@@ -1,113 +1,84 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.TabLine = exports.CollectionTab = 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 _reactAria = require("react-aria");
-
 var _reactStately = require("react-stately");
-
 var _interactions = require("@react-aria/interactions");
-
-var _Tabs = require("../Tabs");
-
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _ = require("../..");
 var _hooks = require("../../hooks");
-
 var _orientation = _interopRequireDefault(require("../../utils/devUtils/constants/orientation"));
-
 var _TabPicker = _interopRequireDefault(require("../TabPicker"));
-
-var _ = require("../..");
-
+var _Tabs = require("../Tabs");
 var _react2 = require("@emotion/react");
-
 var _excluded = ["icon", "isDisabled", "separator", "tabLabelProps", "tabLineProps", "content", "titleAttr", "title"];
-
 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; }
-
 /**
  * Tab control for dividing up closely-related content.
  * Typically used as a child of the Tabs component.
  */
+
 var CollectionTab = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var className = props.className,
-      item = props.item,
-      tabsDisabled = props.isDisabled,
-      orientation = props.orientation,
-      mode = props.mode,
-      slots = props.slots,
-      tooltipTriggerProps = props.tooltipTriggerProps;
+    item = props.item,
+    tabsDisabled = props.isDisabled,
+    orientation = props.orientation,
+    mode = props.mode,
+    slots = props.slots,
+    tooltipTriggerProps = props.tooltipTriggerProps;
   var key = item.key,
-      rendered = item.rendered,
-      itemProps = item.props;
+    rendered = item.rendered,
+    itemProps = item.props;
   var icon = itemProps.icon,
-      tabDisabled = itemProps.isDisabled,
-      separator = itemProps.separator,
-      tabLabelProps = itemProps.tabLabelProps,
-      tabLineProps = itemProps.tabLineProps,
-      content = itemProps.content,
-      titleAttr = itemProps.titleAttr,
-      title = itemProps.title,
-      otherItemProps = (0, _objectWithoutProperties2["default"])(itemProps, _excluded);
+    tabDisabled = itemProps.isDisabled,
+    separator = itemProps.separator,
+    tabLabelProps = itemProps.tabLabelProps,
+    tabLineProps = itemProps.tabLineProps,
+    content = itemProps.content,
+    titleAttr = itemProps.titleAttr,
+    title = itemProps.title,
+    otherItemProps = (0, _objectWithoutProperties2["default"])(itemProps, _excluded);
   var state = (0, _react.useContext)(_Tabs.TabsContext);
   var isDisabled = tabsDisabled || tabDisabled || state.disabledKeys.has(key);
   var isSelected = state.selectedKey === key;
-
   var _useFocusRing = (0, _reactAria.useFocusRing)(),
-      isFocusVisible = _useFocusRing.isFocusVisible,
-      focusProps = _useFocusRing.focusProps;
-
+    isFocusVisible = _useFocusRing.isFocusVisible,
+    focusProps = _useFocusRing.focusProps;
   var _useHover = (0, _interactions.useHover)({}),
-      hoverProps = _useHover.hoverProps,
-      isHovered = _useHover.isHovered;
-
+    hoverProps = _useHover.hoverProps,
+    isHovered = _useHover.isHovered;
   var _useStatusClasses = (0, _hooks.useStatusClasses)(className, {
-    'is-focused': isFocusVisible,
-    'is-vertical': orientation === _orientation["default"].VERTICAL,
-    'is-horizontal': orientation === _orientation["default"].HORIZONTAL,
-    isDisabled: isDisabled,
-    isHovered: isHovered,
-    isSelected: isSelected
-  }),
-      classNames = _useStatusClasses.classNames;
-
+      'is-focused': isFocusVisible,
+      'is-vertical': orientation === _orientation["default"].VERTICAL,
+      'is-horizontal': orientation === _orientation["default"].HORIZONTAL,
+      isDisabled: isDisabled,
+      isHovered: isHovered,
+      isSelected: isSelected
+    }),
+    classNames = _useStatusClasses.classNames;
   var tabRef = (0, _react.useRef)();
   (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
   /* istanbul ignore next */
-
   (0, _react.useImperativeHandle)(ref, function () {
     return tabRef.current;
   });
-
   var _useTab = (0, _reactAria.useTab)({
-    key: key,
-    isDisabled: isDisabled
-  }, state, tabRef),
-      tabProps = _useTab.tabProps;
-
+      key: key,
+      isDisabled: isDisabled
+    }, state, tabRef),
+    tabProps = _useTab.tabProps;
   var tab = (0, _react2.jsx)(_.Box, {
     isRow: true
   }, slots === null || slots === void 0 ? void 0 : slots.beforeTab, (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
@@ -119,7 +90,6 @@ var CollectionTab = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }), icon, (0, _react2.jsx)(_.Text, (0, _extends2["default"])({
     variant: "tabLabel"
   }, tabLabelProps), rendered), isSelected && !isDisabled && (0, _react2.jsx)(TabLine, tabLineProps)), slots === null || slots === void 0 ? void 0 : slots.afterTab);
-
   if (mode === 'list' && itemProps.list) {
     return (0, _react2.jsx)(_TabPicker["default"], (0, _extends2["default"])({
       ref: tabRef,
@@ -129,7 +99,6 @@ var CollectionTab = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       item: item
     }, (0, _reactAria.mergeProps)(focusProps, hoverProps, tabProps), otherItemProps));
   }
-
   if (mode === 'tooltip') {
     return (0, _react2.jsx)(_react["default"].Fragment, null, separator, (0, _react2.jsx)(_.TooltipTrigger, (0, _extends2["default"])({}, tooltipTriggerProps, {
       isOpen: isHovered || isFocusVisible
@@ -137,7 +106,6 @@ var CollectionTab = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       variant: "quiet"
     }, tab)), (0, _react2.jsx)(_.Tooltip, null, itemProps.textValue || itemProps.title)));
   }
-
   return tab;
 });
 exports.CollectionTab = CollectionTab;
@@ -168,15 +136,14 @@ CollectionTab.propTypes = {
     afterTab: _propTypes["default"].node
   })
 };
-
 var TabLine = function TabLine(props) {
   return (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     role: "presentation",
     variant: "tabLine"
   }, props));
-}; // Export Item as default Tab for simplicity, convert to CollectionTab within Tabs component
-
+};
 
+// Export Item as default Tab for simplicity, convert to CollectionTab within Tabs component
 exports.TabLine = TabLine;
 var _default = _reactStately.Item;
 exports["default"] = _default;

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

@@ -1,39 +1,27 @@
 "use strict";
 
 var _context;
-
 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 _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _exportNames = {};
-
 _Object$defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _Tab["default"];
   }
 });
-
 var _Tab = _interopRequireWildcard(require("./Tab"));
-
 _forEachInstanceProperty(_context = _Object$keys(_Tab)).call(_context, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Tab[key]) return;
-
   _Object$defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
@@ -41,7 +29,5 @@ _forEachInstanceProperty(_context = _Object$keys(_Tab)).call(_context, function
     }
   });
 });
-
 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; }