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

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

@@ -1,114 +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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 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 _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 () {
@@ -117,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) {
@@ -130,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 {
@@ -165,31 +117,24 @@ 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, _reactAria.useLabel)(_objectSpread({}, props)),
-      raLabelProps = _useLabel.labelProps;
-
+    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;
-
+    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"])({
@@ -197,9 +142,9 @@ var ArrayField = function ArrayField(props) {
     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);
+      onComponentRender = _ref2.onComponentRender,
+      fieldValue = _ref2.fieldValue,
+      otherFieldProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
     return (0, _react2.jsx)(_.Box, {
       as: "li",
       mb: "xs",
@@ -222,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 _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,9 +115,7 @@ var Uncontrolled = function Uncontrolled(_ref) {
     }
   }, args));
 };
-
 exports.Uncontrolled = Uncontrolled;
-
 var Controlled = function Controlled() {
   var defaultDataSelectField = [{
     id: (0, _uuid.v4)(),
@@ -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;

package/lib/cjs/components/ArrayField/ArrayField.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 _testWrapper = require("../../utils/testUtils/testWrapper");
+var _TextField = _interopRequireDefault(require("../TextField"));
 var _ArrayField = _interopRequireDefault(require("./ArrayField"));
-
 var _ArrayFieldDeleteButton = _interopRequireDefault(require("./ArrayFieldDeleteButton"));
-
-var _TextField = _interopRequireDefault(require("../TextField"));
-
-var _testWrapper = require("../../utils/testUtils/testWrapper");
-
 var _react2 = require("@emotion/react");
-
 jest.mock('uuid', function () {
   return {
     v4: function v4() {
@@ -33,14 +25,12 @@ var defaultData = [{
 var defaultProps = {
   defaultValue: defaultData
 };
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return (0, _testWrapper.render)((0, _react2.jsx)(_ArrayField["default"], (0, _extends2["default"])({
     label: "test-label"
   }, defaultProps, props)));
 };
-
 var renderField = function renderField(id, value, onFieldValueChange, onFieldDelete, otherFieldProps) {
   return (0, _react2.jsx)(_TextField["default"], (0, _extends2["default"])({
     label: "Text field",
@@ -59,7 +49,6 @@ var renderField = function renderField(id, value, onFieldValueChange, onFieldDel
     }
   }, otherFieldProps));
 };
-
 test('displays multiple text fields', function () {
   var onChange = jest.fn();
   getComponent({
@@ -72,9 +61,7 @@ test('adds one text field and new empty field is added', function () {
   getComponent({
     renderField: renderField
   });
-
   _testWrapper.fireEvent.click(_testWrapper.screen.getByText('+ Add'));
-
   expect(_testWrapper.screen.getAllByLabelText('Text field')).toHaveLength(3);
 });
 test('onAdd callback is fired when adding field', function () {
@@ -87,18 +74,14 @@ test('onAdd callback is fired when adding field', function () {
     onAdd: onAdd,
     renderField: renderField
   });
-
   _testWrapper.fireEvent.click(_testWrapper.screen.getByText('+ Add'));
-
   expect(onAdd).toHaveBeenCalled();
 });
 test('deletes one text field and only one field is left', function () {
   getComponent({
     renderField: renderField
   });
-
   _testWrapper.fireEvent.click(_testWrapper.screen.getAllByRole('button')[0]);
-
   expect(_testWrapper.screen.getByLabelText('Text field')).toBeInTheDocument();
 });
 test('onDelete callback is fired when deleting field', function () {
@@ -111,22 +94,18 @@ test('onDelete callback is fired when deleting field', function () {
     onDelete: onDelete,
     renderField: renderField
   });
-
   _testWrapper.fireEvent.click(_testWrapper.screen.getAllByRole('button')[0]);
-
   expect(onDelete).toHaveBeenCalled();
 });
 test('Values are changed in text field', function () {
   getComponent({
     renderField: renderField
   });
-
   _testWrapper.fireEvent.change(_testWrapper.screen.getAllByLabelText('Text field')[0], {
     target: {
       value: '123'
     }
   });
-
   expect(_testWrapper.screen.getByDisplayValue('123')).toBeInTheDocument();
 });
 test('onChange gets called when field values are changed', function () {
@@ -139,13 +118,11 @@ test('onChange gets called when field values are changed', function () {
     renderField: renderField,
     defaultValue: defaultValue
   });
-
   _testWrapper.fireEvent.change(_testWrapper.screen.getAllByLabelText('Text field')[0], {
     target: {
       value: '123'
     }
   });
-
   expect(onChange).toHaveBeenNthCalledWith(1, [{
     id: '1',
     value: '123'
@@ -218,13 +195,9 @@ test('check if tooltip on delete button renders on hover', function () {
   (0, _testWrapper.render)((0, _react2.jsx)(_ArrayFieldDeleteButton["default"], {
     renderField: renderField
   }));
-
   var button = _testWrapper.screen.getByRole('button');
-
   _testWrapper.fireEvent.mouseMove(button);
-
   _testWrapper.fireEvent.mouseEnter(button);
-
   expect(_testWrapper.screen.queryByRole('tooltip')).not.toBeInTheDocument();
 });
 test('removes add button if max number of fields is reached', function () {
@@ -233,9 +206,7 @@ test('removes add button if max number of fields is reached', function () {
     maxSize: 3
   });
   expect(_testWrapper.screen.getAllByLabelText('Text field')).toHaveLength(2);
-
   _testWrapper.fireEvent.click(_testWrapper.screen.getByText('+ Add'));
-
   expect(_testWrapper.screen.getAllByLabelText('Text field')).toHaveLength(3);
   expect(_testWrapper.screen.queryByText('+ Add')).not.toBeInTheDocument();
   expect(_testWrapper.screen.getByText('Maximum 3 items.')).toBeInTheDocument();

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

@@ -1,31 +1,21 @@
 "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 _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _TrashIcon = _interopRequireDefault(require("mdi-react/TrashIcon"));
-
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _IconButton = _interopRequireDefault(require("../IconButton"));
-
 var _react2 = require("@emotion/react");
-
 var ArrayFieldDeleteButton = function ArrayFieldDeleteButton(_ref) {
   var isDisabled = _ref.isDisabled,
-      id = _ref.id,
-      onDelete = _ref.onDelete;
+    id = _ref.id,
+    onDelete = _ref.onDelete;
   return (0, _react2.jsx)(_IconButton["default"], {
     onPress: function onPress() {
       return onDelete(id);
@@ -46,7 +36,6 @@ var ArrayFieldDeleteButton = function ArrayFieldDeleteButton(_ref) {
     color: "neutral.40"
   }));
 };
-
 ArrayFieldDeleteButton.propTypes = {
   id: _propTypes["default"].number,
   isDisabled: _propTypes["default"].bool,

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

@@ -1,27 +1,21 @@
 "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, "ArrayFieldDeleteButton", {
   enumerable: true,
   get: function get() {
     return _ArrayFieldDeleteButton["default"];
   }
 });
-
 _Object$defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _ArrayField["default"];
   }
 });
-
 var _ArrayField = _interopRequireDefault(require("./ArrayField"));
-
 var _ArrayFieldDeleteButton = _interopRequireDefault(require("./ArrayFieldDeleteButton"));