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

package/build/es/validators/createMinCharacterLength.js

@@ -1,8 +1,6 @@
 import i18n from '../locales/index.js';
 import { createCharacterLengthRange } from './createCharacterLengthRange.js';
-
 const createMinCharacterLength = lowerBound => createCharacterLengthRange(lowerBound, Infinity, i18n.t('Please enter at least {{lowerBound}} characters', {
   lowerBound
 }));
-
 export { createMinCharacterLength };

package/build/es/validators/createMinNumber.js

@@ -1,8 +1,6 @@
 import i18n from '../locales/index.js';
 import { createNumberRange } from './createNumberRange.js';
-
 const createMinNumber = lowerBound => createNumberRange(lowerBound, Infinity, i18n.t('Please enter a number of at least {{lowerBound}}', {
   lowerBound
 }));
-
 export { createMinNumber };

package/build/es/validators/createNumberRange.js

@@ -1,6 +1,5 @@
 import i18n from '../locales/index.js';
 import { isEmpty, isNumeric, toNumber, isInRange, requireArgument } from './helpers/index.js';
-
 const createNumberRange = (lowerBound, upperBound, customMessage) => {
   requireArgument(lowerBound, 'number');
   requireArgument(upperBound, 'number');
@@ -10,5 +9,4 @@ const createNumberRange = (lowerBound, upperBound, customMessage) => {
   });
   return value => isEmpty(value) || isNumeric(value) && isInRange(lowerBound, upperBound, toNumber(value)) ? undefined : errorMessage;
 };
-
 export { createNumberRange };

package/build/es/validators/createPattern.js

@@ -1,15 +1,12 @@
 import i18n from '../locales/index.js';
 import { isEmpty, isString } from './helpers/index.js';
 const 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 => isEmpty(value) || isString(value) && pattern.test(value) ? undefined : message || i18n.t('Please make sure the value of this input matches the pattern {{patternString}}.', {
     patternString: pattern.toString()
   });
 };
-
 export { createPattern, invalidPatternMessage };

package/build/es/validators/dhis2Password.js

@@ -2,9 +2,9 @@ import i18n from '../locales/index.js';
 import { isEmpty, isString } from './helpers/index.js';
 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 = i18n.t('Password should be a string');
 const tooShort = i18n.t('Password should be at least 8 characters long');
