@digigov/form 2.0.0-rc.7 → 2.0.2

package/inputs/AutoCompleteInput/__stories__/Multiple/index.js

@@ -1,45 +0,0 @@
-import React from 'react';
-import { Field } from '@digigov/form/Field';
-import FormBuilder from '@digigov/form/FormBuilder';
-import Button from '@digigov/ui/form/Button';
-var results = ['Αμερική', 'Ασία', 'Αυστραλία', 'Αφρική', 'Ευρώπη'];
-var fields = [{
-  key: 'autocomplete',
-  label: {
-    primary: 'Επιλέξτε ήπειρο'
-  },
-  required: true,
-  type: 'choice:single',
-  extra: {
-    component: 'AutoComplete',
-    multiple: true,
-    options: results.map(function (r) {
-      return {
-        label: {
-          primary: r,
-          secondary: "\u0389\u03C0\u03B5\u03B9\u03C1\u03BF\u03C2: ".concat(r)
-        },
-        value: r.toLowerCase()
-      };
-    })
-  }
-}];
-var initialValues = {};
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "Submit");
-export var Multiple = function Multiple() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    fields: fields,
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    },
-    initial: initialValues
-  }, fields.map(function (field) {
-    return /*#__PURE__*/React.createElement(Field, {
-      key: field.key,
-      name: field.key
-    });
-  }), _ref);
-};
-export default Multiple;

package/inputs/AutoCompleteInput/__stories__/Multiple/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../../../cjs/inputs/AutoCompleteInput/__stories__/Multiple/index.js"
-}

package/inputs/AutoCompleteInput/__stories__/Multiple.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const Multiple: () => JSX.Element;
-export default Multiple;

package/inputs/AutoCompleteInput/index.mdx

@@ -1,29 +0,0 @@
----
-title: AutoComplete Input 
----
- 
-# AutoComplete input
-
-AutoCompleteInput element is an enhanced version of text input that shows suggested 
-options as the users type and also let them select an option from the list.
-
-## How to use
-
-### Default
-
-<Story
-  packageName="@digigov/form"
-  component="inputs/AutoCompleteInput"
-  story="Default.tsx"
-/>
-
-### Display multiple values
-
-<Story
-  packageName="@digigov/form"
-  component="inputs/AutoCompleteInput"
-  story="Multiple.tsx"
-/>
-
-
-

package/inputs/AutoCompleteInput/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../cjs/inputs/AutoCompleteInput/index.js"
-}

package/inputs/Checkboxes/Checkboxes.stories/index.js

@@ -1,9 +0,0 @@
-import Checkboxes from '@digigov/form/inputs/Checkboxes';
-export default {
-  title: 'Digigov Form/inputs/Checkboxes',
-  component: Checkboxes,
-  displayName: 'Checkboxes'
-};
-export * from '@digigov/form/inputs/Checkboxes/__stories__/Default';
-export * from '@digigov/form/inputs/Checkboxes/__stories__/WithDivider';
-export * from '@digigov/form/inputs/Checkboxes/__stories__/Conditional';

package/inputs/Checkboxes/Checkboxes.stories/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../../cjs/inputs/Checkboxes/Checkboxes.stories/index.js"
-}

package/inputs/Checkboxes/Checkboxes.stories.d.ts

@@ -1,10 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { Checkboxes as component };
-    export let displayName: string;
-}
-export default _default;
-export * from "@digigov/form/inputs/Checkboxes/__stories__/Default";
-export * from "@digigov/form/inputs/Checkboxes/__stories__/WithDivider";
-export * from "@digigov/form/inputs/Checkboxes/__stories__/Conditional";
-import Checkboxes from '@digigov/form/inputs/Checkboxes';

package/inputs/Checkboxes/Checkboxes.stories.playwright.json

@@ -1,85 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-form-inputs-checkboxes--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "6mm9fbbYacA3",
-          "title": "show validation error"
-        },
-        {
-          "actions": [
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Space"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Space"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>div:nth-child(1)>label>input"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "hBiOJ8xaQSWv",
-          "title": "Focus and check using keyboard, click box and submit"
-        }
-      ]
-    },
-    "digigov-form-inputs-checkboxes--conditional": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>div:nth-child(1)>label>input"
-              }
-            }
-          ],
-          "id": "zpUjNzrqwtmW",
-          "title": "Checkboxes conditional action"
-        }
-      ]
-    }
-  }
-}

package/inputs/Checkboxes/__stories__/Conditional/index.js

