@dhis2/ui-forms 8.1.10 → 8.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/build/cjs/CheckboxFieldFF/CheckboxFieldFF.js +24 -21
  2. package/build/cjs/CheckboxFieldFF/CheckboxFieldFF.stories.js +3 -27
  3. package/build/cjs/FieldGroupFF/FieldGroupFF.js +7 -6
  4. package/build/cjs/FieldGroupFF/FieldGroupFF.stories.js +3 -13
  5. package/build/cjs/FileInputFieldFF/FileInputFieldFF.js +17 -18
  6. package/build/cjs/FileInputFieldFF/FileInputFieldFF.stories.e2e.js +12 -8
  7. package/build/cjs/FileInputFieldFF/FileInputFieldFF.stories.js +3 -27
  8. package/build/cjs/InputFieldFF/InputFieldFF.js +27 -24
  9. package/build/cjs/InputFieldFF/InputFieldFF.stories.js +3 -27
  10. package/build/cjs/MultiSelectFieldFF/MultiSelectFieldFF.js +15 -14
  11. package/build/cjs/MultiSelectFieldFF/MultiSelectFieldFF.stories.e2e.js +13 -10
  12. package/build/cjs/MultiSelectFieldFF/MultiSelectFieldFF.stories.js +3 -29
  13. package/build/cjs/RadioFieldFF/RadioFieldFF.js +24 -21
  14. package/build/cjs/RadioFieldFF/RadioFieldFF.stories.js +3 -27
  15. package/build/cjs/SingleSelectFieldFF/SingleSelectFieldFF.js +15 -14
  16. package/build/cjs/SingleSelectFieldFF/SingleSelectFieldFF.stories.e2e.js +13 -10
  17. package/build/cjs/SingleSelectFieldFF/SingleSelectFieldFF.stories.js +3 -29
  18. package/build/cjs/SwitchFieldFF/SwitchFieldFF.js +24 -21
  19. package/build/cjs/SwitchFieldFF/SwitchFieldFF.stories.js +3 -27
  20. package/build/cjs/TextAreaFieldFF/TextAreaFieldFF.js +26 -23
  21. package/build/cjs/TextAreaFieldFF/TextAreaFieldFF.stories.js +3 -27
  22. package/build/cjs/formDecorator.js +6 -5
  23. package/build/cjs/index.js +12 -11
  24. package/build/cjs/locales/en/translations.json +0 -1
  25. package/build/cjs/shared/helpers/createChangeHandler.js +19 -16
  26. package/build/cjs/shared/helpers/createSelectChangeHandler.js +10 -6
  27. package/build/cjs/shared/propTypes.js +1 -1
  28. package/build/cjs/transformers/arrayWithIdObjects.js +6 -3
  29. package/build/cjs/validators/__tests__/createPattern.test.js +1 -1
  30. package/build/cjs/validators/composeValidators.js +10 -2
  31. package/build/cjs/validators/helpers/index.js +1 -1
  32. package/build/cjs/validators/number.js +1 -1
  33. package/build/cjs/validators/string.js +1 -1
  34. package/build/cjs/validators/test-helpers/index.js +2 -2
  35. package/build/cjs/validators/url.js +1 -1
  36. package/build/es/CheckboxFieldFF/CheckboxFieldFF.js +24 -21
  37. package/build/es/CheckboxFieldFF/CheckboxFieldFF.stories.js +2 -26
  38. package/build/es/FieldGroupFF/FieldGroupFF.js +7 -6
  39. package/build/es/FieldGroupFF/FieldGroupFF.stories.js +2 -12
  40. package/build/es/FileInputFieldFF/FileInputFieldFF.js +17 -18
  41. package/build/es/FileInputFieldFF/FileInputFieldFF.stories.e2e.js +12 -8
  42. package/build/es/FileInputFieldFF/FileInputFieldFF.stories.js +2 -26
  43. package/build/es/InputFieldFF/InputFieldFF.js +27 -24
  44. package/build/es/InputFieldFF/InputFieldFF.stories.js +2 -26
  45. package/build/es/MultiSelectFieldFF/MultiSelectFieldFF.js +15 -14
  46. package/build/es/MultiSelectFieldFF/MultiSelectFieldFF.stories.e2e.js +13 -10
  47. package/build/es/MultiSelectFieldFF/MultiSelectFieldFF.stories.js +2 -28
  48. package/build/es/RadioFieldFF/RadioFieldFF.js +24 -21
  49. package/build/es/RadioFieldFF/RadioFieldFF.stories.js +2 -26
  50. package/build/es/SingleSelectFieldFF/SingleSelectFieldFF.js +15 -14
  51. package/build/es/SingleSelectFieldFF/SingleSelectFieldFF.stories.e2e.js +13 -10
  52. package/build/es/SingleSelectFieldFF/SingleSelectFieldFF.stories.js +2 -28
  53. package/build/es/SwitchFieldFF/SwitchFieldFF.js +24 -21
  54. package/build/es/SwitchFieldFF/SwitchFieldFF.stories.js +2 -26
  55. package/build/es/TextAreaFieldFF/TextAreaFieldFF.js +26 -23
  56. package/build/es/TextAreaFieldFF/TextAreaFieldFF.stories.js +2 -26
  57. package/build/es/formDecorator.js +6 -5
  58. package/build/es/locales/en/translations.json +0 -1
  59. package/build/es/shared/helpers/createChangeHandler.js +19 -16
  60. package/build/es/shared/helpers/createSelectChangeHandler.js +10 -6
  61. package/build/es/transformers/arrayWithIdObjects.js +6 -3
  62. package/build/es/validators/__tests__/createPattern.test.js +1 -1
  63. package/build/es/validators/composeValidators.js +10 -2
  64. package/build/es/validators/test-helpers/index.js +1 -1
  65. package/package.json +10 -10