@@ -13,6 +13,7 @@ const noLowerCase = i18n.t('Password should contain at least one lowercase lette
 const noUpperCase = i18n.t('Password should contain at least one UPPERCASE letter');
 const noNumber = i18n.t('Password should contain at least one number');
 const noSpecialCharacter = i18n.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:
@@ -23,43 +24,33 @@ const noSpecialCharacter = i18n.t('Password should have at least one special cha
  * - Contains at least 1 number
  * - Contains at least 1 special character
  */
-
 const dhis2Password = value => {
   if (isEmpty(value)) {
     return undefined;
   }
-
   if (!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;
 };
-
 const errorMessages = {
   notString,
   tooShort,

package/build/es/validators/dhis2Username.js

@@ -2,7 +2,5 @@ import i18n from '../locales/index.js';
 import { isEmpty, isString } from './helpers/index.js';
 const USERNAME_PATTERN = /^(?=.{4,255}$)(?![_\-.@])(?!.*[_\-.@]{2})[a-zA-Z0-9._\-@]+(?<![_\-.@])$/;
 const invalidUsernameMessage = i18n.t('Please provide a username between 4 and 255 characters long and possibly separated by . _ - or @');
-
 const dhis2Username = value => isEmpty(value) || isString(value) && USERNAME_PATTERN.test(value) ? undefined : invalidUsernameMessage;
-
 export { dhis2Username, invalidUsernameMessage };

package/build/es/validators/email.js

@@ -1,5 +1,6 @@
 import i18n from '../locales/index.js';
 import { isEmpty, isString } from './helpers/index.js';
+
 /*
  * Email validation is complicated business. There is no perfect regex,
  * instead we have to make a trade-off between complexity, correctness,
@@ -26,7 +27,5 @@ import { isEmpty, isString } from './helpers/index.js';
 
 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 = i18n.t('Please provide a valid email address');
-
 const email = value => isEmpty(value) || isString(value) && EMAIL_ADDRESS_PATTERN.test(value) ? undefined : invalidEmailMessage;
-
 export { email, invalidEmailMessage };

package/build/es/validators/hasValue.js

@@ -1,7 +1,5 @@
 import i18n from '../locales/index.js';
 import { isEmpty } from './helpers/index.js';
 const hasValueMessage = i18n.t('Please provide a value');
-
 const hasValue = value => isEmpty(value) ? hasValueMessage : undefined;
-
 export { hasValue, hasValueMessage };

package/build/es/validators/integer.js

@@ -1,10 +1,9 @@
 import i18n from '../locales/index.js';
 import { isEmpty, isNumeric, toNumber } from './helpers/index.js';
-const invalidIntegerMessage = i18n.t('Please provide a round number without decimals'); // 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
+const invalidIntegerMessage = i18n.t('Please provide a round number without decimals');
 
+// 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
 const INTEGER_PATTERN = /^(-?[1-9]\d*|0)$/;
-
 const integer = value => isEmpty(value) || INTEGER_PATTERN.test(value) && isNumeric(value) && Number.isSafeInteger(toNumber(value)) ? undefined : invalidIntegerMessage;
-
 export { integer, invalidIntegerMessage };

package/build/es/validators/internationalPhoneNumber.js

@@ -1,5 +1,6 @@
 import i18n from '../locales/index.js';
 import { isEmpty, isString, isNumeric } from './helpers/index.js';
+
 /*
  * There were some problems with the server side implementation
  * of how international phone numbers are validated, and the
@@ -27,22 +28,21 @@ import { isEmpty, isString, isNumeric } from './helpers/index.js';
  */
 
 const invalidInternationalPhoneNumberMessage = i18n.t('Please provide a valid international phone number.');
-
 const internationalPhoneNumber = value => {
   // allow empty values
   if (isEmpty(value)) {
     return undefined;
-  } // value must be a string
-
+  }
 
+  // value must be a string
   if (!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 isNumeric(cleanedValue) && cleanedValue.length <= 15 ? undefined : invalidInternationalPhoneNumberMessage;
 };
-
 export { internationalPhoneNumber, invalidInternationalPhoneNumberMessage };

package/build/es/validators/number.js

@@ -1,7 +1,5 @@
 import i18n from '../locales/index.js';
 import { isEmpty, isNumeric } from './helpers/index.js';
 const invalidNumberMessage = i18n.t('Please provide a number');
-
 const number = value => isEmpty(value) || isNumeric(value) ? undefined : invalidNumberMessage;
-
 export { number, invalidNumberMessage };

package/build/es/validators/string.js

@@ -1,7 +1,5 @@
 import i18n from '../locales/index.js';
 import { isEmpty, isString } from './helpers/index.js';
 const invalidStringMessage = i18n.t('Please provide a string');
-
 const string = value => isEmpty(value) || isString(value) ? undefined : invalidStringMessage;
-
 export { string, invalidStringMessage };

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

@@ -1,19 +1,16 @@
 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);
     });
   }
 };
-
 const allowsEmptyValues = validator => {
   describe('allows empty values', () => {
     testValidatorValues(validator, undefined, ['', null, undefined]);
   });
 };
-
 export { testValidatorValues, allowsEmptyValues };

package/build/es/validators/url.js

@@ -1,9 +1,8 @@
 import i18n from '../locales/index.js';
-import { isEmpty, isString } from './helpers/index.js'; // Source: https://gist.github.com/dperini/729294
+import { isEmpty, isString } from './helpers/index.js';
 
+// 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 = i18n.t('Please provide a valid url');
-
 const url = value => isEmpty(value) || isString(value) && URL_PATTERN.test(value) ? undefined : invalidUrlMessage;
-
 export { url, invalidUrlMessage };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2/ui-forms",
-    "version": "9.11.0",
+    "version": "9.11.1-beta.1",
     "main": "./build/cjs/index.js",
     "module": "./build/es/index.js",
     "sideEffects": [
@@ -26,24 +26,24 @@
         "access": "public"
     },
     "scripts": {
-        "start": "start-storybook -c ../../storybook/config --port 5000",
+        "start": "storybook dev -c ../../storybook/config --port 5000",
         "build": "d2-app-scripts build"
     },
     "peerDependencies": {
-        "react": "^16.8",
-        "react-dom": "^16.8"
+        "react": "^16.13",
+        "react-dom": "^16.13"
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2-ui/button": "9.11.0",
-        "@dhis2-ui/checkbox": "9.11.0",
-        "@dhis2-ui/field": "9.11.0",
-        "@dhis2-ui/file-input": "9.11.0",
-        "@dhis2-ui/input": "9.11.0",
-        "@dhis2-ui/radio": "9.11.0",
-        "@dhis2-ui/select": "9.11.0",
-        "@dhis2-ui/switch": "9.11.0",
-        "@dhis2-ui/text-area": "9.11.0",
+        "@dhis2-ui/button": "9.11.1-beta.1",
+        "@dhis2-ui/checkbox": "9.11.1-beta.1",
+        "@dhis2-ui/field": "9.11.1-beta.1",
+        "@dhis2-ui/file-input": "9.11.1-beta.1",
+        "@dhis2-ui/input": "9.11.1-beta.1",
+        "@dhis2-ui/radio": "9.11.1-beta.1",
+        "@dhis2-ui/select": "9.11.1-beta.1",
+        "@dhis2-ui/switch": "9.11.1-beta.1",
+        "@dhis2-ui/text-area": "9.11.1-beta.1",
         "classnames": "^2.3.1",
         "final-form": "^4.20.2",
         "prop-types": "^15.7.2",

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

@@ -1,27 +0,0 @@
-"use strict";
-
-var _react = require("@storybook/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _reactFinalForm = require("react-final-form");
-
-var _formDecorator = require("../formDecorator.js");
-
-var _index = require("../validators/index.js");
-
-var _InputFieldFF = require("./InputFieldFF.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-(0, _react.storiesOf)('Testing:InputFieldFF', module).addDecorator(_formDecorator.formDecorator).add('Default', () => /*#__PURE__*/_react2.default.createElement(_reactFinalForm.Field, {
-  component: _InputFieldFF.InputFieldFF,
-  name: "agree",
-  label: "Do you agree?"
-})).add('Required', () => /*#__PURE__*/_react2.default.createElement(_reactFinalForm.Field, {
-  name: "agree",
-  component: _InputFieldFF.InputFieldFF,
-  required: true,
-  validate: _index.hasValue,
-  label: "Do you agree?"
-}));

