@pingux/astro 1.42.2 → 2.0.0-alpha.4

package/lib/cjs/components/AccordionItem/AccordionItem.js

@@ -1,114 +1,79 @@
 "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 _reactAria = require("react-aria");
+var _accordion = require("@react-aria/accordion");
+var _focus = require("@react-aria/focus");
+var _interactions = require("@react-aria/interactions");
 var _MenuDownIcon = _interopRequireDefault(require("mdi-react/MenuDownIcon"));
-
 var _MenuUpIcon = _interopRequireDefault(require("mdi-react/MenuUpIcon"));
-
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _themeUi = require("theme-ui");
-
-var _interactions = require("@react-aria/interactions");
-
-var _utils = require("@react-aria/utils");
-
-var _accordion = require("@react-aria/accordion");
-
-var _button = require("@react-aria/button");
-
-var _focus = require("@react-aria/focus");
-
-var _index = require("../../index");
-
-var _hooks = require("../../hooks");
-
 var _AccordionContext = require("../../context/AccordionContext");
-
+var _hooks = require("../../hooks");
+var _index = require("../../index");
 var _react2 = require("@emotion/react");
-
 var _excluded = ["label", "children", "textValue", "containerProps", "buttonProps", "regionProps"];
-
 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 AccordionItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var className = props.className,
-      item = props.item;
+    item = props.item;
   var _item$props = item.props,
-      label = _item$props.label,
-      children = _item$props.children,
-      textValue = _item$props.textValue,
-      _item$props$container = _item$props.containerProps,
-      containerProps = _item$props$container === void 0 ? {} : _item$props$container,
-      _item$props$buttonPro = _item$props.buttonProps,
-      buttonProps = _item$props$buttonPro === void 0 ? {} : _item$props$buttonPro,
-      _item$props$regionPro = _item$props.regionProps,
-      regionProps = _item$props$regionPro === void 0 ? {} : _item$props$regionPro,
-      others = (0, _objectWithoutProperties2["default"])(_item$props, _excluded);
+    label = _item$props.label,
+    children = _item$props.children,
+    textValue = _item$props.textValue,
+    _item$props$container = _item$props.containerProps,
+    containerProps = _item$props$container === void 0 ? {} : _item$props$container,
+    _item$props$buttonPro = _item$props.buttonProps,
+    buttonProps = _item$props$buttonPro === void 0 ? {} : _item$props$buttonPro,
+    _item$props$regionPro = _item$props.regionProps,
+    regionProps = _item$props$regionPro === void 0 ? {} : _item$props$regionPro,
+    others = (0, _objectWithoutProperties2["default"])(_item$props, _excluded);
   var state = (0, _react.useContext)(_AccordionContext.AccordionContext);
   var buttonRef = (0, _react.useRef)();
-
   var _useAccordionItem = (0, _accordion.useAccordionItem)(props, state, buttonRef),
-      accordionButtonProps = _useAccordionItem.buttonProps,
-      accordionRegionProps = _useAccordionItem.regionProps;
-
+    accordionButtonProps = _useAccordionItem.buttonProps,
+    accordionRegionProps = _useAccordionItem.regionProps;
   var _useHover = (0, _interactions.useHover)(props),
-      hoverProps = _useHover.hoverProps,
-      isHovered = _useHover.isHovered;
-
+    hoverProps = _useHover.hoverProps,
+    isHovered = _useHover.isHovered;
   var _useFocusRing = (0, _focus.useFocusRing)(),
-      focusProps = _useFocusRing.focusProps,
-      isFocusVisible = _useFocusRing.isFocusVisible;
-
+    focusProps = _useFocusRing.focusProps,
+    isFocusVisible = _useFocusRing.isFocusVisible;
   var isOpen = state.expandedKeys.has(item.key);
   var isDisabled = state.disabledKeys.has(item.key);
-  /* istanbul ignore next */
 
+  /* istanbul ignore next */
   (0, _react.useImperativeHandle)(ref, function () {
     return buttonRef.current;
   });
