@dhis2/ui-forms 8.1.11 → 8.2.2

package/build/es/MultiSelectFieldFF/MultiSelectFieldFF.stories.e2e.js

@@ -15,13 +15,16 @@ storiesOf('Testing:MultiSelectFieldFF', module).addDecorator(formDecorator).addP
   options: {
     showPanel: false
   }
-}).add('Required', (_, {
-  cypressProps
-}) => /*#__PURE__*/React.createElement(Field, {
-  required: true,
-  name: "multiSelect",
-  label: "Multi select",
-  component: MultiSelectFieldFF,
-  validate: hasValue,
-  options: cypressProps.options || defaultOptions
-}));
+}).add('Required', (_, _ref) => {
+  let {
+    cypressProps
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Field, {
+    required: true,
+    name: "multiSelect",
+    label: "Multi select",
+    component: MultiSelectFieldFF,
+    validate: hasValue,
+    options: cypressProps.options || defaultOptions
+  });
+});

package/build/es/MultiSelectFieldFF/MultiSelectFieldFF.stories.js

@@ -3,33 +3,7 @@ import { Field } from 'react-final-form';
 import { formDecorator } from '../formDecorator.js';
 import { inputArgType, metaArgType } from '../shared/propTypes.js';
 import { MultiSelectFieldFF } from './MultiSelectFieldFF.js';