package/build/cjs/MultiSelectFieldFF/MultiSelectFieldFF.stories.js

@@ -1,91 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.InitialValue = exports.Default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactFinalForm = require("react-final-form");
-
-var _formDecorator = require("../formDecorator.js");
-
-var _propTypes = require("../shared/propTypes.js");
-
-var _MultiSelectFieldFF = require("./MultiSelectFieldFF.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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'
-}, {
-  value: '2',
-  label: 'two'
-}, {
-  value: '3',
-  label: 'three'
-}, {
-  value: '4',
-  label: 'four'
-}, {
-  value: '5',
-  label: 'five'
-}, {
-  value: '6',
-  label: 'six'
-}, {
-  value: '7',
-  label: 'seven'
-}, {
-  value: '8',
-  label: 'eight'
-}, {
-  value: '9',
-  label: 'nine'
-}, {
-  value: '10',
-  label: 'ten'
-}];
-const initialValue = ['3', '4', '9', '10'];
-var _default = {
-  title: 'Multi Select Field (Final Form)',
-  component: _MultiSelectFieldFF.MultiSelectFieldFF,
-  decorators: [_formDecorator.formDecorator],
-  parameters: {
-    docs: {
-      description: {
-        component: description
-      }
-    }
-  },
-  argTypes: {
-    input: { ..._propTypes.inputArgType
-    },
-    meta: { ..._propTypes.metaArgType
-    }
-  }
-};
-exports.default = _default;
-
-const Default = () => /*#__PURE__*/_react.default.createElement(_reactFinalForm.Field, {
-  component: _MultiSelectFieldFF.MultiSelectFieldFF,
-  name: "agree",
-  label: "Do you agree?",
-  options: options
-});
-
-exports.Default = Default;
-
-const InitialValue = () => /*#__PURE__*/_react.default.createElement(_reactFinalForm.Field, {
-  component: _MultiSelectFieldFF.MultiSelectFieldFF,
-  name: "agree",
-  label: "Do you agree?",
-  options: options,
-  initialValue: initialValue
-});
-
-exports.InitialValue = InitialValue;
-InitialValue.storyName = 'InitialValue';

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

@@ -1,45 +0,0 @@
-"use strict";
-
-var _react = require("@storybook/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _reactFinalForm = require("react-final-form");
-
-var _FieldGroupFF = require("../FieldGroupFF/FieldGroupFF.js");
-
-var _formDecorator = require("../formDecorator.js");
-
-var _index = require("../validators/index.js");
-
-var _RadioFieldFF = require("./RadioFieldFF.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-(0, _react.storiesOf)('Testing:RadioFieldFF', module).addDecorator(_formDecorator.formDecorator).add('Required and no selected value', () => /*#__PURE__*/_react2.default.createElement(_FieldGroupFF.FieldGroupFF, {
-  name: "choice"
-}, /*#__PURE__*/_react2.default.createElement(_reactFinalForm.Field, {
-  type: "radio",
-  component: _RadioFieldFF.RadioFieldFF,
-  name: "choice",
-  label: "One",
-  value: "one",
-  validate: _index.hasValue,
-  required: true
-}), /*#__PURE__*/_react2.default.createElement(_reactFinalForm.Field, {
-  type: "radio",
-  component: _RadioFieldFF.RadioFieldFF,
-  name: "choice",
-  label: "Two",
-  value: "two",
-  validate: _index.hasValue,
-  required: true
-}), /*#__PURE__*/_react2.default.createElement(_reactFinalForm.Field, {
-  type: "radio",
-  component: _RadioFieldFF.RadioFieldFF,
-  name: "choice",
-  label: "Three",
-  value: "three",
-  validate: _index.hasValue,
-  required: true
-})));

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

