@pingux/astro 1.28.2-alpha.2 → 1.29.0-alpha.0

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

@@ -2,13 +2,25 @@
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+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 _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
 
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
 
 _Object$defineProperty(exports, "__esModule", {
   value: true
@@ -32,17 +44,19 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/hel
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _overlays = require("@react-aria/overlays");
 
 var _data = require("@react-stately/data");
 
-var _index = require("../../index");
+var _2 = require("../../");
 
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
+var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
 
-var _Box = _interopRequireDefault(require("../Box"));
+var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 
 var _react2 = require("@emotion/react");
 
@@ -52,9 +66,13 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 
 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 _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(source), !0)).call(_context4, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var _default = {
   title: 'Form/LinkSelectField',
-  component: _index.LinkSelectField,
+  component: _2.LinkSelectField,
   parameters: {
     docs: {
       source: {
@@ -62,7 +80,7 @@ var _default = {
       }
     }
   },
-  argTypes: {
+  argTypes: _objectSpread({
     label: {
       control: {
         type: 'text'
@@ -104,18 +122,18 @@ var _default = {
         type: 'none'
       }
     }
-  }
+  }, _ariaAttributes.ariaAttributeBaseArgTypes)
 };
 exports["default"] = _default;
 
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_overlays.OverlayProvider, null, (0, _react2.jsx)(_index.LinkSelectField, (0, _extends2["default"])({}, args, {
+  return (0, _react2.jsx)(_overlays.OverlayProvider, null, (0, _react2.jsx)(_2.LinkSelectField, (0, _extends2["default"])({}, args, {
     width: "100%"
-  }), (0, _react2.jsx)(_index.Item, {
+  }), (0, _react2.jsx)(_2.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_index.Item, {
+  }, "Red"), (0, _react2.jsx)(_2.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_index.Item, {
+  }, "Blue"), (0, _react2.jsx)(_2.Item, {
     key: "yellow"
   }, "Yellow")));
 };
@@ -123,29 +141,29 @@ var Default = function Default(args) {
 exports.Default = Default;
 
 var LeftLabel = function LeftLabel() {
-  return (0, _react2.jsx)(_Box["default"], {
+  return (0, _react2.jsx)(_2.Box, {
     gap: "xl",
     width: "100%"
-  }, (0, _react2.jsx)(_index.LinkSelectField, {
+  }, (0, _react2.jsx)(_2.LinkSelectField, {
     helperText: "Here is some helpful text...",
     label: "Example Label",
     labelMode: "left"
-  }, (0, _react2.jsx)(_index.Item, {
+  }, (0, _react2.jsx)(_2.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_index.Item, {
+  }, "Red"), (0, _react2.jsx)(_2.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_index.Item, {
+  }, "Blue"), (0, _react2.jsx)(_2.Item, {
     key: "yellow"
-  }, "Yellow")), (0, _react2.jsx)(_index.LinkSelectField, {
+  }, "Yellow")), (0, _react2.jsx)(_2.LinkSelectField, {
     label: "Example Label that is much longer than the previous one",
     labelMode: "left"
-  }, (0, _react2.jsx)(_index.Item, {
+  }, (0, _react2.jsx)(_2.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_index.Item, {
+  }, "Red"), (0, _react2.jsx)(_2.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_index.Item, {
+  }, "Blue"), (0, _react2.jsx)(_2.Item, {
     key: "yellow"
-  }, "Yellow")), (0, _react2.jsx)(_index.LinkSelectField, {
+  }, "Yellow")), (0, _react2.jsx)(_2.LinkSelectField, {
     label: "Example label with set width",
     labelMode: "left",
     containerProps: {
@@ -153,11 +171,11 @@ var LeftLabel = function LeftLabel() {
         gridTemplateColumns: '120px auto'
       }
     }
-  }, (0, _react2.jsx)(_index.Item, {
+  }, (0, _react2.jsx)(_2.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_index.Item, {
+  }, "Red"), (0, _react2.jsx)(_2.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_index.Item, {
+  }, "Blue"), (0, _react2.jsx)(_2.Item, {
     key: "yellow"
   }, "Yellow")));
 };
@@ -181,15 +199,15 @@ var Controlled = function Controlled() {
     return setSelectedKey(key);
   };
 
-  return (0, _react2.jsx)(_index.LinkSelectField, {
+  return (0, _react2.jsx)(_2.LinkSelectField, {
     selectedKey: selectedKey,
     onSelectionChange: handleSelectionChange,
     label: "What's your favorite color?"
-  }, (0, _react2.jsx)(_index.Item, {
+  }, (0, _react2.jsx)(_2.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_index.Item, {
+  }, "Red"), (0, _react2.jsx)(_2.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_index.Item, {
+  }, "Blue"), (0, _react2.jsx)(_2.Item, {
     key: "yellow"
   }, "Yellow"));
 };
@@ -197,18 +215,18 @@ var Controlled = function Controlled() {
 exports.Controlled = Controlled;
 
 var WithNoneOption = function WithNoneOption() {
-  return (0, _react2.jsx)(_index.LinkSelectField, {
+  return (0, _react2.jsx)(_2.LinkSelectField, {
     label: "What's your favorite color?"
-  }, (0, _react2.jsx)(_index.Item, {
+  }, (0, _react2.jsx)(_2.Item, {
     key: "none"
-  }, "None"), (0, _react2.jsx)(_index.Item, {
+  }, "None"), (0, _react2.jsx)(_2.Item, {
     isSeparator: true,
     textValue: "-"
-  }, (0, _react2.jsx)(_index.Separator, null)), (0, _react2.jsx)(_index.Item, {
+  }, (0, _react2.jsx)(_2.Separator, null)), (0, _react2.jsx)(_2.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_index.Item, {
+  }, "Red"), (0, _react2.jsx)(_2.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_index.Item, {
+  }, "Blue"), (0, _react2.jsx)(_2.Item, {
     key: "yellow"
   }, "Yellow"));
 };
@@ -216,14 +234,14 @@ var WithNoneOption = function WithNoneOption() {
 exports.WithNoneOption = WithNoneOption;
 
 var DisabledField = function DisabledField() {
-  return (0, _react2.jsx)(_index.LinkSelectField, {
+  return (0, _react2.jsx)(_2.LinkSelectField, {
     label: "What's your favorite color?",
     isDisabled: true
-  }, (0, _react2.jsx)(_index.Item, {
+  }, (0, _react2.jsx)(_2.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_index.Item, {
+  }, "Red"), (0, _react2.jsx)(_2.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_index.Item, {
+  }, "Blue"), (0, _react2.jsx)(_2.Item, {
     key: "yellow"
   }, "Yellow"));
 };
@@ -231,14 +249,14 @@ var DisabledField = function DisabledField() {
 exports.DisabledField = DisabledField;
 
 var DisabledOptions = function DisabledOptions() {
-  return (0, _react2.jsx)(_index.LinkSelectField, {
+  return (0, _react2.jsx)(_2.LinkSelectField, {
     label: "What's your favorite color?",
     disabledKeys: ['blue']
-  }, (0, _react2.jsx)(_index.Item, {
+  }, (0, _react2.jsx)(_2.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_index.Item, {
+  }, "Red"), (0, _react2.jsx)(_2.Item, {
     key: "blue"
-  }, "Blue (disabled)"), (0, _react2.jsx)(_index.Item, {
+  }, "Blue (disabled)"), (0, _react2.jsx)(_2.Item, {
     key: "yellow"
   }, "Yellow"));
 };
@@ -246,7 +264,7 @@ var DisabledOptions = function DisabledOptions() {
 exports.DisabledOptions = DisabledOptions;
 
 var NoOptionsAvailable = function NoOptionsAvailable() {
-  return (0, _react2.jsx)(_index.LinkSelectField, {
+  return (0, _react2.jsx)(_2.LinkSelectField, {
     label: "Select an option...",
     isDisabled: true,
     defaultText: "No options available"
@@ -256,15 +274,15 @@ var NoOptionsAvailable = function NoOptionsAvailable() {
 exports.NoOptionsAvailable = NoOptionsAvailable;
 
 var HelperText = function HelperText() {
-  return (0, _react2.jsx)(_index.LinkSelectField, {
+  return (0, _react2.jsx)(_2.LinkSelectField, {
     status: "error",
     helperText: "Here is some helpful text...",
     label: "What's your favorite color?"
-  }, (0, _react2.jsx)(_index.Item, {
+  }, (0, _react2.jsx)(_2.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_index.Item, {
+  }, "Red"), (0, _react2.jsx)(_2.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_index.Item, {
+  }, "Blue"), (0, _react2.jsx)(_2.Item, {
     key: "yellow"
   }, "Yellow"));
 };
@@ -283,11 +301,11 @@ var DynamicItems = function DynamicItems() {
       _useState4 = (0, _slicedToArray2["default"])(_useState3, 1),
       items = _useState4[0];
 
-  return (0, _react2.jsx)(_overlays.OverlayProvider, null, (0, _react2.jsx)(_index.LinkSelectField, {
+  return (0, _react2.jsx)(_overlays.OverlayProvider, null, (0, _react2.jsx)(_2.LinkSelectField, {
     label: "Select an option...",
     items: items
   }, function (item) {
-    return (0, _react2.jsx)(_index.Item, {
+    return (0, _react2.jsx)(_2.Item, {
       key: item.key
     }, item.name);
   }));
@@ -343,13 +361,13 @@ var AsyncLoading = function AsyncLoading() {
       }))();
     }
   });
-  return (0, _react2.jsx)(_overlays.OverlayProvider, null, (0, _react2.jsx)(_index.LinkSelectField, {
+  return (0, _react2.jsx)(_overlays.OverlayProvider, null, (0, _react2.jsx)(_2.LinkSelectField, {
     label: "Pick a Pokemon",
     items: list.items,
     isLoading: list.isLoading,
     onLoadMore: list.loadMore
   }, function (item) {
-    return (0, _react2.jsx)(_index.Item, {
+    return (0, _react2.jsx)(_2.Item, {
       key: item.name
     }, item.name);
   }));

package/lib/cjs/components/MultivaluesField/MultivaluesField.js

@@ -48,36 +48,40 @@ var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _CloseIcon = _interopRequireDefault(require("mdi-react/CloseIcon"));
 
-var _i18n = require("@react-aria/i18n");
-
 var _focus = require("@react-aria/focus");
 
-var _list = require("@react-stately/list");
+var _i18n = require("@react-aria/i18n");
 
 var _overlays = require("@react-aria/overlays");
 
 var _utils = require("@react-aria/utils");
 
-var _ = require("../..");
+var _list = require("@react-stately/list");
 
-var _ListBox = _interopRequireDefault(require("../ListBox"));
+var _ = require("../../");
 
-var _isIterable = require("../../utils/devUtils/props/isIterable");
+var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
 
 var _hooks = require("../../hooks");
 
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
+var _ListBox = _interopRequireDefault(require("../ListBox"));
+
+var _isIterable = require("../../utils/devUtils/props/isIterable");
 
-var _FieldHelperText = _interopRequireDefault(require("../FieldHelperText"));
+var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 
 var _react2 = require("@emotion/react");
 
+var _excluded = ["defaultSelectedKeys", "direction", "disabledKeys", "containerProps", "hasAutoFocus", "hasNoStatusIndicator", "helperText", "inputProps", "isDisabled", "isNotFlippable", "isReadOnly", "isRequired", "items", "label", "mode", "onBlur", "onFocus", "onInputChange", "onKeyDown", "onKeyUp", "onOpenChange", "onSelectionChange", "placeholder", "readOnlyKeys", "selectedKeys", "scrollBoxProps", "status"];
+
 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; }
@@ -126,7 +130,12 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
       readOnlyKeys = _props$readOnlyKeys === void 0 ? [] : _props$readOnlyKeys,
       selectedKeys = props.selectedKeys,
       scrollBoxProps = props.scrollBoxProps,
-      status = props.status;
+      status = props.status,
+      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+
+  var _getAriaAttributeProp = (0, _ariaAttributes.getAriaAttributeProps)(others),
+      ariaProps = _getAriaAttributeProp.ariaProps;
+
   var hasCustomValue = mode === 'non-restrictive';
   (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
 
@@ -468,7 +477,7 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
       beforeInput: (0, _react2.jsx)(_react["default"].Fragment, null, readOnlyItems, " ", selectedItems, readOnlyInputEntry)
     },
     value: filterString
-  }, inputProps)), helperText && (0, _react2.jsx)(_FieldHelperText["default"], {
+  }, ariaProps, inputProps)), helperText && (0, _react2.jsx)(_.FieldHelperText, {
     status: status
   }, helperText), (0, _react2.jsx)(_.PopoverContainer, {
     ref: popoverRef,
@@ -479,7 +488,7 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     style: style
   }, listbox));
 });
-MultivaluesField.propTypes = {
+MultivaluesField.propTypes = _objectSpread({
   /** Props object that is spread directly into the root (top-level) Box component. */
   containerProps: _propTypes["default"].shape({}),
 
@@ -605,7 +614,7 @@ MultivaluesField.propTypes = {
 
   /** Determines the input status indicator and helper text styling. */
   status: _propTypes["default"].oneOf((0, _values["default"])(_statuses["default"]))
-};
+}, _ariaAttributes.ariaAttributesBasePropTypes);
 MultivaluesField.defaultProps = {
   direction: 'bottom',
   isReadOnly: false,

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

@@ -2,13 +2,25 @@
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+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 _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
 
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
 
 _Object$defineProperty(exports, "__esModule", {
   value: true
@@ -20,9 +32,13 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
 var _react = _interopRequireWildcard(require("react"));
 
-var _ = require("../..");
+var _ = require("../../");
+
+var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
 
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 
@@ -32,10 +48,14 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 
 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/MultivaluesField',
   component: _.MultivaluesField,
-  argTypes: {
+  argTypes: _objectSpread({
     direction: {
       defaultValue: 'bottom'
     },
@@ -82,7 +102,7 @@ var _default = {
         type: 'text'
       }
     }
-  },
+  }, _ariaAttributes.ariaAttributeBaseArgTypes),
   parameters: {
     docs: {
       source: {

package/lib/cjs/components/NumberField/NumberField.js

@@ -54,12 +54,14 @@ var _utils = require("@react-aria/utils");
 
 var _omit = _interopRequireDefault(require("lodash/omit"));
 
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
+var _ = require("../../");
 
-var _index = require("../../index");
+var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
 
 var _hooks = require("../../hooks");
 
+var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
+
 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); }
@@ -113,20 +115,20 @@ var NumberField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (0, _react.useImperativeHandle)(ref, function () {
     return inputRef.current;
   });
-  var ControlArrows = (0, _react2.jsx)(_index.Box, {
+  var ControlArrows = (0, _react2.jsx)(_.Box, {
     variant: "numberField.arrows"
-  }, (0, _react2.jsx)(_index.IconButton, (0, _extends2["default"])({}, incrementButtonProps, {
+  }, (0, _react2.jsx)(_.IconButton, (0, _extends2["default"])({}, incrementButtonProps, {
     ref: decRef,
     tabIndex: "-1",
     p: 0
-  }), (0, _react2.jsx)(_index.Icon, {
+  }), (0, _react2.jsx)(_.Icon, {
     icon: _MenuUpIcon["default"],
     size: 18
-  })), (0, _react2.jsx)(_index.IconButton, (0, _extends2["default"])({}, decrementButtonProps, {
+  })), (0, _react2.jsx)(_.IconButton, (0, _extends2["default"])({}, decrementButtonProps, {
     ref: incrRef,
     tabIndex: "-1",
     p: 0
-  }), (0, _react2.jsx)(_index.Icon, {
+  }), (0, _react2.jsx)(_.Icon, {
     icon: _MenuDownIcon["default"],
     size: 18
   }))); // this needed to remove console warning in React 16
@@ -175,25 +177,25 @@ var NumberField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   };
 
   inputProps['aria-roledescription'] = null;
-  return (0, _react2.jsx)(_index.Box, fieldContainerProps, (0, _react2.jsx)(_index.Label, (0, _utils.mergeProps)(fieldLabelProps, labelProps)), (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
+  return (0, _react2.jsx)(_.Box, fieldContainerProps, (0, _react2.jsx)(_.Label, (0, _utils.mergeProps)(fieldLabelProps, labelProps)), (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     variant: "numberField.noDefaultArrows"
-  }, groupProps), (0, _react2.jsx)(_index.Box, {
+  }, groupProps), (0, _react2.jsx)(_.Box, {
     variant: "numberField.arrowsWrapper",
     className: fieldControlProps.className
-  }, (0, _react2.jsx)(_index.Input, (0, _extends2["default"])({
+  }, (0, _react2.jsx)(_.Input, (0, _extends2["default"])({
     variant: "forms.input.numberField",
     ref: inputRef // we don't want to merge this props, we want to
     // overwrite them like defaultValue, value, ect.
 
   }, updatedFieldControlProps, (0, _omit["default"])(inputProps, ['name', 'onFocus', 'onBlur']), {
     onChange: onInputChange
-  })), ControlArrows), helperText && (0, _react2.jsx)(_index.FieldHelperText, {
+  })), ControlArrows), helperText && (0, _react2.jsx)(_.FieldHelperText, {
     status: status
   }, helperText)));
 });
 var _default = NumberField;
 exports["default"] = _default;
-NumberField.propTypes = {
+NumberField.propTypes = _objectSpread({
   /** A custom aria-label for the decrement button.
    * If not provided, the localized string "Decrement" is used. */
   decrementAriaLabel: _propTypes["default"].string,
@@ -278,4 +280,4 @@ NumberField.propTypes = {
 
   /** The current value (controlled). */
   value: _propTypes["default"].number
-};
+}, _ariaAttributes.ariaAttributesBasePropTypes);

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

@@ -2,13 +2,25 @@
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+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 _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
 
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
 
 _Object$defineProperty(exports, "__esModule", {
   value: true
@@ -18,8 +30,12 @@ exports["default"] = exports.WithHelperText = exports.Units = exports.StepValues
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
 var _react = _interopRequireWildcard(require("react"));
 
+var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
+
 var _NumberField = _interopRequireDefault(require("./NumberField"));
 
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
@@ -30,6 +46,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 
 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/NumberField',
   component: _NumberField["default"],
@@ -40,7 +60,7 @@ var _default = {
       }
     }
   },
-  argTypes: {
+  argTypes: _objectSpread({
     label: {
       control: {
         type: 'text'
@@ -113,7 +133,7 @@ var _default = {
         type: 'none'
       }
     }
-  }
+  }, _ariaAttributes.ariaAttributeBaseArgTypes)
 };
 exports["default"] = _default;