@dhis2/ui-forms 8.2.0 → 8.2.1

package/build/cjs/SingleSelectFieldFF/SingleSelectFieldFF.js

@@ -19,20 +19,21 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const SingleSelectFieldFF = ({
-  error,
-  input,
-  loading,
-  meta,
-  onBlur,
-  onFocus,
-  options,
-  showLoadingStatus,
-  showValidStatus,
-  valid,
-  validationText,
-  ...rest
-}) => {
+const SingleSelectFieldFF = _ref => {
+  let {
+    error,
+    input,
+    loading,
+    meta,
+    onBlur,
+    onFocus,
+    options,
+    showLoadingStatus,
+    showValidStatus,
+    valid,
+    validationText,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_select.SingleSelectField, _extends({}, rest, {
     name: input.name,
     error: (0, _helpers.hasError)(meta, error),

package/build/cjs/SingleSelectFieldFF/SingleSelectFieldFF.stories.e2e.js

@@ -22,13 +22,16 @@ const defaultOptions = [{
   options: {
     showPanel: false
   }
-}).add('Required', (_, {
-  cypressProps
-}) => /*#__PURE__*/_react2.default.createElement(_reactFinalForm.Field, {
-  required: true,
-  name: "singleSelect",
-  label: "Single select",
-  component: _SingleSelectFieldFF.SingleSelectFieldFF,
-  validate: _index.hasValue,
-  options: cypressProps.options || defaultOptions
-}));
+}).add('Required', (_, _ref) => {
+  let {
+    cypressProps
+  } = _ref;
+  return /*#__PURE__*/_react2.default.createElement(_reactFinalForm.Field, {
+    required: true,
+    name: "singleSelect",
+    label: "Single select",
+    component: _SingleSelectFieldFF.SingleSelectFieldFF,
+    validate: _index.hasValue,
+    options: cypressProps.options || defaultOptions
+  });
+});

package/build/cjs/SingleSelectFieldFF/SingleSelectFieldFF.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InitialValue = exports.Default = exports.default = void 0;
+exports.default = exports.InitialValue = exports.Default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -17,33 +17,7 @@ var _SingleSelectFieldFF = require("./SingleSelectFieldFF.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const description = `
-The \`SingleSelectFieldFF\` is a wrapper around a \`SingleSelectField\` that enables it to work with Final Form, the preferred library for form validation and utilities in DHIS 2 apps.
-
-#### Final Form
-
-See how to use Final Form at [Final Form - Getting Started](https://final-form.org/docs/react-final-form/getting-started).
-
-Inside a Final Form \`<Form>\` component, these 'FF' UI components are intended to be used in the \`component\` prop of the [Final Form \`<Field>\` components](https://final-form.org/docs/react-final-form/api/Field) where they will receive some props from the Field, e.g. \`<Field component={SingleSelectFieldFF} />\`.  See the code samples below for examples.
-
-#### Props
-
-The props shown in the table below are generally provided to the \`SingleSelectFieldFF\` wrapper by the Final Form \`Field\`.
-
-Note that any props beyond the API of the \`Field\` component will be spread to the \`SingleSelectFieldFF\`, which passes any extra props to the underlying \`SingleSelectField\` using \`{...rest}\`.
-
-Therefore, to add any props to the \`SingleSelectFieldFF\` or \`SingleSelectField\`, add those props to the parent Final Form \`Field\` component.
-
-Also see \`SingleSelect\` and \`SingleSelectField\` for notes about props and implementation.
-
-\`\`\`js
-import { SingleSelectFieldFF } from '@dhis2/ui'
-\`\`\`
-
-Press **Submit** to see the form values logged to the console.
-
-_**Note:** Dropdowns may not appear correctly on this page. See the affected demos in the 'Canvas' tab for propper dropdown placement._
-`;
+const description = "\nThe `SingleSelectFieldFF` is a wrapper around a `SingleSelectField` that enables it to work with Final Form, the preferred library for form validation and utilities in DHIS 2 apps.\n\n#### Final Form\n\nSee how to use Final Form at [Final Form - Getting Started](https://final-form.org/docs/react-final-form/getting-started).\n\nInside a Final Form `<Form>` component, these 'FF' UI components are intended to be used in the `component` prop of the [Final Form `<Field>` components](https://final-form.org/docs/react-final-form/api/Field) where they will receive some props from the Field, e.g. `<Field component={SingleSelectFieldFF} />`.  See the code samples below for examples.\n\n#### Props\n\nThe props shown in the table below are generally provided to the `SingleSelectFieldFF` wrapper by the Final Form `Field`.\n\nNote that any props beyond the API of the `Field` component will be spread to the `SingleSelectFieldFF`, which passes any extra props to the underlying `SingleSelectField` using `{...rest}`.\n\nTherefore, to add any props to the `SingleSelectFieldFF` or `SingleSelectField`, add those props to the parent Final Form `Field` component.\n\nAlso see `SingleSelect` and `SingleSelectField` for notes about props and implementation.\n\n```js\nimport { SingleSelectFieldFF } from '@dhis2/ui'\n```\n\nPress **Submit** to see the form values logged to the console.\n\n_**Note:** Dropdowns may not appear correctly on this page. See the affected demos in the 'Canvas' tab for propper dropdown placement._\n";
 const options = [{
   value: '1',
   label: 'one'
@@ -76,7 +50,7 @@ const options = [{
   label: 'ten'
 }];
 var _default = {
-  title: 'Forms/Single Select/Single Select Field (Final Form)',
+  title: 'Single Select Field (Final Form)',
   component: _SingleSelectFieldFF.SingleSelectFieldFF,
   decorators: [_formDecorator.formDecorator],
   parameters: {

package/build/cjs/SwitchFieldFF/SwitchFieldFF.js

@@ -19,27 +19,30 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const SwitchFieldFF = ({
-  error,
-  input,
-  meta,
-  showValidStatus,
-  valid,
-  validationText,
-  onBlur,
-  onFocus,
-  ...rest
-}) => /*#__PURE__*/_react.default.createElement(_switch.SwitchField, _extends({}, rest, {
-  checked: input.checked,
-  name: input.name,
-  value: input.value,
-  error: (0, _helpers.hasError)(meta, error),
-  valid: (0, _helpers.isValid)(meta, valid, showValidStatus),
-  validationText: (0, _helpers.getValidationText)(meta, validationText, error),
-  onFocus: (0, _helpers.createFocusHandler)(input, onFocus),
-  onChange: (0, _helpers.createToggleChangeHandler)(input),
-  onBlur: (0, _helpers.createBlurHandler)(input, onBlur)
-}));
+const SwitchFieldFF = _ref => {
+  let {
+    error,
+    input,
+    meta,
+    showValidStatus,
+    valid,
+    validationText,
+    onBlur,
+    onFocus,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_switch.SwitchField, _extends({}, rest, {
+    checked: input.checked,
+    name: input.name,
+    value: input.value,
+    error: (0, _helpers.hasError)(meta, error),
+    valid: (0, _helpers.isValid)(meta, valid, showValidStatus),
+    validationText: (0, _helpers.getValidationText)(meta, validationText, error),
+    onFocus: (0, _helpers.createFocusHandler)(input, onFocus),
+    onChange: (0, _helpers.createToggleChangeHandler)(input),
+    onBlur: (0, _helpers.createBlurHandler)(input, onBlur)
+  }));
+};
 
 exports.SwitchFieldFF = SwitchFieldFF;
 SwitchFieldFF.propTypes = {

package/build/cjs/SwitchFieldFF/SwitchFieldFF.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ValueWhenChecked = exports.Statuses = exports.HelpText = exports.Disabled = exports.Required = exports.Default = exports.default = void 0;
+exports.default = exports.ValueWhenChecked = exports.Statuses = exports.Required = exports.HelpText = exports.Disabled = exports.Default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -19,33 +19,9 @@ var _SwitchFieldFF = require("./SwitchFieldFF.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const description = `
-The \`SwitchFieldFF\` is a wrapper around a \`SwitchField\` that enables it to work with Final Form, the preferred library for form validation and utilities in DHIS 2 apps.
-
-#### Final Form
-
-See how to use Final Form at [Final Form - Getting Started](https://final-form.org/docs/react-final-form/getting-started).
-
-Inside a Final Form \`<Form>\` component, these 'FF' UI components are intended to be used in the \`component\` prop of the [Final Form \`<Field>\` components](https://final-form.org/docs/react-final-form/api/Field) where they will receive some props from the Field, e.g. \`<Field component={SwitchFieldFF} />\`.  See the code samples below for examples.
-
-#### Props
-
-The props shown in the table below are generally provided to the \`SwitchFieldFF\` wrapper by the Final Form \`Field\`.
-
-Note that any props beyond the API of the \`Field\` component will be spread to the \`SwitchFieldFF\`, which passes any extra props to the underlying \`SwitchField\` using \`{...rest}\`.
-
-Therefore, to add any props to the \`SwitchFieldFF\` or \`SwitchField\`, add those props to the parent Final Form \`Field\` component.
-
-Also see \`Switch\` and \`SwitchField\` for notes about props and implementation.
-
-\`\`\`js
-import { SwitchFieldFF } from '@dhis2/ui'
-\`\`\`
-
-Press **Submit** to see the form values logged to the console.
-`;
+const description = "\nThe `SwitchFieldFF` is a wrapper around a `SwitchField` that enables it to work with Final Form, the preferred library for form validation and utilities in DHIS 2 apps.\n\n#### Final Form\n\nSee how to use Final Form at [Final Form - Getting Started](https://final-form.org/docs/react-final-form/getting-started).\n\nInside a Final Form `<Form>` component, these 'FF' UI components are intended to be used in the `component` prop of the [Final Form `<Field>` components](https://final-form.org/docs/react-final-form/api/Field) where they will receive some props from the Field, e.g. `<Field component={SwitchFieldFF} />`.  See the code samples below for examples.\n\n#### Props\n\nThe props shown in the table below are generally provided to the `SwitchFieldFF` wrapper by the Final Form `Field`.\n\nNote that any props beyond the API of the `Field` component will be spread to the `SwitchFieldFF`, which passes any extra props to the underlying `SwitchField` using `{...rest}`.\n\nTherefore, to add any props to the `SwitchFieldFF` or `SwitchField`, add those props to the parent Final Form `Field` component.\n\nAlso see `Switch` and `SwitchField` for notes about props and implementation.\n\n```js\nimport { SwitchFieldFF } from '@dhis2/ui'\n```\n\nPress **Submit** to see the form values logged to the console.\n";
 var _default = {
-  title: 'Forms/Switch/Switch Field (Final Form)',
+  title: 'Switch Field (Final Form)',
   component: _SwitchFieldFF.SwitchFieldFF,
   decorators: [_formDecorator.formDecorator],
   parameters: {

package/build/cjs/TextAreaFieldFF/TextAreaFieldFF.js

@@ -19,29 +19,32 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const TextAreaFieldFF = ({
-  input,
-  meta,
-  error,
-  showValidStatus,
-  valid,
-  validationText,
-  onBlur,
-  onFocus,
-  loading,
-  showLoadingStatus,
-  ...rest
-}) => /*#__PURE__*/_react.default.createElement(_textArea.TextAreaField, _extends({}, rest, {
-  name: input.name,
-  error: (0, _helpers.hasError)(meta, error),
-  valid: (0, _helpers.isValid)(meta, valid, showValidStatus),
-  loading: (0, _helpers.isLoading)(meta, loading, showLoadingStatus),
-  validationText: (0, _helpers.getValidationText)(meta, validationText, error),
-  onFocus: (0, _helpers.createFocusHandler)(input, onFocus),
-  onChange: (0, _helpers.createChangeHandler)(input),
-  onBlur: (0, _helpers.createBlurHandler)(input, onBlur),
-  value: input.value
-}));
+const TextAreaFieldFF = _ref => {
+  let {
+    input,
+    meta,
+    error,
+    showValidStatus,
+    valid,
+    validationText,
+    onBlur,
+    onFocus,
+    loading,
+    showLoadingStatus,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_textArea.TextAreaField, _extends({}, rest, {
+    name: input.name,
+    error: (0, _helpers.hasError)(meta, error),
+    valid: (0, _helpers.isValid)(meta, valid, showValidStatus),
+    loading: (0, _helpers.isLoading)(meta, loading, showLoadingStatus),
+    validationText: (0, _helpers.getValidationText)(meta, validationText, error),
+    onFocus: (0, _helpers.createFocusHandler)(input, onFocus),
+    onChange: (0, _helpers.createChangeHandler)(input),
+    onBlur: (0, _helpers.createBlurHandler)(input, onBlur),
+    value: input.value
+  }));
+};
 
 exports.TextAreaFieldFF = TextAreaFieldFF;
 TextAreaFieldFF.propTypes = {

package/build/cjs/TextAreaFieldFF/TextAreaFieldFF.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Statuses = exports.HelpText = exports.Disabled = exports.Required = exports.Autogrow = exports.Default = exports.default = void 0;
+exports.default = exports.Statuses = exports.Required = exports.HelpText = exports.Disabled = exports.Default = exports.Autogrow = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -19,33 +19,9 @@ var _TextAreaFieldFF = require("./TextAreaFieldFF.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const description = `
-The \`TextAreaFieldFF\` is a wrapper around a \`TextAreaField\` that enables it to work with Final Form, the preferred library for form validation and utilities in DHIS 2 apps.
-
-#### Final Form
-
-See how to use Final Form at [Final Form - Getting Started](https://final-form.org/docs/react-final-form/getting-started).
-
-Inside a Final Form \`<Form>\` component, these 'FF' UI components are intended to be used in the \`component\` prop of the [Final Form \`<Field>\` components](https://final-form.org/docs/react-final-form/api/Field) where they will receive some props from the Field, e.g. \`<Field component={TextAreaFieldFF} />\`.  See the code samples below for examples.
-
-#### Props
-
-The props shown in the table below are generally provided to the \`TextAreaFieldFF\` wrapper by the Final Form \`Field\`.
-
-Note that any props beyond the API of the \`Field\` component will be spread to the \`TextAreaFieldFF\`, which passes any extra props to the underlying \`TextAreaField\` using \`{...rest}\`.
-
-Therefore, to add any props to the \`TextAreaFieldFF\` or \`TextAreaField\`, add those props to the parent Final Form \`Field\` component.
-
-Also see \`TextArea\` and \`TextAreaField\` for notes about props and implementation.
-
-\`\`\`js
-import { TextAreaFieldFF } from '@dhis2/ui'
-\`\`\`
-
-Press **Submit** to see the form values logged to the console.
-`;
+const description = "\nThe `TextAreaFieldFF` is a wrapper around a `TextAreaField` that enables it to work with Final Form, the preferred library for form validation and utilities in DHIS 2 apps.\n\n#### Final Form\n\nSee how to use Final Form at [Final Form - Getting Started](https://final-form.org/docs/react-final-form/getting-started).\n\nInside a Final Form `<Form>` component, these 'FF' UI components are intended to be used in the `component` prop of the [Final Form `<Field>` components](https://final-form.org/docs/react-final-form/api/Field) where they will receive some props from the Field, e.g. `<Field component={TextAreaFieldFF} />`.  See the code samples below for examples.\n\n#### Props\n\nThe props shown in the table below are generally provided to the `TextAreaFieldFF` wrapper by the Final Form `Field`.\n\nNote that any props beyond the API of the `Field` component will be spread to the `TextAreaFieldFF`, which passes any extra props to the underlying `TextAreaField` using `{...rest}`.\n\nTherefore, to add any props to the `TextAreaFieldFF` or `TextAreaField`, add those props to the parent Final Form `Field` component.\n\nAlso see `TextArea` and `TextAreaField` for notes about props and implementation.\n\n```js\nimport { TextAreaFieldFF } from '@dhis2/ui'\n```\n\nPress **Submit** to see the form values logged to the console.\n";
 var _default = {
-  title: 'Forms/Text Area/Text Area Field (Final Form)',
+  title: 'Text Area Field (Final Form)',
   component: _TextAreaFieldFF.TextAreaFieldFF,
   decorators: [_formDecorator.formDecorator],
   parameters: {

package/build/cjs/formDecorator.js

@@ -25,8 +25,8 @@ const formProps = {
 };
 
 class FormWithSpyAndSubmit extends _react.default.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
 
     _defineProperty(this, "state", {
       cypressProps: {}
@@ -68,9 +68,10 @@ class FormWithSpyAndSubmit extends _react.default.Component {
     }), /*#__PURE__*/_react.default.createElement(_button.Button, {
       primary: true,
       type: "submit"
-    }, "Submit"), /*#__PURE__*/_react.default.createElement(_reactFinalForm.FormSpy, null, ({
-      values
-    }) => {
+    }, "Submit"), /*#__PURE__*/_react.default.createElement(_reactFinalForm.FormSpy, null, _ref => {
+      let {
+        values
+      } = _ref;
       window.formValues = values;
       return /*#__PURE__*/_react.default.createElement("span", {
         className: "form-spy-internal"

package/build/cjs/index.js

@@ -22,12 +22,19 @@ Object.defineProperty(exports, "CheckboxFieldFF", {
     return _CheckboxFieldFF.CheckboxFieldFF;
   }
 });
+Object.defineProperty(exports, "FieldGroupFF", {
+  enumerable: true,
+  get: function () {
+    return _FieldGroupFF.FieldGroupFF;
+  }
+});
 Object.defineProperty(exports, "FileInputFieldFF", {
   enumerable: true,
   get: function () {
     return _FileInputFieldFF.FileInputFieldFF;
   }
 });
+exports.FinalForm = void 0;
 Object.defineProperty(exports, "InputFieldFF", {
   enumerable: true,
   get: function () {
@@ -40,16 +47,17 @@ Object.defineProperty(exports, "MultiSelectFieldFF", {
     return _MultiSelectFieldFF.MultiSelectFieldFF;
   }
 });
-Object.defineProperty(exports, "SingleSelectFieldFF", {
+Object.defineProperty(exports, "RadioFieldFF", {
   enumerable: true,
   get: function () {
-    return _SingleSelectFieldFF.SingleSelectFieldFF;
+    return _RadioFieldFF.RadioFieldFF;
   }
 });
-Object.defineProperty(exports, "RadioFieldFF", {
+exports.ReactFinalForm = void 0;
+Object.defineProperty(exports, "SingleSelectFieldFF", {
   enumerable: true,
   get: function () {
-    return _RadioFieldFF.RadioFieldFF;
+    return _SingleSelectFieldFF.SingleSelectFieldFF;
   }
 });
 Object.defineProperty(exports, "SwitchFieldFF", {
@@ -64,13 +72,6 @@ Object.defineProperty(exports, "TextAreaFieldFF", {
     return _TextAreaFieldFF.TextAreaFieldFF;
   }
 });
-Object.defineProperty(exports, "FieldGroupFF", {
-  enumerable: true,
-  get: function () {
-    return _FieldGroupFF.FieldGroupFF;
-  }
-});
-exports.ReactFinalForm = exports.FinalForm = void 0;
 
 var FinalForm = _interopRequireWildcard(require("final-form"));
 

package/build/cjs/locales/en/translations.json

@@ -2,7 +2,6 @@
     "Upload file": "Upload file",
     "Upload files": "Upload files",
     "Remove": "Remove",
-    "No file(s) selected yet": "No file(s) selected yet",
     "Please provide an alpha-numeric value": "Please provide an alpha-numeric value",
     "Please provide a boolean value": "Please provide a boolean value",
     "Please enter between {{lowerBound}} and {{upperBound}} characters": "Please enter between {{lowerBound}} and {{upperBound}} characters",

package/build/cjs/shared/helpers/createChangeHandler.js

@@ -6,22 +6,25 @@ Object.defineProperty(exports, "__esModule", {
 exports.createChangeHandler = void 0;
 const PRIMITIVE_TYPES = new Set(['string', 'number', 'boolean']);
 
-const createChangeHandler = ({
-  onChange
-}) => payload => {
-  if (payload && 'value' in payload) {
-    // ui event signature
-    onChange(payload.value);
-  } else if (payload && payload.target && 'value' in payload.target) {
-    // synthetic event
-    onChange(payload.target.value);
-  } else if (PRIMITIVE_TYPES.has(typeof payload)) {
-    // directly usable value
-    onChange(payload);
-  } else {
-    // ¯\_(ツ)_/¯
-    throw new Error('Could not process event payload');
-  }
+const createChangeHandler = _ref => {
+  let {
+    onChange
+  } = _ref;
+  return payload => {
+    if (payload && 'value' in payload) {
+      // ui event signature
+      onChange(payload.value);
+    } else if (payload && payload.target && 'value' in payload.target) {
+      // synthetic event
+      onChange(payload.target.value);
+    } else if (PRIMITIVE_TYPES.has(typeof payload)) {
+      // directly usable value
+      onChange(payload);
+    } else {
+      // ¯\_(ツ)_/¯
+      throw new Error('Could not process event payload');
+    }
+  };
 };
 
 exports.createChangeHandler = createChangeHandler;

package/build/cjs/shared/helpers/createSelectChangeHandler.js

@@ -5,12 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createSelectChangeHandler = void 0;
 
-const createSelectChangeHandler = ({
-  onChange
-}) => ({
-  selected
-}) => {
-  onChange(selected);
+const createSelectChangeHandler = _ref => {
+  let {
+    onChange
+  } = _ref;
+  return _ref2 => {
+    let {
+      selected
+    } = _ref2;
+    onChange(selected);
+  };
 };
 
 exports.createSelectChangeHandler = createSelectChangeHandler;

package/build/cjs/shared/propTypes.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.metaArgType = exports.metaPropType = exports.inputArgType = exports.inputPropType = exports.toggleGroupOptionsProp = void 0;
+exports.toggleGroupOptionsProp = exports.metaPropType = exports.metaArgType = exports.inputPropType = exports.inputArgType = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 

package/build/cjs/transformers/arrayWithIdObjects.js

@@ -5,9 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.arrayWithIdObjects = void 0;
 
-const format = value => !value ? [] : value.map(({
-  id
-}) => id);
+const format = value => !value ? [] : value.map(_ref => {
+  let {
+    id
+  } = _ref;
+  return id;
+});
 
 const parse = value => !value || Array.isArray(value) && value.length === 0 ? undefined : value.map(id => ({
   id

package/build/cjs/validators/__tests__/createPattern.test.js

@@ -24,7 +24,7 @@ describe('validator: createPattern', () => {
   });
   it('should return an error string when input does not match the pattern', () => {
     const escapedRegexString = '/^test$/';
-    const invalidMsg = `Please make sure the value of this input matches the pattern ${escapedRegexString}.`;
+    const invalidMsg = "Please make sure the value of this input matches the pattern ".concat(escapedRegexString, ".");
     expect(equalToTestPattern('bad input')).toEqual(invalidMsg);
   });
   it('should return an custon error string when one was provided and input does not match the pattern', () => {

package/build/cjs/validators/composeValidators.js

@@ -5,8 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.composeValidators = void 0;
 
-const composeValidators = (...validators) => {
-  return (...args) => {
+const composeValidators = function () {
+  for (var _len = arguments.length, validators = new Array(_len), _key = 0; _key < _len; _key++) {
+    validators[_key] = arguments[_key];
+  }
+
+  return function () {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
     return validators.reduce((error, validator) => error || validator(...args), undefined);
   };
 };

package/build/cjs/validators/helpers/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.requireArgument = exports.requiredArgumentErrorMessage = exports.toNumber = exports.isInRange = exports.isNumeric = exports.isNumber = exports.isInteger = exports.isString = exports.isEmpty = void 0;
+exports.toNumber = exports.requiredArgumentErrorMessage = exports.requireArgument = exports.isString = exports.isNumeric = exports.isNumber = exports.isInteger = exports.isInRange = exports.isEmpty = void 0;
 
 const isEmpty = value => typeof value === 'undefined' || value === null || value === '';
 

package/build/cjs/validators/number.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.invalidNumberMessage = exports.number = void 0;
+exports.number = exports.invalidNumberMessage = void 0;
 
 var _index = _interopRequireDefault(require("../locales/index.js"));
 

package/build/cjs/validators/string.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.invalidStringMessage = exports.string = void 0;
+exports.string = exports.invalidStringMessage = void 0;
 
 var _index = _interopRequireDefault(require("../locales/index.js"));
 

package/build/cjs/validators/test-helpers/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowsEmptyValues = exports.testValidatorValues = void 0;
+exports.testValidatorValues = exports.allowsEmptyValues = void 0;
 
 const testValidatorValues = (validator, returnValue, values) => {
   const returnValueStr = returnValue === undefined ? 'undefined' : 'an error string';
@@ -11,7 +11,7 @@ const testValidatorValues = (validator, returnValue, values) => {
   for (const value of values) {
     const type = typeof value;
     const valueStr = type === 'object' ? JSON.stringify(value) : value;
-    it(`should return ${returnValueStr} for value \`${valueStr}\` of type ${type}`, () => {
+    it("should return ".concat(returnValueStr, " for value `").concat(valueStr, "` of type ").concat(type), () => {
       expect(validator(value)).toBe(returnValue);
     });
   }

package/build/cjs/validators/url.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.invalidUrlMessage = exports.url = void 0;
+exports.url = exports.invalidUrlMessage = void 0;
 
 var _index = _interopRequireDefault(require("../locales/index.js"));