@@ -1,93 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-var fields = [{
-  key: 'landline',
-  type: 'phone_number',
-  label: {
-    secondary: 'Εισάγετε το νούμερο του σταθερού σας τηλεφώνου.'
-  },
-  enabled: false,
-  condition: {
-    auth_form: {
-      is: 'via_mobile_phone',
-      then: {
-        enabled: true,
-        required: true
-      }
-    }
-  }
-}, {
-  key: 'mobile_phone',
-  type: 'mobile_phone',
-  label: {
-    secondary: 'Εισάγετε το νούμερο του κινητού σας τηλεφώνου.'
-  },
-  enabled: false,
-  condition: {
-    auth_form: {
-      is: 'via_mobile_phone',
-      then: {
-        enabled: true,
-        required: true
-      }
-    }
-  }
-}, {
-  key: 'email',
-  type: 'email',
-  label: {
-    secondary: 'Εισάγετε την διεύθυνση του ηλεκτρονικού σας ταχυδρομείου.'
-  },
-  enabled: false,
-  condition: {
-    auth_form: {
-      is: 'via_email',
-      then: {
-        enabled: true,
-        required: true
-      }
-    }
-  }
-}, {
-  key: 'auth_form',
-  type: 'choice:multiple',
-  required: true,
-  label: {
-    primary: 'Επιλέξτε μέθοδο πιστοποίησης',
-    secondary: 'Για την ολοκλήρωση της δήλωσης σας, θα χρειαστεί επιπλέον πιστοποίηση. Θα σας στείλουμε ένα κωδικό μιας χρήσης είτε στο τηλέφωνο είτε στην ηλεκτρονική σας διεύθυνση.'
-  },
-  extra: {
-    options: [{
-      key: 'via_mobile_phone',
-      label: {
-        primary: 'Mέσω κινητού τηλεφώνου'
-      },
-      value: 'via_mobile_phone',
-      show: ['mobile_phone', 'landline']
-    }, {
-      key: 'via_email',
-      label: {
-        primary: 'Μέσω διεύθυνσης ηλεκτρονικού ταχυδρομείου (e-mail)'
-      },
-      value: 'via_email',
-      show: ['email']
-    }]
-  }
-}];
-var _ref = /*#__PURE__*/React.createElement(Field, {
-  key: "auth_form",
-  name: "auth_form"
-});
-var _ref2 = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-export var Conditional = function Conditional() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    },
-    fields: fields
-  }, _ref, _ref2);
-};
-export default Conditional;

package/inputs/Checkboxes/__stories__/Conditional/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../../../cjs/inputs/Checkboxes/__stories__/Conditional/index.js"
-}

package/inputs/Checkboxes/__stories__/Conditional.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const Conditional: () => JSX.Element;
-export default Conditional;

package/inputs/Checkboxes/__stories__/Default/index.js

@@ -1,40 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: 'string',
-    name: "string",
-    type: "choice:multiple",
-    required: true,
-    label: {
-      primary: 'Πώς αισθάνεστε αυτή τη στιγμή;'
-    },
-    extra: {
-      options: [{
-        label: {
-          primary: 'Έχω συνάχι'
-        },
-        value: 'runny-nose'
-      }, {
-        label: {
-          primary: 'Έχω πυρετό'
-        },
-        value: 'fever'
-      }, {
-        label: {
-          primary: 'Αισθάνομαι κούραση'
-        },
-        value: 'fatigue'
-      }]
-    }
-  }), _ref);
-};
-export default Default;

package/inputs/Checkboxes/__stories__/Default/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../../../cjs/inputs/Checkboxes/__stories__/Default/index.js"
-}

package/inputs/Checkboxes/__stories__/Default.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const Default: () => JSX.Element;
-export default Default;

package/inputs/Checkboxes/__stories__/WithDivider/index.js

@@ -1,41 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-export var WithDivider = function WithDivider() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: 'string',
-    name: "string",
-    type: "choice:multiple",
-    required: true,
-    label: {
-      primary: 'Πώς αισθάνεστε αυτή τη στιγμή;'
-    },
-    extra: {
-      options: [{
-        label: {
-          primary: 'Έχω συνάχι'
-        },
-        value: 'runny-nose'
-      }, {
-        label: {
-          primary: 'Έχω πυρετό'
-        },
-        value: 'fever'
-      }, {
-        label: {
-          primary: 'Αισθάνομαι κούραση'
-        },
-        value: 'fatigue',
-        dividerText: 'ή'
-      }]
-    }
-  }), _ref);
-};
-export default WithDivider;

