@dhis2/ui-forms 9.10.3 → 9.11.1-beta.1

package/build/cjs/validators/createNumberRange.js

@@ -4,23 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createNumberRange = void 0;
-
 var _index = _interopRequireDefault(require("../locales/index.js"));
-
 var _index2 = require("./helpers/index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const createNumberRange = (lowerBound, upperBound, customMessage) => {
   (0, _index2.requireArgument)(lowerBound, 'number');
   (0, _index2.requireArgument)(upperBound, 'number');
-
   const errorMessage = customMessage || _index.default.t('Number cannot be less than {{lowerBound}} or more than {{upperBound}}', {
     lowerBound,
     upperBound
   });
-
   return value => (0, _index2.isEmpty)(value) || (0, _index2.isNumeric)(value) && (0, _index2.isInRange)(lowerBound, upperBound, (0, _index2.toNumber)(value)) ? undefined : errorMessage;
 };
-
 exports.createNumberRange = createNumberRange;

package/build/cjs/validators/createPattern.js

@@ -4,24 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.invalidPatternMessage = exports.createPattern = void 0;
-
 var _index = _interopRequireDefault(require("../locales/index.js"));
-
 var _index2 = require("./helpers/index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const invalidPatternMessage = 'The first argument passed to createPattern was not a valid regex';
-exports.invalidPatternMessage = invalidPatternMessage;
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const invalidPatternMessage = exports.invalidPatternMessage = 'The first argument passed to createPattern was not a valid regex';
 const createPattern = (pattern, message) => {
   if (!(pattern instanceof RegExp)) {
     throw new Error(invalidPatternMessage);
   }
-
   return value => (0, _index2.isEmpty)(value) || (0, _index2.isString)(value) && pattern.test(value) ? undefined : message || _index.default.t('Please make sure the value of this input matches the pattern {{patternString}}.', {
     patternString: pattern.toString()
   });
 };
-
 exports.createPattern = createPattern;

package/build/cjs/validators/dhis2Password.js

@@ -4,33 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.errorMessages = exports.dhis2Password = void 0;
-
 var _index = _interopRequireDefault(require("../locales/index.js"));
-
 var _index2 = require("./helpers/index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const LOWER_CASE_PATTERN = /^(?=.*[a-z]).+$/;
 const UPPER_CASE_PATTERN = /^(?=.*[A-Z]).+$/;
-const DIGIT_PATTERN = /^(?=.*[0-9]).+$/; // Using this regex to match all non-alphanumeric characters to match server-side implementation
+const DIGIT_PATTERN = /^(?=.*[0-9]).+$/;
+// Using this regex to match all non-alphanumeric characters to match server-side implementation
 // https://github.com/dhis2/dhis2-core/blob/master/dhis-2/dhis-services/dhis-service-core/src/main/java/org/hisp/dhis/user/SpecialCharacterValidationRule.java#L39
-
 const SPECIAL_CHARACTER_PATTERN = /[^a-zA-Z0-9]/;
-
 const notString = _index.default.t('Password should be a string');
-
 const tooShort = _index.default.t('Password should be at least 8 characters long');
-
 const tooLong = _index.default.t('Password should be no longer than 34 characters');
-
 const noLowerCase = _index.default.t('Password should contain at least one lowercase letter');
-
 const noUpperCase = _index.default.t('Password should contain at least one UPPERCASE letter');
-
 const noNumber = _index.default.t('Password should contain at least one number');
-
 const noSpecialCharacter = _index.default.t('Password should have at least one special character');
+
 /**
  * Tests if a given password is compliant with the password restrictions.
  * This function checks all restrictions below, but returns when the first violation was found:
@@ -41,46 +31,35 @@ const noSpecialCharacter = _index.default.t('Password should have at least one s
  * - Contains at least 1 number
  * - Contains at least 1 special character
  */
-
-
 const dhis2Password = value => {
   if ((0, _index2.isEmpty)(value)) {
     return undefined;
   }
-
   if (!(0, _index2.isString)(value)) {
     return notString;
   }
-
   if (value.length < 8) {
     return tooShort;
   }
-
   if (value.length > 35) {
     return tooLong;
   }
-
   if (!LOWER_CASE_PATTERN.test(value)) {
     return noLowerCase;
   }
-
   if (!UPPER_CASE_PATTERN.test(value)) {
     return noUpperCase;
   }
-
   if (!DIGIT_PATTERN.test(value)) {
     return noNumber;
   }
-
   if (!SPECIAL_CHARACTER_PATTERN.test(value)) {
     return noSpecialCharacter;
   }
-
   return undefined;
 };
-
 exports.dhis2Password = dhis2Password;
-const errorMessages = {
+const errorMessages = exports.errorMessages = {
   notString,
   tooShort,
   tooLong,
@@ -88,5 +67,4 @@ const errorMessages = {
   noUpperCase,
   noNumber,
   noSpecialCharacter
-};
-exports.errorMessages = errorMessages;
+};

package/build/cjs/validators/dhis2Username.js

@@ -4,19 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.invalidUsernameMessage = exports.dhis2Username = void 0;
-
 var _index = _interopRequireDefault(require("../locales/index.js"));
-
 var _index2 = require("./helpers/index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const USERNAME_PATTERN = /^(?=.{4,255}$)(?![_\-.@])(?!.*[_\-.@]{2})[a-zA-Z0-9._\-@]+(?<![_\-.@])$/;
-
-const invalidUsernameMessage = _index.default.t('Please provide a username between 4 and 255 characters long and possibly separated by . _ - or @');
-
-exports.invalidUsernameMessage = invalidUsernameMessage;
-
+const invalidUsernameMessage = exports.invalidUsernameMessage = _index.default.t('Please provide a username between 4 and 255 characters long and possibly separated by . _ - or @');
 const dhis2Username = value => (0, _index2.isEmpty)(value) || (0, _index2.isString)(value) && USERNAME_PATTERN.test(value) ? undefined : invalidUsernameMessage;
-
 exports.dhis2Username = dhis2Username;

package/build/cjs/validators/email.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.invalidEmailMessage = exports.email = void 0;
-
 var _index = _interopRequireDefault(require("../locales/index.js"));
-
 var _index2 = require("./helpers/index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*
  * Email validation is complicated business. There is no perfect regex,
  * instead we have to make a trade-off between complexity, correctness,
@@ -34,12 +30,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * overall picture in terms of false negatives and positives, so I settled on that one:
  * https://stackoverflow.com/questions/46155/how-to-validate-an-email-address-in-javascript/46181#46181
  */
-const EMAIL_ADDRESS_PATTERN = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/i;
-
-const invalidEmailMessage = _index.default.t('Please provide a valid email address');
-
-exports.invalidEmailMessage = invalidEmailMessage;
 
+const EMAIL_ADDRESS_PATTERN = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/i;
+const invalidEmailMessage = exports.invalidEmailMessage = _index.default.t('Please provide a valid email address');
 const email = value => (0, _index2.isEmpty)(value) || (0, _index2.isString)(value) && EMAIL_ADDRESS_PATTERN.test(value) ? undefined : invalidEmailMessage;
-
 exports.email = email;

package/build/cjs/validators/hasValue.js

@@ -4,17 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.hasValueMessage = exports.hasValue = void 0;
-
 var _index = _interopRequireDefault(require("../locales/index.js"));
-
 var _index2 = require("./helpers/index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const hasValueMessage = _index.default.t('Please provide a value');
-
-exports.hasValueMessage = hasValueMessage;
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const hasValueMessage = exports.hasValueMessage = _index.default.t('Please provide a value');
 const hasValue = value => (0, _index2.isEmpty)(value) ? hasValueMessage : undefined;
-
 exports.hasValue = hasValue;

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

@@ -4,37 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.toNumber = exports.requiredArgumentErrorMessage = exports.requireArgument = exports.isString = exports.isNumeric = exports.isNumber = exports.isInRange = exports.isEmpty = void 0;
-
 const isEmpty = value => typeof value === 'undefined' || value === null || value === '';
-
 exports.isEmpty = isEmpty;
-
 const isString = value => typeof value === 'string';
-
 exports.isString = isString;
-
 const isNumber = value => typeof value === 'number';
-
 exports.isNumber = isNumber;
-
 const isNumeric = value => (isString(value) || isNumber(value)) && !isNaN(value);
-
 exports.isNumeric = isNumeric;
-
 const isInRange = (lowerBound, upperBound, value) => value >= lowerBound && value <= upperBound;
-
 exports.isInRange = isInRange;
-
 const toNumber = value => Number(value);
-
 exports.toNumber = toNumber;
-const requiredArgumentErrorMessage = 'Incorrect arguments provided when creating validator';
-exports.requiredArgumentErrorMessage = requiredArgumentErrorMessage;
-
+const requiredArgumentErrorMessage = exports.requiredArgumentErrorMessage = 'Incorrect arguments provided when creating validator';
 const requireArgument = (value, type) => {
   if (isEmpty(value) || typeof value !== type) {
     throw new Error(requiredArgumentErrorMessage);
   }
 };
-
 exports.requireArgument = requireArgument;

package/build/cjs/validators/index.js

@@ -123,43 +123,23 @@ Object.defineProperty(exports, "url", {
     return _url.url;
   }
 });
-
 var _alphaNumeric = require("./alphaNumeric.js");
-
 var _boolean = require("./boolean.js");
-
 var _composeValidators = require("./composeValidators.js");
-
 var _createCharacterLengthRange = require("./createCharacterLengthRange.js");
-
 var _createEqualTo = require("./createEqualTo.js");
-
 var _createMaxCharacterLength = require("./createMaxCharacterLength.js");
-
 var _createMaxNumber = require("./createMaxNumber.js");
-
 var _createMinCharacterLength = require("./createMinCharacterLength.js");
-
 var _createMinNumber = require("./createMinNumber.js");
-
 var _createNumberRange = require("./createNumberRange.js");
-
 var _createPattern = require("./createPattern.js");
-
 var _dhis2Password = require("./dhis2Password.js");
-
 var _dhis2Username = require("./dhis2Username.js");
-
 var _email = require("./email.js");
-
 var _hasValue = require("./hasValue.js");
-
 var _integer = require("./integer.js");
-
 var _internationalPhoneNumber = require("./internationalPhoneNumber.js");
-
 var _number = require("./number.js");
-
 var _string = require("./string.js");
-
 var _url = require("./url.js");

package/build/cjs/validators/integer.js

@@ -4,20 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.invalidIntegerMessage = exports.integer = void 0;
-
 var _index = _interopRequireDefault(require("../locales/index.js"));
-
 var _index2 = require("./helpers/index.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const invalidIntegerMessage = exports.invalidIntegerMessage = _index.default.t('Please provide a round number without decimals');
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const invalidIntegerMessage = _index.default.t('Please provide a round number without decimals'); // Regex accepts only digits (no decimals even if it is trailing like 4.0)
+// Regex accepts only digits (no decimals even if it is trailing like 4.0)
 // it also rejects a leading 0 (i.e 04) as this is rejected by backend
-
-
-exports.invalidIntegerMessage = invalidIntegerMessage;
 const INTEGER_PATTERN = /^(-?[1-9]\d*|0)$/;
-
 const integer = value => (0, _index2.isEmpty)(value) || INTEGER_PATTERN.test(value) && (0, _index2.isNumeric)(value) && Number.isSafeInteger((0, _index2.toNumber)(value)) ? undefined : invalidIntegerMessage;
-
 exports.integer = integer;

package/build/cjs/validators/internationalPhoneNumber.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.invalidInternationalPhoneNumberMessage = exports.internationalPhoneNumber = void 0;
-
 var _index = _interopRequireDefault(require("../locales/index.js"));
-
 var _index2 = require("./helpers/index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*
  * There were some problems with the server side implementation
  * of how international phone numbers are validated, and the
@@ -36,25 +32,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * all spaces, dashes [‘-‘] and parentheses [ ‘(‘ and ‘)’] are removed, besides the
  * leading ‘+’ all characters should be numeric.
  */
-const invalidInternationalPhoneNumberMessage = _index.default.t('Please provide a valid international phone number.');
-
-exports.invalidInternationalPhoneNumberMessage = invalidInternationalPhoneNumberMessage;
 
+const invalidInternationalPhoneNumberMessage = exports.invalidInternationalPhoneNumberMessage = _index.default.t('Please provide a valid international phone number.');
 const internationalPhoneNumber = value => {
   // allow empty values
   if ((0, _index2.isEmpty)(value)) {
     return undefined;
-  } // value must be a string
-
+  }
 
+  // value must be a string
   if (!(0, _index2.isString)(value)) {
     return invalidInternationalPhoneNumberMessage;
   }
-
-  const cleanedValue = value // strip all hyphens, dots, spaces
-  .replace(/[-. )(]/g, '') // trim leading zeroes and plus signs
+  const cleanedValue = value
+  // strip all hyphens, dots, spaces
+  .replace(/[-. )(]/g, '')
+  // trim leading zeroes and plus signs
   .replace(/^[0+]+/, '');
   return (0, _index2.isNumeric)(cleanedValue) && cleanedValue.length <= 15 ? undefined : invalidInternationalPhoneNumberMessage;
 };
-
 exports.internationalPhoneNumber = internationalPhoneNumber;

package/build/cjs/validators/number.js

@@ -4,17 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.number = exports.invalidNumberMessage = void 0;
-
 var _index = _interopRequireDefault(require("../locales/index.js"));
-
 var _index2 = require("./helpers/index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const invalidNumberMessage = _index.default.t('Please provide a number');
-
-exports.invalidNumberMessage = invalidNumberMessage;
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const invalidNumberMessage = exports.invalidNumberMessage = _index.default.t('Please provide a number');
 const number = value => (0, _index2.isEmpty)(value) || (0, _index2.isNumeric)(value) ? undefined : invalidNumberMessage;
-
 exports.number = number;

package/build/cjs/validators/string.js

@@ -4,17 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.string = exports.invalidStringMessage = void 0;
-
 var _index = _interopRequireDefault(require("../locales/index.js"));
-
 var _index2 = require("./helpers/index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const invalidStringMessage = _index.default.t('Please provide a string');
-
-exports.invalidStringMessage = invalidStringMessage;
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const invalidStringMessage = exports.invalidStringMessage = _index.default.t('Please provide a string');
 const string = value => (0, _index2.isEmpty)(value) || (0, _index2.isString)(value) ? undefined : invalidStringMessage;
-
 exports.string = string;

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

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

package/build/cjs/validators/url.js

@@ -4,20 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.url = exports.invalidUrlMessage = void 0;
-
 var _index = _interopRequireDefault(require("../locales/index.js"));
-
 var _index2 = require("./helpers/index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Source: https://gist.github.com/dperini/729294
 const URL_PATTERN = /^(?:(?:(?:https?|ftp):)?\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})))(?::\d{2,5})?(?:[/?#]\S*)?$/i;
-
-const invalidUrlMessage = _index.default.t('Please provide a valid url');
-
-exports.invalidUrlMessage = invalidUrlMessage;
-
+const invalidUrlMessage = exports.invalidUrlMessage = _index.default.t('Please provide a valid url');
 const url = value => (0, _index2.isEmpty)(value) || (0, _index2.isString)(value) && URL_PATTERN.test(value) ? undefined : invalidUrlMessage;
-
 exports.url = url;

package/build/es/CheckboxFieldFF/{CheckboxFieldFF.stories.e2e.js → CheckboxFieldFF.e2e.stories.js}

@@ -1,12 +1,16 @@
-import { storiesOf } from '@storybook/react';
 import React from 'react';
 import { Field } from 'react-final-form';
 import { formDecorator } from '../formDecorator.js';
 import { hasValue } from '../validators/index.js';
-import { CheckboxFieldFF } from './CheckboxFieldFF.js'; // https://github.com/final-form/react-final-form-arrays/issues/111
+import { CheckboxFieldFF } from './CheckboxFieldFF.js';
 
+// https://github.com/final-form/react-final-form-arrays/issues/111
 const initialValue = ['yes'];
-storiesOf('Testing:Checkbox', module).addDecorator(formDecorator).add('Unchecked', () => /*#__PURE__*/React.createElement(Field, {
+export default {
+  title: 'Testing:Checkbox',
+  decorators: [formDecorator]
+};
+export const Unchecked = () => /*#__PURE__*/React.createElement(Field, {
   type: "checkbox",
   component: CheckboxFieldFF,
   className: "checkbox",
@@ -14,21 +18,24 @@ storiesOf('Testing:Checkbox', module).addDecorator(formDecorator).add('Unchecked
   label: "Label text",
   validate: hasValue,
   required: true
-})).add('Checked ', () => /*#__PURE__*/React.createElement(Field, {
+});
+export const Checked = () => /*#__PURE__*/React.createElement(Field, {
   type: "checkbox",
   component: CheckboxFieldFF,
   className: "checkbox",
   name: "checkbox",
   label: "Label text",
   initialValue: true
-})).add('Unchecked with value', () => /*#__PURE__*/React.createElement(Field, {
+});
+export const UncheckedWithValue = () => /*#__PURE__*/React.createElement(Field, {
   type: "checkbox",
   component: CheckboxFieldFF,
   className: "checkbox",
   name: "checkbox",
   label: "Label text",
   value: "yes"
-})).add('Checked with value', () => /*#__PURE__*/React.createElement(Field, {
+});
+export const CheckedWithValue = () => /*#__PURE__*/React.createElement(Field, {
   type: "checkbox",
   component: CheckboxFieldFF,
   className: "checkbox",
@@ -36,4 +43,4 @@ storiesOf('Testing:Checkbox', module).addDecorator(formDecorator).add('Unchecked
   label: "Label text",
   value: "yes",
   initialValue: initialValue
-}));
+});

package/build/es/CheckboxFieldFF/CheckboxFieldFF.js

@@ -1,5 +1,4 @@
-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); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import { CheckboxField } from '@dhis2-ui/checkbox';
 import PropTypes from 'prop-types';
 import React from 'react';
@@ -32,7 +31,6 @@ export const CheckboxFieldFF = _ref => {
 CheckboxFieldFF.propTypes = {
   /** Provided by Final Form `Field` */
   input: inputPropType.isRequired,
-
   /** Provided by Final Form `Field` */
   meta: metaPropType.isRequired,
   error: PropTypes.bool,

package/build/es/CheckboxFieldFF/{CheckboxFieldFF.stories.js → CheckboxFieldFF.prod.stories.js}

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

package/build/es/FieldGroupFF/FieldGroupFF.js

@@ -22,7 +22,6 @@ export const FieldGroupFF = _ref => {
   });
   const isError = !!error && !!touched;
   let errorText;
-
   if (isError) {
     if (typeof error === 'string') {
       errorText = error;
@@ -32,7 +31,6 @@ export const FieldGroupFF = _ref => {
       errorText = null;
     }
   }
-
   return /*#__PURE__*/React.createElement(FieldGroup, {
     label: label,
     required: required,

package/build/es/FieldGroupFF/{FieldGroupFF.stories.js → FieldGroupFF.prod.stories.js}

@@ -4,7 +4,17 @@ import { CheckboxFieldFF } from '../CheckboxFieldFF/CheckboxFieldFF.js';
 import { formDecorator } from '../formDecorator.js';
 import { hasValue } from '../validators/index.js';
 import { FieldGroupFF } from './FieldGroupFF.js';
-const description = "\nThis component is intended for use with [Final Form](https://final-form.org/docs/react-final-form/getting-started), the preferred library for form validation and utilities in DHIS 2 apps.\n\n`FieldGroupFF` groups related fields (using the Final Form `<Field>`), like checkboxes, and adds a label and name.\n\n```js\nimport { FieldGroupFF } from '@dhis2/ui'\n```\n\nPress **Submit** to see the form values logged to the console.\n";
+const description = `
+This component is intended for use with [Final Form](https://final-form.org/docs/react-final-form/getting-started), the preferred library for form validation and utilities in DHIS 2 apps.
+
+\`FieldGroupFF\` groups related fields (using the Final Form \`<Field>\`), like checkboxes, and adds a label and name.
+
+\`\`\`js
+import { FieldGroupFF } from '@dhis2/ui'
+\`\`\`
+
+Press **Submit** to see the form values logged to the console.
+`;
 export default {
   title: 'Field Group (Final Form)',
   component: FieldGroupFF,