-const description = `
-The \`MultiSelectFieldFF\` is a wrapper around a \`MultiSelectField\` 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={MultiSelectFieldFF} />\`.  See the code samples below for examples.
-
-#### Props
-
-The props shown in the table below are generally provided to the \`MultiSelectFieldFF\` wrapper by the Final Form \`Field\`.
-
-Note that any props beyond the API of the \`Field\` component will be spread to the \`MultiSelectFieldFF\`, which passes any extra props to the underlying \`MultiSelectField\` using \`{...rest}\`.
-
-Therefore, to add any props to the \`MultiSelectFieldFF\` or \`MultiSelectField\`, add those props to the parent Final Form \`Field\` component.
-
-Also see \`MultiSelect\` and \`MultiSelectField\` for notes about props and implementation.
-
-\`\`\`js
-import { MultiSelectFieldFF } 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 `MultiSelectFieldFF` is a wrapper around a `MultiSelectField` 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={MultiSelectFieldFF} />`.  See the code samples below for examples.\n\n#### Props\n\nThe props shown in the table below are generally provided to the `MultiSelectFieldFF` wrapper by the Final Form `Field`.\n\nNote that any props beyond the API of the `Field` component will be spread to the `MultiSelectFieldFF`, which passes any extra props to the underlying `MultiSelectField` using `{...rest}`.\n\nTherefore, to add any props to the `MultiSelectFieldFF` or `MultiSelectField`, add those props to the parent Final Form `Field` component.\n\nAlso see `MultiSelect` and `MultiSelectField` for notes about props and implementation.\n\n```js\nimport { MultiSelectFieldFF } 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'
@@ -63,7 +37,7 @@ const options = [{
 }];
 const initialValue = ['3', '4', '9', '10'];
 export default {
-  title: 'Forms/Multi Select/Multi Select Field (Final Form)',
+  title: 'Multi Select Field (Final Form)',
   component: MultiSelectFieldFF,
   decorators: [formDecorator],
   parameters: {

package/build/es/RadioFieldFF/RadioFieldFF.js

@@ -5,27 +5,30 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { createToggleChangeHandler, createFocusHandler, createBlurHandler, hasError, isValid, getValidationText } from '../shared/helpers.js';
 import { metaPropType, inputPropType } from '../shared/propTypes.js';
-export const RadioFieldFF = ({
-  error,
-  input,
-  meta,
-  showValidStatus,
-  valid,
-  validationText,
-  onBlur,
-  onFocus,
-  ...rest
-}) => /*#__PURE__*/React.createElement(Radio, _extends({}, rest, {
-  name: input.name,
-  checked: input.checked,
-  value: input.value,
-  error: hasError(meta, error),
-  valid: isValid(meta, valid, showValidStatus),
-  validationText: getValidationText(meta, validationText, error),
-  onFocus: createFocusHandler(input, onFocus),
-  onChange: createToggleChangeHandler(input),
-  onBlur: createBlurHandler(input, onBlur)
-}));
+export const RadioFieldFF = _ref => {
+  let {
+    error,
+    input,
+    meta,
+    showValidStatus,
+    valid,
+    validationText,
+    onBlur,
+    onFocus,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Radio, _extends({}, rest, {
+    name: input.name,
+    checked: input.checked,
+    value: input.value,
+    error: hasError(meta, error),
+    valid: isValid(meta, valid, showValidStatus),
+    validationText: getValidationText(meta, validationText, error),
+    onFocus: createFocusHandler(input, onFocus),
+    onChange: createToggleChangeHandler(input),
+    onBlur: createBlurHandler(input, onBlur)
+  }));
+};
 RadioFieldFF.propTypes = {
   /** `input` props received from Final Form `Field` */
   input: inputPropType.isRequired,

package/build/es/RadioFieldFF/RadioFieldFF.stories.js

@@ -4,33 +4,9 @@ import { Field } from 'react-final-form';
 import { formDecorator } from '../formDecorator.js';
 import { inputArgType, metaArgType } from '../shared/propTypes.js';
 import { RadioFieldFF } from './RadioFieldFF.js';
-const description = `
-The \`RadioFieldFF\` is a wrapper around a \`Radio\` 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={RadioFieldFF} />\`.  See the code samples below for examples.
-
-#### Props
-
-The props shown in the table below are generally provided to the \`RadioFieldFF\` wrapper by the Final Form \`Field\`.
-
-Note that any props beyond the API of the \`Field\` component will be spread to the \`RadioFieldFF\`, which passes any extra props to the underlying \`Radio\` using \`{...rest}\`.
-
-Therefore, to add any props to the \`RadioFieldFF\` or \`Radio\`, add those props to the parent Final Form \`Field\` component.
-
-Also see \`Radio\` for notes about props and implementation.
-
-\`\`\`js
-import { RadioFieldFF } from '@dhis2/ui'
-\`\`\`
-
-Press **Submit** to see the form values logged to the console.
-`;
+const description = "\nThe `RadioFieldFF` is a wrapper around a `Radio` 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={RadioFieldFF} />`.  See the code samples below for examples.\n\n#### Props\n\nThe props shown in the table below are generally provided to the `RadioFieldFF` wrapper by the Final Form `Field`.\n\nNote that any props beyond the API of the `Field` component will be spread to the `RadioFieldFF`, which passes any extra props to the underlying `Radio` using `{...rest}`.\n\nTherefore, to add any props to the `RadioFieldFF` or `Radio`, add those props to the parent Final Form `Field` component.\n\nAlso see `Radio` for notes about props and implementation.\n\n```js\nimport { RadioFieldFF } from '@dhis2/ui'\n```\n\nPress **Submit** to see the form values logged to the console.\n";
 export default {
-  title: 'Forms/Radio/Radio Field (Final Form)',
+  title: 'Radio Field (Final Form)',
   component: RadioFieldFF,
   decorators: [formDecorator],
   parameters: {

package/build/es/SingleSelectFieldFF/SingleSelectFieldFF.js

@@ -5,20 +5,21 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { createSelectChangeHandler, createFocusHandler, createBlurHandler, hasError, isLoading, isValid, getValidationText } from '../shared/helpers.js';
 import { inputPropType, metaPropType } from '../shared/propTypes.js';
-export const SingleSelectFieldFF = ({
-  error,
-  input,
-  loading,
-  meta,
-  onBlur,
-  onFocus,
-  options,
-  showLoadingStatus,
-  showValidStatus,
-  valid,
-  validationText,
-  ...rest
-}) => {
+export const SingleSelectFieldFF = _ref => {
+  let {
+    error,
+    input,
+    loading,
+    meta,
+    onBlur,
+    onFocus,
+    options,
+    showLoadingStatus,
+    showValidStatus,
+    valid,
+    validationText,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React.createElement(SingleSelectField, _extends({}, rest, {
     name: input.name,
     error: hasError(meta, error),

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

@@ -12,13 +12,16 @@ storiesOf('Testing:SingleSelectFieldFF', module).addDecorator(formDecorator).add
   options: {
     showPanel: false
   }
-}).add('Required', (_, {
-  cypressProps
-}) => /*#__PURE__*/React.createElement(Field, {
-  required: true,
-  name: "singleSelect",
-  label: "Single select",
-  component: SingleSelectFieldFF,
-  validate: hasValue,
-  options: cypressProps.options || defaultOptions
-}));
+}).add('Required', (_, _ref) => {
+  let {
+    cypressProps
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Field, {
+    required: true,
+    name: "singleSelect",
+    label: "Single select",
+    component: SingleSelectFieldFF,
+    validate: hasValue,
+    options: cypressProps.options || defaultOptions
+  });
+});

package/build/es/SingleSelectFieldFF/SingleSelectFieldFF.stories.js

@@ -3,33 +3,7 @@ import { Field } from 'react-final-form';
 import { formDecorator } from '../formDecorator.js';
 import { inputArgType, metaArgType } from '../shared/propTypes.js';
 import { SingleSelectFieldFF } from './SingleSelectFieldFF.js';
-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'
@@ -62,7 +36,7 @@ const options = [{
   label: 'ten'
 }];
 export default {
-  title: 'Forms/Single Select/Single Select Field (Final Form)',
+  title: 'Single Select Field (Final Form)',
   component: SingleSelectFieldFF,
   decorators: [formDecorator],
   parameters: {

package/build/es/SwitchFieldFF/SwitchFieldFF.js

@@ -5,27 +5,30 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { createToggleChangeHandler, createFocusHandler, createBlurHandler, hasError, isValid, getValidationText } from '../shared/helpers.js';
 import { metaPropType, inputPropType } from '../shared/propTypes.js';
-export const SwitchFieldFF = ({
-  error,
-  input,
-  meta,
-  showValidStatus,
-  valid,
-  validationText,
-  onBlur,
-  onFocus,
-  ...rest
-}) => /*#__PURE__*/React.createElement(SwitchField, _extends({}, rest, {
-  checked: input.checked,
-  name: input.name,
-  value: input.value,
-  error: hasError(meta, error),
-  valid: isValid(meta, valid, showValidStatus),
-  validationText: getValidationText(meta, validationText, error),
-  onFocus: createFocusHandler(input, onFocus),
-  onChange: createToggleChangeHandler(input),
-  onBlur: createBlurHandler(input, onBlur)
-}));
+export const SwitchFieldFF = _ref => {
+  let {
+    error,
+    input,
+    meta,
+    showValidStatus,
+    valid,
+    validationText,
+    onBlur,
+    onFocus,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/React.createElement(SwitchField, _extends({}, rest, {
+    checked: input.checked,
+    name: input.name,
+    value: input.value,
+    error: hasError(meta, error),
+    valid: isValid(meta, valid, showValidStatus),
+    validationText: getValidationText(meta, validationText, error),
+    onFocus: createFocusHandler(input, onFocus),
+    onChange: createToggleChangeHandler(input),
+    onBlur: createBlurHandler(input, onBlur)
+  }));
+};
 SwitchFieldFF.propTypes = {
   /** `input` props received from Final Form `Field` */
   input: inputPropType.isRequired,

package/build/es/SwitchFieldFF/SwitchFieldFF.stories.js

@@ -4,33 +4,9 @@ import { formDecorator } from '../formDecorator.js';
 import { inputArgType, metaArgType } from '../shared/propTypes.js';
 import { hasValue } from '../validators/index.js';
 import { SwitchFieldFF } from './SwitchFieldFF.js';
-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";
 export default {
-  title: 'Forms/Switch/Switch Field (Final Form)',
+  title: 'Switch Field (Final Form)',
   component: SwitchFieldFF,
   decorators: [formDecorator],
   parameters: {

package/build/es/TextAreaFieldFF/TextAreaFieldFF.js

@@ -5,29 +5,32 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { createChangeHandler, createFocusHandler, createBlurHandler, hasError, isLoading, isValid, getValidationText } from '../shared/helpers.js';
 import { metaPropType, inputPropType } from '../shared/propTypes.js';
-export const TextAreaFieldFF = ({
-  input,
-  meta,
-  error,
-  showValidStatus,
-  valid,
-  validationText,
-  onBlur,
-  onFocus,
-  loading,
-  showLoadingStatus,
-  ...rest
-}) => /*#__PURE__*/React.createElement(TextAreaField, _extends({}, rest, {
-  name: input.name,
-  error: hasError(meta, error),
-  valid: isValid(meta, valid, showValidStatus),
-  loading: isLoading(meta, loading, showLoadingStatus),
-  validationText: getValidationText(meta, validationText, error),
-  onFocus: createFocusHandler(input, onFocus),
-  onChange: createChangeHandler(input),
-  onBlur: createBlurHandler(input, onBlur),
-  value: input.value
-}));
+export const TextAreaFieldFF = _ref => {
+  let {
+    input,
+    meta,
+    error,
+    showValidStatus,
+    valid,
+    validationText,
+    onBlur,
+    onFocus,
+    loading,
+    showLoadingStatus,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/React.createElement(TextAreaField, _extends({}, rest, {
+    name: input.name,
+    error: hasError(meta, error),
+    valid: isValid(meta, valid, showValidStatus),
+    loading: isLoading(meta, loading, showLoadingStatus),
+    validationText: getValidationText(meta, validationText, error),
+    onFocus: createFocusHandler(input, onFocus),
+    onChange: createChangeHandler(input),
+    onBlur: createBlurHandler(input, onBlur),
+    value: input.value
+  }));
+};
 TextAreaFieldFF.propTypes = {
   /** `input` props received from Final Form `Field` */
   input: inputPropType.isRequired,

package/build/es/TextAreaFieldFF/TextAreaFieldFF.stories.js

@@ -4,33 +4,9 @@ import { formDecorator } from '../formDecorator.js';
 import { inputArgType, metaArgType } from '../shared/propTypes.js';
 import { hasValue } from '../validators/index.js';
 import { TextAreaFieldFF } from './TextAreaFieldFF.js';
-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";
 export default {
-  title: 'Forms/Text Area/Text Area Field (Final Form)',
+  title: 'Text Area Field (Final Form)',
   component: TextAreaFieldFF,
   decorators: [formDecorator],
   parameters: {

package/build/es/formDecorator.js

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

package/build/es/locales/ar/translations.json

@@ -2,7 +2,6 @@
     "Upload file": "تحميل الملف",
     "Upload files": "تحميل الملفات",
     "Remove": "إزلة",
-    "No file(s) selected yet": "لم يتم تحديد ملف (ملفات) حتى الآن",
     "Please provide an alpha-numeric value": "",
     "Please provide a boolean value": "",
     "Please enter between {{lowerBound}} and {{upperBound}} characters": "",

package/build/es/locales/ar_IQ/translations.json

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

package/build/es/locales/ckb/translations.json

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

package/build/es/locales/cs/translations.json

@@ -2,7 +2,6 @@
     "Upload file": "Nahrát soubor",
     "Upload files": "Nahrát soubory",
     "Remove": "Odebrat",
-    "No file(s) selected yet": "Zatím není (nejsou) vybrány žádné soubory",
     "Please provide an alpha-numeric value": "Uveďte alfanumerickou hodnotu",
     "Please provide a boolean value": "Zadejte prosím booleovskou hodnotu",
     "Please enter between {{lowerBound}} and {{upperBound}} characters": "Zadejte prosím mezi {{lowerBound}} a {{upperBound}} znaky",

package/build/es/locales/da/translations.json

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

package/build/es/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/es/locales/es/translations.json

@@ -2,7 +2,6 @@
     "Upload file": "Subir archivo",
     "Upload files": "Subir archivos",
     "Remove": "Eliminar",
-    "No file(s) selected yet": "Ningún archivo (s) seleccionado (s) todavía",
     "Please provide an alpha-numeric value": "Proporcione un valor alfanumérico.",
     "Please provide a boolean value": "Proporcione un valor booleano",
     "Please enter between {{lowerBound}} and {{upperBound}} characters": "Ingresa entre {{lowerBound}} y {{upperBound}} caracteres",

package/build/es/locales/fr/translations.json

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

package/build/es/locales/id/translations.json

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

package/build/es/locales/km/translations.json

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

package/build/es/locales/lo/translations.json

@@ -2,7 +2,6 @@
     "Upload file": "ໂຫຼດເອກະສານ",
     "Upload files": "",
     "Remove": "ລົບອອກ",
-    "No file(s) selected yet": "",
     "Please provide an alpha-numeric value": "",
     "Please provide a boolean value": "",
     "Please enter between {{lowerBound}} and {{upperBound}} characters": "",

package/build/es/locales/my/translations.json

@@ -2,7 +2,6 @@
     "Upload file": "",
     "Upload files": "",
     "Remove": "ဖယ်ရှားခြင်း",
-    "No file(s) selected yet": "",
     "Please provide an alpha-numeric value": "",
     "Please provide a boolean value": "",
     "Please enter between {{lowerBound}} and {{upperBound}} characters": "",

package/build/es/locales/nb/translations.json

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

package/build/es/locales/prs/translations.json

@@ -2,7 +2,6 @@
     "Upload file": "بارگیری فایل",
     "Upload files": "",
     "Remove": "حذف",
-    "No file(s) selected yet": "",
     "Please provide an alpha-numeric value": "",
     "Please provide a boolean value": "",
     "Please enter between {{lowerBound}} and {{upperBound}} characters": "",

package/build/es/locales/ps/translations.json

@@ -2,7 +2,6 @@
     "Upload file": "فایل پورته کړئ",
     "Upload files": "",
     "Remove": "لرې کول",
-    "No file(s) selected yet": "",
     "Please provide an alpha-numeric value": "",
     "Please provide a boolean value": "",
     "Please enter between {{lowerBound}} and {{upperBound}} characters": "",