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

package/build/cjs/TextAreaFieldFF/TextAreaFieldFF.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 _TextAreaFieldFF = require("./TextAreaFieldFF.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-(0, _react.storiesOf)('TextArea', module).addDecorator(_formDecorator.formDecorator).add('Default', () => /*#__PURE__*/_react2.default.createElement(_reactFinalForm.Field, {
-  component: _TextAreaFieldFF.TextAreaFieldFF,
-  name: "comment",
-  label: "Do you have any comments?"
-})).add('Required', () => /*#__PURE__*/_react2.default.createElement(_reactFinalForm.Field, {
-  required: true,
-  name: "comment",
-  component: _TextAreaFieldFF.TextAreaFieldFF,
-  validate: _index.hasValue,
-  label: "Do you have any comments?"
-}));

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

@@ -1,70 +0,0 @@
-import React from 'react';
-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 = "\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'];
-export default {
-  title: 'Multi Select Field (Final Form)',
-  component: MultiSelectFieldFF,
-  decorators: [formDecorator],
-  parameters: {
-    docs: {
-      description: {
-        component: description
-      }
-    }
-  },
-  argTypes: {
-    input: { ...inputArgType
-    },
-    meta: { ...metaArgType
-    }
-  }
-};
-export const Default = () => /*#__PURE__*/React.createElement(Field, {
-  component: MultiSelectFieldFF,
-  name: "agree",
-  label: "Do you agree?",
-  options: options
-});
-export const InitialValue = () => /*#__PURE__*/React.createElement(Field, {
-  component: MultiSelectFieldFF,
-  name: "agree",
-  label: "Do you agree?",
-  options: options,
-  initialValue: initialValue
-});
-InitialValue.storyName = 'InitialValue';

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

@@ -1,69 +0,0 @@
-import React from 'react';
-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 = "\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'
-}];
-export default {
-  title: 'Single Select Field (Final Form)',
-  component: SingleSelectFieldFF,
-  decorators: [formDecorator],
-  parameters: {
-    docs: {
-      description: {
-        component: description
-      }
-    }
-  },
-  argTypes: {
-    input: { ...inputArgType
-    },
-    meta: { ...metaArgType
-    }
-  }
-};
-export const Default = () => /*#__PURE__*/React.createElement(Field, {
-  component: SingleSelectFieldFF,
-  name: "agree",
-  label: "Do you agree?",
-  options: options
-});
-export const InitialValue = () => /*#__PURE__*/React.createElement(Field, {
-  component: SingleSelectFieldFF,
-  name: "agree",
-  label: "Do you agree?",
-  options: options,
-  initialValue: "4"
-});
-InitialValue.storyName = 'InitialValue';