@@ -1,37 +0,0 @@
-"use strict";
-
-var _react = require("@storybook/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _reactFinalForm = require("react-final-form");
-
-var _formDecorator = require("../formDecorator.js");
-
-var _index = require("../validators/index.js");
-
-var _SingleSelectFieldFF = require("./SingleSelectFieldFF.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const defaultOptions = [{
-  value: 'initial',
-  label: 'Initial'
-}];
-(0, _react.storiesOf)('Testing:SingleSelectFieldFF', module).addDecorator(_formDecorator.formDecorator).addParameters({
-  options: {
-    showPanel: false
-  }
-}).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

@@ -1,90 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.InitialValue = exports.Default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactFinalForm = require("react-final-form");
-
-var _formDecorator = require("../formDecorator.js");
-
-var _propTypes = require("../shared/propTypes.js");
-
-var _SingleSelectFieldFF = require("./SingleSelectFieldFF.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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'
-}, {
-  value: '2',
-  label: 'two'
-}, {
-  value: '3',
-  label: 'three'
-}, {
-  value: '4',
-  label: 'four'
-}, {
-  value: '5',
-  label: 'five'
-}, {
-  value: '6',
-  label: 'six'
-}, {
-  value: '7',
-  label: 'seven'
-}, {
-  value: '8',
-  label: 'eight'
-}, {
-  value: '9',
-  label: 'nine'
-}, {
-  value: '10',
-  label: 'ten'
-}];
-var _default = {
-  title: 'Single Select Field (Final Form)',
-  component: _SingleSelectFieldFF.SingleSelectFieldFF,
-  decorators: [_formDecorator.formDecorator],
-  parameters: {
-    docs: {
-      description: {
-        component: description
-      }
-    }
-  },
-  argTypes: {
-    input: { ..._propTypes.inputArgType
-    },
-    meta: { ..._propTypes.metaArgType
-    }
-  }
-};
-exports.default = _default;
-
-const Default = () => /*#__PURE__*/_react.default.createElement(_reactFinalForm.Field, {
-  component: _SingleSelectFieldFF.SingleSelectFieldFF,
-  name: "agree",
-  label: "Do you agree?",
-  options: options
-});
-
-exports.Default = Default;
-
-const InitialValue = () => /*#__PURE__*/_react.default.createElement(_reactFinalForm.Field, {
-  component: _SingleSelectFieldFF.SingleSelectFieldFF,
-  name: "agree",
-  label: "Do you agree?",
-  options: options,
-  initialValue: "4"
-});
-
-exports.InitialValue = InitialValue;
-InitialValue.storyName = 'InitialValue';

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

@@ -1,49 +0,0 @@
-"use strict";
-
-var _react = require("@storybook/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _reactFinalForm = require("react-final-form");
-
-var _formDecorator = require("../formDecorator.js");
-
-var _index = require("../validators/index.js");
-
-var _SwitchFieldFF = require("./SwitchFieldFF.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// https://github.com/final-form/react-final-form-arrays/issues/111
-const initialValue = ['yes'];
-(0, _react.storiesOf)('Testing:SwitchFieldFF', module).addDecorator(_formDecorator.formDecorator).add('Unchecked', () => /*#__PURE__*/_react2.default.createElement(_reactFinalForm.Field, {
-  component: _SwitchFieldFF.SwitchFieldFF,
-  className: "switch",
-  name: "switch",
-  label: "Label text",
-  validate: _index.hasValue,
-  required: true,
-  type: "checkbox"
-})).add('Checked ', () => /*#__PURE__*/_react2.default.createElement(_reactFinalForm.Field, {
-  component: _SwitchFieldFF.SwitchFieldFF,
-  className: "switch",
-  name: "switch",
-  label: "Label text",
-  initialValue: true,
-  type: "checkbox"
-})).add('Unchecked with value', () => /*#__PURE__*/_react2.default.createElement(_reactFinalForm.Field, {
-  component: _SwitchFieldFF.SwitchFieldFF,
-  className: "switch",
-  name: "switch",
-  label: "Label text",
-  value: "yes",
-  type: "checkbox"
-})).add('Checked with value', () => /*#__PURE__*/_react2.default.createElement(_reactFinalForm.Field, {
-  component: _SwitchFieldFF.SwitchFieldFF,
-  className: "switch",
-  name: "switch",
-  label: "Label text",
-  value: "yes",
-  initialValue: initialValue,
-  type: "checkbox"
-}));