@@ -3,33 +3,7 @@ import { Field } from 'react-final-form';
3
3
  import { formDecorator } from '../formDecorator.js';
4
4
  import { inputArgType, metaArgType } from '../shared/propTypes.js';
5
5
  import { SingleSelectFieldFF } from './SingleSelectFieldFF.js';
6
- const description = `
7
- 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.
8
-
9
- #### Final Form
10
-
11
- See how to use Final Form at [Final Form - Getting Started](https://final-form.org/docs/react-final-form/getting-started).
12
-
13
- 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.
14
-
15
- #### Props
16
-
17
- The props shown in the table below are generally provided to the \`SingleSelectFieldFF\` wrapper by the Final Form \`Field\`.
18
-
19
- 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}\`.
20
-
21
- Therefore, to add any props to the \`SingleSelectFieldFF\` or \`SingleSelectField\`, add those props to the parent Final Form \`Field\` component.
22
-
23
- Also see \`SingleSelect\` and \`SingleSelectField\` for notes about props and implementation.
24
-
25
- \`\`\`js
26
- import { SingleSelectFieldFF } from '@dhis2/ui'
27
- \`\`\`
28
-
29
- Press **Submit** to see the form values logged to the console.
30
-
31
- _**Note:** Dropdowns may not appear correctly on this page. See the affected demos in the 'Canvas' tab for propper dropdown placement._
32
- `;
6
+ 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";
33
7
  const options = [{
34
8
  value: '1',
35
9
  label: 'one'
@@ -62,7 +36,7 @@ const options = [{
62
36
  label: 'ten'
63
37
  }];
64
38
  export default {
65
- title: 'Forms/Single Select/Single Select Field (Final Form)',
39
+ title: 'Single Select Field (Final Form)',
66
40
  component: SingleSelectFieldFF,
67
41
  decorators: [formDecorator],
68
42
  parameters: {
@@ -5,27 +5,30 @@ import PropTypes from 'prop-types';
5
5
  import React from 'react';
6
6
  import { createToggleChangeHandler, createFocusHandler, createBlurHandler, hasError, isValid, getValidationText } from '../shared/helpers.js';
7
7
  import { metaPropType, inputPropType } from '../shared/propTypes.js';
8
- export const SwitchFieldFF = ({
9
- error,
10
- input,
11
- meta,
12
- showValidStatus,
13
- valid,
14
- validationText,
15
- onBlur,
16
- onFocus,
17
- ...rest
18
- }) => /*#__PURE__*/React.createElement(SwitchField, _extends({}, rest, {
19
- checked: input.checked,
20
- name: input.name,
21
- value: input.value,
22
- error: hasError(meta, error),
23
- valid: isValid(meta, valid, showValidStatus),
24
- validationText: getValidationText(meta, validationText, error),
25
- onFocus: createFocusHandler(input, onFocus),
26
- onChange: createToggleChangeHandler(input),
27
- onBlur: createBlurHandler(input, onBlur)
28
- }));
8
+ export const SwitchFieldFF = _ref => {
9
+ let {
10
+ error,
11
+ input,
12
+ meta,
13
+ showValidStatus,
14
+ valid,
15
+ validationText,
16
+ onBlur,
17
+ onFocus,
18
+ ...rest
19
+ } = _ref;
20
+ return /*#__PURE__*/React.createElement(SwitchField, _extends({}, rest, {
21
+ checked: input.checked,
22
+ name: input.name,
23
+ value: input.value,
24
+ error: hasError(meta, error),
25
+ valid: isValid(meta, valid, showValidStatus),
26
+ validationText: getValidationText(meta, validationText, error),
27
+ onFocus: createFocusHandler(input, onFocus),
28
+ onChange: createToggleChangeHandler(input),
29
+ onBlur: createBlurHandler(input, onBlur)
30
+ }));
31
+ };
29
32
  SwitchFieldFF.propTypes = {
30
33
  /** `input` props received from Final Form `Field` */
31
34
  input: inputPropType.isRequired,
@@ -4,33 +4,9 @@ import { formDecorator } from '../formDecorator.js';
4
4
  import { inputArgType, metaArgType } from '../shared/propTypes.js';
5
5
  import { hasValue } from '../validators/index.js';
6
6
  import { SwitchFieldFF } from './SwitchFieldFF.js';
7
- const description = `
8
- 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.
9
-
10
- #### Final Form
11
-
12
- See how to use Final Form at [Final Form - Getting Started](https://final-form.org/docs/react-final-form/getting-started).
13
-
14
- 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.
15
-
16
- #### Props
17
-
18
- The props shown in the table below are generally provided to the \`SwitchFieldFF\` wrapper by the Final Form \`Field\`.
19
-
20
- 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}\`.
21
-
22
- Therefore, to add any props to the \`SwitchFieldFF\` or \`SwitchField\`, add those props to the parent Final Form \`Field\` component.
23
-
24
- Also see \`Switch\` and \`SwitchField\` for notes about props and implementation.
25
-
26
- \`\`\`js
27
- import { SwitchFieldFF } from '@dhis2/ui'
28
- \`\`\`
29
-
30
- Press **Submit** to see the form values logged to the console.
31
- `;
7
+ 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";
32
8
  export default {
33
- title: 'Forms/Switch/Switch Field (Final Form)',
9
+ title: 'Switch Field (Final Form)',
34
10
  component: SwitchFieldFF,
35
11
  decorators: [formDecorator],
36
12
  parameters: {
@@ -5,29 +5,32 @@ import PropTypes from 'prop-types';
5
5
  import React from 'react';
6
6
  import { createChangeHandler, createFocusHandler, createBlurHandler, hasError, isLoading, isValid, getValidationText } from '../shared/helpers.js';
7
7
  import { metaPropType, inputPropType } from '../shared/propTypes.js';
8
- export const TextAreaFieldFF = ({
9
- input,
10
- meta,
11
- error,
12
- showValidStatus,
13
- valid,
14
- validationText,
15
- onBlur,
16
- onFocus,
17
- loading,
18
- showLoadingStatus,
19
- ...rest
20
- }) => /*#__PURE__*/React.createElement(TextAreaField, _extends({}, rest, {
21
- name: input.name,
22
- error: hasError(meta, error),
23
- valid: isValid(meta, valid, showValidStatus),
24
- loading: isLoading(meta, loading, showLoadingStatus),
25
- validationText: getValidationText(meta, validationText, error),
26
- onFocus: createFocusHandler(input, onFocus),
27
- onChange: createChangeHandler(input),
28
- onBlur: createBlurHandler(input, onBlur),
29
- value: input.value
30
- }));
8
+ export const TextAreaFieldFF = _ref => {
9
+ let {
10
+ input,
11
+ meta,
12
+ error,
13
+ showValidStatus,
14
+ valid,
15
+ validationText,
16
+ onBlur,
17
+ onFocus,
18
+ loading,
19
+ showLoadingStatus,
20
+ ...rest
21
+ } = _ref;
22
+ return /*#__PURE__*/React.createElement(TextAreaField, _extends({}, rest, {
23
+ name: input.name,
24
+ error: hasError(meta, error),
25
+ valid: isValid(meta, valid, showValidStatus),
26
+ loading: isLoading(meta, loading, showLoadingStatus),
27
+ validationText: getValidationText(meta, validationText, error),
28
+ onFocus: createFocusHandler(input, onFocus),
29
+ onChange: createChangeHandler(input),
30
+ onBlur: createBlurHandler(input, onBlur),
31
+ value: input.value
32
+ }));
33
+ };
31
34
  TextAreaFieldFF.propTypes = {
32
35
  /** `input` props received from Final Form `Field` */
33
36
  input: inputPropType.isRequired,
@@ -4,33 +4,9 @@ import { formDecorator } from '../formDecorator.js';
4
4
  import { inputArgType, metaArgType } from '../shared/propTypes.js';
5
5
  import { hasValue } from '../validators/index.js';
6
6
  import { TextAreaFieldFF } from './TextAreaFieldFF.js';
7
- const description = `
8
- 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.
9
-
10
- #### Final Form
11
-
12
- See how to use Final Form at [Final Form - Getting Started](https://final-form.org/docs/react-final-form/getting-started).
13
-
14
- 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.
15
-
16
- #### Props
17
-
18
- The props shown in the table below are generally provided to the \`TextAreaFieldFF\` wrapper by the Final Form \`Field\`.
19
-
20
- 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}\`.
21
-
22
- Therefore, to add any props to the \`TextAreaFieldFF\` or \`TextAreaField\`, add those props to the parent Final Form \`Field\` component.
23
-
24
- Also see \`TextArea\` and \`TextAreaField\` for notes about props and implementation.
25
-
26
- \`\`\`js
27
- import { TextAreaFieldFF } from '@dhis2/ui'
28
- \`\`\`
29
-
30
- Press **Submit** to see the form values logged to the console.
31
- `;
7
+ 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";
32
8
  export default {
33
- title: 'Forms/Text Area/Text Area Field (Final Form)',
9
+ title: 'Text Area Field (Final Form)',
34
10
  component: TextAreaFieldFF,
35
11
  decorators: [formDecorator],
36
12
  parameters: {
@@ -12,8 +12,8 @@ const formProps = {
12
12
  };
13
13
 
14
14
  class FormWithSpyAndSubmit extends React.Component {
15
- constructor(...args) {
16
- super(...args);
15
+ constructor() {
16
+ super(...arguments);
17
17
 
18
18
  _defineProperty(this, "state", {
19
19
  cypressProps: {}
@@ -55,9 +55,10 @@ class FormWithSpyAndSubmit extends React.Component {
55
55
  }), /*#__PURE__*/React.createElement(Button, {
56
56
  primary: true,
57
57
  type: "submit"
58
- }, "Submit"), /*#__PURE__*/React.createElement(FormSpy, null, ({
59
- values
60
- }) => {
58
+ }, "Submit"), /*#__PURE__*/React.createElement(FormSpy, null, _ref => {
59
+ let {
60
+ values
61
+ } = _ref;
61
62
  window.formValues = values;
62
63
  return /*#__PURE__*/React.createElement("span", {
63
64
  className: "form-spy-internal"
@@ -2,7 +2,6 @@
2
2
  "Upload file": "Upload file",
3
3
  "Upload files": "Upload files",
4
4
  "Remove": "Remove",
5
- "No file(s) selected yet": "No file(s) selected yet",
6
5
  "Please provide an alpha-numeric value": "Please provide an alpha-numeric value",
7
6
  "Please provide a boolean value": "Please provide a boolean value",
8
7
  "Please enter between {{lowerBound}} and {{upperBound}} characters": "Please enter between {{lowerBound}} and {{upperBound}} characters",
@@ -1,21 +1,24 @@
1
1
  const PRIMITIVE_TYPES = new Set(['string', 'number', 'boolean']);
2
2
 
3
- const createChangeHandler = ({
4
- onChange
5
- }) => payload => {
6
- if (payload && 'value' in payload) {
7
- // ui event signature
8
- onChange(payload.value);
9
- } else if (payload && payload.target && 'value' in payload.target) {
10
- // synthetic event
11
- onChange(payload.target.value);
12
- } else if (PRIMITIVE_TYPES.has(typeof payload)) {
13
- // directly usable value
14
- onChange(payload);
15
- } else {
16
- // ¯\_()_/¯
17
- throw new Error('Could not process event payload');
18
- }
3
+ const createChangeHandler = _ref => {
4
+ let {
5
+ onChange
6
+ } = _ref;
7
+ return payload => {
8
+ if (payload && 'value' in payload) {
9
+ // ui event signature
10
+ onChange(payload.value);
11
+ } else if (payload && payload.target && 'value' in payload.target) {
12
+ // synthetic event
13
+ onChange(payload.target.value);
14
+ } else if (PRIMITIVE_TYPES.has(typeof payload)) {
15
+ // directly usable value
16
+ onChange(payload);
17
+ } else {
18
+ // ¯\_(ツ)_/¯
19
+ throw new Error('Could not process event payload');
20
+ }
21
+ };
19
22
  };
20
23
 
21
24
  export { createChangeHandler };
@@ -1,9 +1,13 @@
1
- const createSelectChangeHandler = ({
2
- onChange
3
- }) => ({
4
- selected
5
- }) => {
6
- onChange(selected);
1
+ const createSelectChangeHandler = _ref => {
2
+ let {
3
+ onChange
4
+ } = _ref;
5
+ return _ref2 => {
6
+ let {
7
+ selected
8
+ } = _ref2;
9
+ onChange(selected);
10
+ };
7
11
  };
8
12
 
9
13
  export { createSelectChangeHandler };
@@ -1,6 +1,9 @@
1
- const format = value => !value ? [] : value.map(({
2
- id
3
- }) => id);
1
+ const format = value => !value ? [] : value.map(_ref => {
2
+ let {
3
+ id
4
+ } = _ref;
5
+ return id;
6
+ });
4
7
 
5
8
  const parse = value => !value || Array.isArray(value) && value.length === 0 ? undefined : value.map(id => ({
6
9
  id
@@ -20,7 +20,7 @@ describe('validator: createPattern', () => {
20
20
  });
21
21
  it('should return an error string when input does not match the pattern', () => {
22
22
  const escapedRegexString = '&#x2F;^test$&#x2F;';
23
- const invalidMsg = `Please make sure the value of this input matches the pattern ${escapedRegexString}.`;
23
+ const invalidMsg = "Please make sure the value of this input matches the pattern ".concat(escapedRegexString, ".");
24
24
  expect(equalToTestPattern('bad input')).toEqual(invalidMsg);
25
25
  });
26
26
  it('should return an custon error string when one was provided and input does not match the pattern', () => {
@@ -1,5 +1,13 @@
1
- export const composeValidators = (...validators) => {
2
- return (...args) => {
1
+ export const composeValidators = function () {
2
+ for (var _len = arguments.length, validators = new Array(_len), _key = 0; _key < _len; _key++) {
3
+ validators[_key] = arguments[_key];
4
+ }
5
+
6
+ return function () {
7
+ for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
8
+ args[_key2] = arguments[_key2];
9
+ }
10
+
3
11
  return validators.reduce((error, validator) => error || validator(...args), undefined);
4
12
  };
5
13
  };
@@ -4,7 +4,7 @@ const testValidatorValues = (validator, returnValue, values) => {
4
4
  for (const value of values) {
5
5
  const type = typeof value;
6
6
  const valueStr = type === 'object' ? JSON.stringify(value) : value;
7
- it(`should return ${returnValueStr} for value \`${valueStr}\` of type ${type}`, () => {
7
+ it("should return ".concat(returnValueStr, " for value `").concat(valueStr, "` of type ").concat(type), () => {
8
8
  expect(validator(value)).toBe(returnValue);
9
9
  });
10
10
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dhis2/ui-forms",
3
- "version": "8.1.10",
3
+ "version": "8.2.1",
4
4
  "main": "./build/cjs/index.js",
5
5
  "module": "./build/es/index.js",
6
6
  "sideEffects": [
@@ -34,15 +34,15 @@
34
34
  },
35
35
  "dependencies": {
36
36
  "@dhis2/prop-types": "^3.0.0-beta.1",
37
- "@dhis2-ui/button": "8.1.10",
38
- "@dhis2-ui/checkbox": "8.1.10",
39
- "@dhis2-ui/field": "8.1.10",
40
- "@dhis2-ui/file-input": "8.1.10",
41
- "@dhis2-ui/input": "8.1.10",
42
- "@dhis2-ui/radio": "8.1.10",
43
- "@dhis2-ui/select": "8.1.10",
44
- "@dhis2-ui/switch": "8.1.10",
45
- "@dhis2-ui/text-area": "8.1.10",
37
+ "@dhis2-ui/button": "8.2.1",
38
+ "@dhis2-ui/checkbox": "8.2.1",
39
+ "@dhis2-ui/field": "8.2.1",
40
+ "@dhis2-ui/file-input": "8.2.1",
41
+ "@dhis2-ui/input": "8.2.1",
42
+ "@dhis2-ui/radio": "8.2.1",
43
+ "@dhis2-ui/select": "8.2.1",
44
+ "@dhis2-ui/switch": "8.2.1",
45
+ "@dhis2-ui/text-area": "8.2.1",
46
46
  "classnames": "^2.3.1",
47
47
  "final-form": "^4.20.2",
48
48
  "prop-types": "^15.7.2",