-
-  var _useButton = (0, _button.useButton)(props, buttonRef),
-      isPressed = _useButton.isPressed,
-      raButtonProps = _useButton.buttonProps;
-
+  var _useButton = (0, _reactAria.useButton)(props, buttonRef),
+    isPressed = _useButton.isPressed,
+    raButtonProps = _useButton.buttonProps;
   var _useStatusClasses = (0, _hooks.useStatusClasses)(className, {
-    isOpen: isOpen,
-    isDisabled: isDisabled,
-    isPressed: isPressed
-  }),
-      itemClasses = _useStatusClasses.classNames;
-
+      isOpen: isOpen,
+      isDisabled: isDisabled,
+      isPressed: isPressed
+    }),
+    itemClasses = _useStatusClasses.classNames;
   var _useStatusClasses2 = (0, _hooks.useStatusClasses)(null, {
-    isHovered: isHovered,
-    isFocused: isFocusVisible,
-    isPressed: isPressed
-  }),
-      buttonClasses = _useStatusClasses2.classNames;
-
+      isHovered: isHovered,
+      isFocused: isFocusVisible,
+      isPressed: isPressed
+    }),
+    buttonClasses = _useStatusClasses2.classNames;
   var ariaLabel = props['aria-label'] || item.props.label;
   return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
     variant: "accordion.accordion",
@@ -121,18 +86,18 @@ var AccordionItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       px: '0',
       height: 'unset'
     },
-    variant: "accordionHeader",
+    variant: "variants.accordion.header",
     className: buttonClasses
-  }, (0, _utils.mergeProps)(hoverProps, accordionButtonProps, raButtonProps, buttonProps, focusProps)), (0, _react2.jsx)(_index.Text, {
+  }, (0, _reactAria.mergeProps)(hoverProps, accordionButtonProps, raButtonProps, buttonProps, focusProps)), (0, _react2.jsx)(_index.Text, {
     className: buttonClasses,
-    variant: "accordion.accordionTitle"
+    variant: "accordion.title"
   }, item.props.label), (0, _react2.jsx)(_index.Box, {
     as: "span",
     ml: "5px"
   }, (0, _react2.jsx)(_index.Icon, {
     icon: isOpen ? _MenuUpIcon["default"] : _MenuDownIcon["default"]
   }))), isOpen && (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
-    variant: "accordion.accordionBody"
+    variant: "accordion.body"
   }, accordionRegionProps, regionProps, {
     className: itemClasses
   }), item.rendered));

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

package/lib/cjs/components/ArrayField/ArrayField.js

@@ -1,118 +1,70 @@
 "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 _filterInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = void 0;
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
-
 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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _label = require("@react-aria/label");
-
-var _utils = require("@react-aria/utils");
-
+var _reactAria = require("react-aria");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uuid = require("uuid");
-
-var _ = require("../../");
-
+var _ = require("../..");
+var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
-
-var _ArrayFieldItem = _interopRequireDefault(require("./ArrayFieldItem"));
-
 var _isValidPositiveInt = _interopRequireDefault(require("../../utils/devUtils/props/isValidPositiveInt"));
-
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-
 var _react2 = require("@emotion/react");
-
 var _excluded = ["addButtonLabel", "defaultValue", "value", "label", "helperText", "status", "onAdd", "onChange", "onDelete", "renderField", "labelProps", "maxSize", "maxSizeText"],