package/inputs/Checkboxes/__stories__/WithDivider/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../../../cjs/inputs/Checkboxes/__stories__/WithDivider/index.js"
-}

package/inputs/Checkboxes/__stories__/WithDivider.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const WithDivider: () => JSX.Element;
-export default WithDivider;

package/inputs/Checkboxes/index.mdx

@@ -1,33 +0,0 @@
----
-title: Checkbox
----
- 
-# Checkboxes
-Input element of type `checkbox` are rendered by default as boxes that are checked when activated.
-Checkboxes are used to let a user select one or more options of a limited number of choices.
-
-## How to use
-
-### Default
-
-<Story
-  packageName="@digigov/form"
-  component="inputs/Checkboxes"
-  story="Default.tsx"
-/>
-
-### Conditional
-
-<Story
-  packageName="@digigov/form"
-  component="inputs/Checkboxes"
-  story="Conditional.tsx"
-/>
-
-### With divider
-
-<Story
-  packageName="@digigov/form"
-  component="inputs/Checkboxes"
-  story="WithDivider.tsx"
-/>

package/inputs/Checkboxes/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../cjs/inputs/Checkboxes/index.js"
-}

package/inputs/DateInput/DateInput.stories/index.js

@@ -1,7 +0,0 @@
-import DateInput from '@digigov/form/inputs/DateInput';
-export default {
-  title: 'Digigov Form/inputs/DateInput',
-  component: DateInput,
-  displayName: 'DateInput'
-};
-export * from '@digigov/form/inputs/DateInput/__stories__/Default';

package/inputs/DateInput/DateInput.stories/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../../cjs/inputs/DateInput/DateInput.stories/index.js"
-}

package/inputs/DateInput/DateInput.stories.d.ts

@@ -1,8 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { DateInput as component };
-    export let displayName: string;
-}
-export default _default;
-export * from "@digigov/form/inputs/DateInput/__stories__/Default";
-import DateInput from '@digigov/form/inputs/DateInput';

package/inputs/DateInput/DateInput.stories.playwright.json

@@ -1,72 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-form-inputs-dateinput--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            }
-          ],
-          "id": "n5PFnx7RcuJV",
-          "title": "navigate with keyboard"
-        },
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>div:nth-child(1)>label>input",
-                "text": "33"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>div:nth-child(2)>label>input",
-                "text": "33"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>div:nth-child(3)>label>input",
-                "text": "3333"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "Ck7_BFdgITMe",
-          "title": "show validation errors"
-        }
-      ]
-    }
-  }
-}

package/inputs/DateInput/__stories__/Default/index.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: 'string',
-    name: "string",
-    type: "date",
-    required: true,
-    label: {
-      primary: 'Πότε εκδόθηκε το διαβατήριο σας;',
-      secondary: 'Για παράδειγμα, 05 11 2020'
-    }
-  }), _ref);
-};
-export default Default;

package/inputs/DateInput/__stories__/Default/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../../../cjs/inputs/DateInput/__stories__/Default/index.js"
-}

package/inputs/DateInput/__stories__/Default.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const Default: () => JSX.Element;
-export default Default;

package/inputs/DateInput/index.mdx

@@ -1,23 +0,0 @@
----
-title: Date Input
----
- 
-# Date input
-
-
-
-Input element of type `date` create input fields that let the user enter a date, 
-either with a textbox that validates the input or a special date picker interface.
-
-## How to use
-
-### Default
-
-<Story
-  packageName="@digigov/form"
-  component="inputs/DateInput"
-  story="Default.tsx"
-/>
-
-
-

package/inputs/DateInput/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../cjs/inputs/DateInput/index.js"
-}

package/inputs/FileInput/FileInput.stories/index.js

@@ -1,7 +0,0 @@
-import FileInput from '@digigov/form/inputs/FileInput';
-export default {
-  title: 'Digigov Form/inputs/FileInput',
-  component: FileInput,
-  displayName: 'FileInput'
-};
-export * from '@digigov/form/inputs/FileInput/__stories__/Default';

package/inputs/FileInput/FileInput.stories/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../../cjs/inputs/FileInput/FileInput.stories/index.js"
-}

package/inputs/FileInput/FileInput.stories.d.ts

@@ -1,8 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { FileInput as component };
-    export let displayName: string;
-}
-export default _default;
-export * from "@digigov/form/inputs/FileInput/__stories__/Default";
-import FileInput from '@digigov/form/inputs/FileInput';