-    _excluded2 = ["id", "onComponentRender", "fieldValue"];
-
+  _excluded2 = ["id", "onComponentRender", "fieldValue"];
 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 = _filterInstanceProperty2(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 _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /**
  * Displays array collections providing useful functions and
  * optimizations for arrays.
  */
 var ArrayField = function ArrayField(props) {
   var _context2;
-
   var addButtonLabel = props.addButtonLabel,
-      defaultValue = props.defaultValue,
-      value = props.value,
-      label = props.label,
-      helperText = props.helperText,
-      status = props.status,
-      onAdd = props.onAdd,
-      onChange = props.onChange,
-      onDelete = props.onDelete,
-      renderField = props.renderField,
-      labelProps = props.labelProps,
-      maxSize = props.maxSize,
-      maxSizeText = props.maxSizeText,
-      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+    defaultValue = props.defaultValue,
+    value = props.value,
+    label = props.label,
+    helperText = props.helperText,
+    status = props.status,
+    onAdd = props.onAdd,
+    onChange = props.onChange,
+    onDelete = props.onDelete,
+    renderField = props.renderField,
+    labelProps = props.labelProps,
+    maxSize = props.maxSize,
+    maxSizeText = props.maxSizeText,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var valueRef = _react["default"].useRef(value);
-
   valueRef.current = value;
-
   var onAddRef = _react["default"].useRef(onAdd);
-
   onAddRef.current = onAdd;
-
   var onChangeRef = _react["default"].useRef(onChange);
-
   onChangeRef.current = onChange;
-
   var onDeleteRef = _react["default"].useRef(onDelete);
-
   onDeleteRef.current = onDelete;
   var isControlled = value !== undefined;
   var createEmptyField = (0, _react.useCallback)(function () {
@@ -121,12 +73,10 @@ var ArrayField = function ArrayField(props) {
       value: ''
     };
   }, []);
-
   var _useState = (0, _react.useState)(defaultValue || [createEmptyField()]),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      fieldValues = _useState2[0],
-      setFieldValues = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    fieldValues = _useState2[0],
+    setFieldValues = _useState2[1];
   var mapArrayFieldWithNewValue = (0, _react.useCallback)(function (arrValues, newValue, fieldId) {
     return (0, _map["default"])(arrValues).call(arrValues, function (fieldValue) {
       if (fieldValue.id === fieldId) {
@@ -134,17 +84,15 @@ var ArrayField = function ArrayField(props) {
           value: newValue
         });
       }
-
       return fieldValue;
     });
   }, []);
   var onFieldValueChange = (0, _react.useCallback)(function (event, fieldId) {
-    var tempValue = event; // Checks if value received is a key or event
-
+    var tempValue = event;
+    // Checks if value received is a key or event
     if (typeof event !== 'string') {
       tempValue = event.target.value;
     }
-
     if (isControlled) {
       onChangeRef.current(mapArrayFieldWithNewValue(valueRef.current, tempValue, fieldId));
     } else {
@@ -169,51 +117,46 @@ var ArrayField = function ArrayField(props) {
     if (isControlled) {
       return onAddRef.current();
     }
-
     return setFieldValues(function (oldValues) {
       var _context;
-
       return (0, _concat["default"])(_context = []).call(_context, oldValues, [createEmptyField()]);
     });
   }, [createEmptyField, isControlled]);
-
-  var _useLabel = (0, _label.useLabel)(_objectSpread({}, props)),
-      raLabelProps = _useLabel.labelProps;
-
+  var _useLabel = (0, _reactAria.useLabel)(_objectSpread({}, props)),
+    raLabelProps = _useLabel.labelProps;
   var isLimitReached = !!maxSize && (value || fieldValues).length >= maxSize;
-
+  var isDisabled = (value || fieldValues).length === 1;
+  var renderedItem = (0, _react.useCallback)(function (id, fieldValue, otherFieldProps, onComponentRender) {
+    if (onComponentRender) {
+      return onComponentRender(id, fieldValue, onFieldValueChange, onFieldDelete, isDisabled, otherFieldProps);
+    }
+    return renderField(id, fieldValue, onFieldValueChange, onFieldDelete, isDisabled, otherFieldProps);
+  }, [onFieldValueChange, onFieldDelete, renderField, isDisabled]);
   var _getAriaAttributeProp = (0, _ariaAttributes.getAriaAttributeProps)(others),
-      ariaProps = _getAriaAttributeProp.ariaProps,
-      nonAriaProps = _getAriaAttributeProp.nonAriaProps;
-
-  return (0, _react2.jsx)(_.Box, nonAriaProps, (0, _react2.jsx)(_.Label, (0, _extends2["default"])({}, raLabelProps, (0, _utils.mergeProps)(labelProps, raLabelProps, {
+    ariaProps = _getAriaAttributeProp.ariaProps,
+    nonAriaProps = _getAriaAttributeProp.nonAriaProps;
+  return (0, _react2.jsx)(_.Box, nonAriaProps, (0, _react2.jsx)(_.Label, (0, _extends2["default"])({}, raLabelProps, (0, _reactAria.mergeProps)(labelProps, raLabelProps, {
     children: label
   }))), (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     as: "ul",
     pl: "0"
   }, ariaProps), (0, _map["default"])(_context2 = value || fieldValues).call(_context2, function (_ref2) {
     var id = _ref2.id,
-        onComponentRender = _ref2.onComponentRender,
-        fieldValue = _ref2.fieldValue,
-        otherFieldProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
-    var isDisabled = (value || fieldValues).length === 1;
-    return (0, _react2.jsx)(_ArrayFieldItem["default"], (0, _extends2["default"])({
-      key: id,
-      id: id,
-      isDisabled: isDisabled,
-      fieldValue: fieldValue,
-      onComponentRender: onComponentRender,
-      onFieldValueChange: onFieldValueChange,
-      onFieldDelete: onFieldDelete,
-      renderField: renderField
-    }, otherFieldProps));
+      onComponentRender = _ref2.onComponentRender,
+      fieldValue = _ref2.fieldValue,
+      otherFieldProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
+    return (0, _react2.jsx)(_.Box, {
+      as: "li",
+      mb: "xs",
+      key: id
+    }, renderedItem(id, fieldValue, otherFieldProps, onComponentRender));
   })), helperText && (0, _react2.jsx)(_.FieldHelperText, {
     status: status
   }, helperText), isLimitReached && (0, _react2.jsx)(_.FieldHelperText, {
     status: _statuses["default"].DEFAULT
   }, maxSizeText || "Maximum ".concat(maxSize, " items.")), !isLimitReached && (0, _react2.jsx)(_.Button, {
     "aria-label": "Add field",
-    variant: "text",
+    variant: "link",
     onPress: onFieldAdd,
     sx: {
       width: 'fit-content',
@@ -224,50 +167,37 @@ var ArrayField = function ArrayField(props) {
     color: "active"
   }, addButtonLabel)));
 };
-
 ArrayField.propTypes = _objectSpread({
   /** Label for add button */
   addButtonLabel: _propTypes["default"].string,
-
   /** The default value for the array input field (uncontrolled). */
   defaultValue: _propTypes["default"].arrayOf(_propTypes["default"].shape({
     id: _propTypes["default"].string,
     value: _propTypes["default"].string
   })),
-
   /** The default value of the array input field (controlled). */
   value: _propTypes["default"].arrayOf(_propTypes["default"].shape({
     id: _propTypes["default"].string,
     value: _propTypes["default"].string
   })),
-
   /** The rendered label for the field. */
   label: _propTypes["default"].node,
-
   /** Props object that is spread directly into the label element. */
   labelProps: _propTypes["default"].shape({}),
-
   /** Text to display before add button. Useful for errors or other info. */
   helperText: _propTypes["default"].node,
-
   /** Callback for changing array field data  */
   onChange: _propTypes["default"].func,
-
   /** Callback for adding new empty field */
   onAdd: _propTypes["default"].func,
-
   /** Callback for deleting a field */
   onDelete: _propTypes["default"].func,
-
   /** Render prop to display an input field */
   renderField: _propTypes["default"].func,
-
   /** Determines the helper text styling. */
   status: _propTypes["default"].oneOf((0, _values["default"])(_statuses["default"])),
-
   /** Determines the maximum number of items */
   maxSize: _isValidPositiveInt["default"],
-
   /** Text to display when the maximum number of items is reached */
   maxSizeText: _propTypes["default"].node
 }, _ariaAttributes.ariaAttributesBasePropTypes);

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

@@ -1,55 +1,32 @@
 "use strict";
 
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
 var _filterInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.WithLimitedItemsNumber = exports.Uncontrolled = exports.Controlled = void 0;
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _overlays = require("@react-aria/overlays");
-
+var _reactAria = require("react-aria");
 var _uuid = require("uuid");
-
-var _ = require("../../");
-
+var _ = require("../..");
 var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
-
 var _react2 = require("@emotion/react");
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty2(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; }
-
 var _default = {
   title: 'Form/ArrayField',
   component: _.ArrayField,
@@ -102,9 +79,8 @@ var defaultData = [{
   id: (0, _uuid.v4)(),
   value: 'World'
 }];
-
 var Uncontrolled = function Uncontrolled(_ref) {
-  var args = (0, _extends2["default"])({}, _ref);
+  var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
   return (0, _react2.jsx)(_.ArrayField, (0, _extends2["default"])({
     defaultValue: defaultData,
     labelProps: {
@@ -139,15 +115,13 @@ var Uncontrolled = function Uncontrolled(_ref) {
     }
   }, args));
 };
-
 exports.Uncontrolled = Uncontrolled;
-
 var Controlled = function Controlled() {
   var defaultDataSelectField = [{
     id: (0, _uuid.v4)(),
     fieldValue: 'red',
     onComponentRender: function onComponentRender(id, fieldValue, onFieldValueChange, onFieldDelete, isDisabled, otherFieldProps) {
-      return (0, _react2.jsx)(_overlays.OverlayProvider, null, (0, _react2.jsx)(_.SelectField, (0, _extends2["default"])({
+      return (0, _react2.jsx)(_reactAria.OverlayProvider, null, (0, _react2.jsx)(_.SelectField, (0, _extends2["default"])({
         defaultSelectedKey: fieldValue,
         onSelectionChange: function onSelectionChange(e) {
           return onFieldValueChange(e, id);
@@ -173,7 +147,7 @@ var Controlled = function Controlled() {
     id: (0, _uuid.v4)(),
     fieldValue: 'black',
     onComponentRender: function onComponentRender(id, fieldValue, onFieldValueChange, onFieldDelete, isDisabled, otherFieldProps) {
-      return (0, _react2.jsx)(_overlays.OverlayProvider, null, (0, _react2.jsx)(_.SelectField, (0, _extends2["default"])({
+      return (0, _react2.jsx)(_reactAria.OverlayProvider, null, (0, _react2.jsx)(_.SelectField, (0, _extends2["default"])({
         defaultSelectedKey: fieldValue,
         onSelectionChange: function onSelectionChange(key) {
           return onFieldValueChange(key, id);
@@ -200,7 +174,7 @@ var Controlled = function Controlled() {
     id: (0, _uuid.v4)(),
     fieldValue: 'blue',
     onComponentRender: function onComponentRender(id, fieldValue, onFieldValueChange, onFieldDelete, isDisabled, otherFieldProps) {
-      return (0, _react2.jsx)(_overlays.OverlayProvider, null, (0, _react2.jsx)(_.SelectField, (0, _extends2["default"])({
+      return (0, _react2.jsx)(_reactAria.OverlayProvider, null, (0, _react2.jsx)(_.SelectField, (0, _extends2["default"])({
         defaultSelectedKey: fieldValue,
         onSelectionChange: function onSelectionChange(e) {
           return onFieldValueChange(e, id);
@@ -223,24 +197,19 @@ var Controlled = function Controlled() {
       }, "Turquoise")));
     }
   };
-
   var _React$useState = _react["default"].useState(defaultDataSelectField),
-      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-      fieldValues = _React$useState2[0],
-      setFieldValues = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    fieldValues = _React$useState2[0],
+    setFieldValues = _React$useState2[1];
   var handleOnChange = function handleOnChange(values) {
     setFieldValues(values);
   };
-
   var handleOnAdd = function handleOnAdd() {
     setFieldValues(function (oldValues) {
       var _context;
-
       return (0, _concat["default"])(_context = []).call(_context, oldValues, [defaultEmptyField]);
     });
   };
-
   var handleOnDelete = function handleOnDelete(fieldId) {
     setFieldValues(function (oldValues) {
       return (0, _filter["default"])(oldValues).call(oldValues, function (_ref2) {
@@ -249,7 +218,6 @@ var Controlled = function Controlled() {
       });
     });
   };
-
   return (0, _react2.jsx)(_.ArrayField, {
     value: fieldValues,
     helperText: "Here is some helpful text...",
@@ -261,11 +229,9 @@ var Controlled = function Controlled() {
     }
   });
 };
-
 exports.Controlled = Controlled;
-
 var WithLimitedItemsNumber = function WithLimitedItemsNumber(_ref3) {
-  var args = (0, _extends2["default"])({}, _ref3);
+  var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref3), _ref3));
   return (0, _react2.jsx)(_.ArrayField, (0, _extends2["default"])({
     defaultValue: defaultData,
     renderField: function renderField(id, fieldValue, onFieldValueChange, onFieldDelete, isDisabled, otherFieldProps) {
@@ -292,5 +258,4 @@ var WithLimitedItemsNumber = function WithLimitedItemsNumber(_ref3) {
     maxSize: 3
   }, args));
 };
-
 exports.WithLimitedItemsNumber = WithLimitedItemsNumber;