@digigov/form 0.8.4 → 0.8.5-alpha

package/es/inputs/Select/Select.stories.js

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

package/es/inputs/Select/__stories__/Default.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import FormBuilder, { Field } from '@digigov/form';
+import { Button } from '@digigov/ui/core';
+
+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) {
+      debugger;
+      console.log(data);
+    }
+  }, /*#__PURE__*/React.createElement(Field, {
+    key: 'string',
+    name: "string",
+    type: "choice:single",
+    required: true,
+    label: {
+      primary: 'Ποια ειναι η χώρα της διαμονής σας;'
+    },
+    extra: {
+      component: 'Select',
+      options: [{
+        label: {
+          primary: ''
+        },
+        value: ''
+      }, {
+        label: {
+          primary: 'Ελλάδα'
+        },
+        value: 'greece'
+      }, {
+        label: {
+          primary: 'Κύπρος'
+        },
+        value: 'cyprus'
+      }, {
+        label: {
+          primary: 'Χώρα της Ευρωπαϊκής Ένωσης'
+        },
+        value: 'eu'
+      }, {
+        label: {
+          primary: 'Ηνωμένες Πολιτείες της Αμερικής'
+        },
+        value: 'usa'
+      }]
+    }
+  }), _ref);
+};
+export default Default;

package/es/installation.mdx

@@ -0,0 +1,72 @@
+---
+id: Installation
+title: Installing Digigov Form
+sidebar_label: Installation
+---
+
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+import CodeBlock from '@theme/CodeBlock';
+import LeadText from "@site/src/components/LeadText";
+
+<LeadText>
+This page will help you install Digigov Form depending on the framework that you
+use and the application architecture.
+</LeadText>
+
+We assume that your stack uses some of the following tools.
+
+* React v16 or later
+* Nextjs or create-react-app to run your code
+* Digigov CSS, as a CSS import or as Tailwind plugin 
+
+## Using create-digigov-app
+
+We highly recommend using `create-digigov-app`. Our scaffolder was created to save development teams time and effort. This way
+everything you need is already configured.
+
+ If you choose to use our scaffolder tool, make sure you follow this
+[guide](/docs/building-apps) first, if you haven't already done so.
+
+Then you just install the `@digigov/form` package from NPM.
+
+<Tabs>
+  <TabItem value="npm" label="NPM" default>
+    <CodeBlock>
+      npm install @digigov/form --save
+    </CodeBlock>
+  </TabItem>
+  <TabItem value="yarn" label="Yarn">
+    <CodeBlock>
+      yarn add @digigov/form
+    </CodeBlock>
+  </TabItem>
+</Tabs>
+
+## Using custom configuration
+
+This method is not recommended and you should proceed at your own risk. For
+Digigov Form to work properly, it is essential to do some configuration.
+
+* A working React application, ideally [Nextjs](https://nextjs.org/) or [Create
+  React App](https://create-react-app.dev/)
+* You should already have [installed and configured Digigov
+  CSS](https://guide.services.gov.gr/docs/installation)
+
+If you meet these prerequisites, now it is time to install the dependencies.
+
+Assuming that you have not used any of the Digigov libraries before, go ahead
+and install `@digigov/form` and it's dependencies.
+
+<Tabs>
+  <TabItem value="npm" label="NPM" default>
+    <CodeBlock>
+      npm install @digigov/form @digigov/ui @digigov/react-core --save
+    </CodeBlock>
+  </TabItem>
+  <TabItem value="yarn" label="Yarn">
+    <CodeBlock>
+      yarn add @digigov/form @digigov/ui @digigov/react-core
+    </CodeBlock>
+  </TabItem>
+</Tabs>

package/es/registry.js

@@ -0,0 +1,129 @@
+import * as _digigov_form_Field_FieldBase from '@digigov/form/Field/FieldBase';
+import * as _digigov_form_Field_FieldConditional from '@digigov/form/Field/FieldConditional';
+import * as _digigov_form_Field_FieldContainer from '@digigov/form/Field/FieldContainer';
+import * as _digigov_form_Field from '@digigov/form/Field';
+import * as _digigov_form_Field_types from '@digigov/form/Field/types';
+import * as _digigov_form_Field_utils from '@digigov/form/Field/utils';
+import * as _digigov_form_FieldArray from '@digigov/form/FieldArray';
+import * as _digigov_form_FieldObject from '@digigov/form/FieldObject';
+import * as _digigov_form_Fieldset_FieldsetWithContext from '@digigov/form/Fieldset/FieldsetWithContext';
+import * as _digigov_form_Fieldset from '@digigov/form/Fieldset';
+import * as _digigov_form_Fieldset_types from '@digigov/form/Fieldset/types';
+import * as _digigov_form_FormBuilder_FormBuilder from '@digigov/form/FormBuilder/FormBuilder';
+import * as _digigov_form_FormBuilder from '@digigov/form/FormBuilder';
+import * as _digigov_form_FormContext from '@digigov/form/FormContext';
+import * as _digigov_form from '@digigov/form';
+import * as _digigov_form_inputs_AutoComplete from '@digigov/form/inputs/AutoComplete';
+import * as _digigov_form_inputs_Checkboxes from '@digigov/form/inputs/Checkboxes';
+import * as _digigov_form_inputs_DateInput from '@digigov/form/inputs/DateInput';
+import * as _digigov_form_inputs_FileInput from '@digigov/form/inputs/FileInput';
+import * as _digigov_form_inputs from '@digigov/form/inputs';
+import * as _digigov_form_inputs_Input from '@digigov/form/inputs/Input';
+import * as _digigov_form_inputs_Label from '@digigov/form/inputs/Label';
+import * as _digigov_form_inputs_Radio from '@digigov/form/inputs/Radio';
+import * as _digigov_form_inputs_Select from '@digigov/form/inputs/Select';
+import * as _digigov_form_internal from '@digigov/form/internal';
+import * as _digigov_form_MultiplicityField_add_objects from '@digigov/form/MultiplicityField/add-objects';
+import * as _digigov_form_MultiplicityField from '@digigov/form/MultiplicityField';
+import * as _digigov_form_Questions_getNextStep from '@digigov/form/Questions/getNextStep';
+import * as _digigov_form_Questions from '@digigov/form/Questions';
+import * as _digigov_form_Questions_Questions from '@digigov/form/Questions/Questions';
+import * as _digigov_form_Questions_QuestionsContext from '@digigov/form/Questions/QuestionsContext';
+import * as _digigov_form_Questions_Step_getAddMoreFields from '@digigov/form/Questions/Step/getAddMoreFields';
+import * as _digigov_form_Questions_Step from '@digigov/form/Questions/Step';
+import * as _digigov_form_Questions_Step_ReviewStep from '@digigov/form/Questions/Step/ReviewStep';
+import * as _digigov_form_Questions_Step_Step from '@digigov/form/Questions/Step/Step';
+import * as _digigov_form_Questions_Step_StepArrayReview from '@digigov/form/Questions/Step/StepArrayReview';
+import * as _digigov_form_Questions_Step_StepContext from '@digigov/form/Questions/Step/StepContext';
+import * as _digigov_form_Questions_Step_StepDescription from '@digigov/form/Questions/Step/StepDescription';
+import * as _digigov_form_Questions_Step_StepForm from '@digigov/form/Questions/Step/StepForm';
+import * as _digigov_form_Questions_Step_StepQuote from '@digigov/form/Questions/Step/StepQuote';
+import * as _digigov_form_Questions_Step_StepTitle from '@digigov/form/Questions/Step/StepTitle';
+import * as _digigov_form_Questions_Step_types from '@digigov/form/Questions/Step/types';
+import * as _digigov_form_Questions_types from '@digigov/form/Questions/types';
+import * as _digigov_form_types from '@digigov/form/types';
+import * as _digigov_form_utils from '@digigov/form/utils';
+import * as _digigov_form_validators from '@digigov/form/validators';
+import * as _digigov_form_validators_types from '@digigov/form/validators/types';
+import * as _digigov_form_validators_utils_afm from '@digigov/form/validators/utils/afm';
+import * as _digigov_form_validators_utils_file from '@digigov/form/validators/utils/file';
+import * as _digigov_form_validators_utils_iban from '@digigov/form/validators/utils/iban';
+import * as _digigov_form_validators_utils from '@digigov/form/validators/utils';
+import * as _digigov_form_validators_utils_int from '@digigov/form/validators/utils/int';
+import * as _digigov_form_validators_utils_number from '@digigov/form/validators/utils/number';
+import * as _digigov_form_validators_utils_phone from '@digigov/form/validators/utils/phone';
+import * as _digigov_form_validators_utils_postal_code from '@digigov/form/validators/utils/postal_code';
+import * as _digigov_form_validators_utils_uuid4 from '@digigov/form/validators/utils/uuid4';
+
+function lazyImport(pkgImport) {
+  return new Proxy({}, {
+    get: function get(_target, name) {
+      if (name === '__esModule' || name === 'default') {
+        return pkgImport["default"];
+      } else if (name === '*') {
+        return pkgImport;
+      } else {
+        return pkgImport[name];
+      }
+    }
+  });
+}
+
+export default {
+  '@digigov/form/Field/FieldBase': lazyImport(_digigov_form_Field_FieldBase),
+  '@digigov/form/Field/FieldConditional': lazyImport(_digigov_form_Field_FieldConditional),
+  '@digigov/form/Field/FieldContainer': lazyImport(_digigov_form_Field_FieldContainer),
+  '@digigov/form/Field': lazyImport(_digigov_form_Field),
+  '@digigov/form/Field/types': lazyImport(_digigov_form_Field_types),
+  '@digigov/form/Field/utils': lazyImport(_digigov_form_Field_utils),
+  '@digigov/form/FieldArray': lazyImport(_digigov_form_FieldArray),
+  '@digigov/form/FieldObject': lazyImport(_digigov_form_FieldObject),
+  '@digigov/form/Fieldset/FieldsetWithContext': lazyImport(_digigov_form_Fieldset_FieldsetWithContext),
+  '@digigov/form/Fieldset': lazyImport(_digigov_form_Fieldset),
+  '@digigov/form/Fieldset/types': lazyImport(_digigov_form_Fieldset_types),
+  '@digigov/form/FormBuilder/FormBuilder': lazyImport(_digigov_form_FormBuilder_FormBuilder),
+  '@digigov/form/FormBuilder': lazyImport(_digigov_form_FormBuilder),
+  '@digigov/form/FormContext': lazyImport(_digigov_form_FormContext),
+  '@digigov/form': lazyImport(_digigov_form),
+  '@digigov/form/inputs/AutoComplete': lazyImport(_digigov_form_inputs_AutoComplete),
+  '@digigov/form/inputs/Checkboxes': lazyImport(_digigov_form_inputs_Checkboxes),
+  '@digigov/form/inputs/DateInput': lazyImport(_digigov_form_inputs_DateInput),
+  '@digigov/form/inputs/FileInput': lazyImport(_digigov_form_inputs_FileInput),
+  '@digigov/form/inputs': lazyImport(_digigov_form_inputs),
+  '@digigov/form/inputs/Input': lazyImport(_digigov_form_inputs_Input),
+  '@digigov/form/inputs/Label': lazyImport(_digigov_form_inputs_Label),
+  '@digigov/form/inputs/Radio': lazyImport(_digigov_form_inputs_Radio),
+  '@digigov/form/inputs/Select': lazyImport(_digigov_form_inputs_Select),
+  '@digigov/form/internal': lazyImport(_digigov_form_internal),
+  '@digigov/form/MultiplicityField/add-objects': lazyImport(_digigov_form_MultiplicityField_add_objects),
+  '@digigov/form/MultiplicityField': lazyImport(_digigov_form_MultiplicityField),
+  '@digigov/form/Questions/getNextStep': lazyImport(_digigov_form_Questions_getNextStep),
+  '@digigov/form/Questions': lazyImport(_digigov_form_Questions),
+  '@digigov/form/Questions/Questions': lazyImport(_digigov_form_Questions_Questions),
+  '@digigov/form/Questions/QuestionsContext': lazyImport(_digigov_form_Questions_QuestionsContext),
+  '@digigov/form/Questions/Step/getAddMoreFields': lazyImport(_digigov_form_Questions_Step_getAddMoreFields),
+  '@digigov/form/Questions/Step': lazyImport(_digigov_form_Questions_Step),
+  '@digigov/form/Questions/Step/ReviewStep': lazyImport(_digigov_form_Questions_Step_ReviewStep),
+  '@digigov/form/Questions/Step/Step': lazyImport(_digigov_form_Questions_Step_Step),
+  '@digigov/form/Questions/Step/StepArrayReview': lazyImport(_digigov_form_Questions_Step_StepArrayReview),
+  '@digigov/form/Questions/Step/StepContext': lazyImport(_digigov_form_Questions_Step_StepContext),
+  '@digigov/form/Questions/Step/StepDescription': lazyImport(_digigov_form_Questions_Step_StepDescription),
+  '@digigov/form/Questions/Step/StepForm': lazyImport(_digigov_form_Questions_Step_StepForm),
+  '@digigov/form/Questions/Step/StepQuote': lazyImport(_digigov_form_Questions_Step_StepQuote),
+  '@digigov/form/Questions/Step/StepTitle': lazyImport(_digigov_form_Questions_Step_StepTitle),
+  '@digigov/form/Questions/Step/types': lazyImport(_digigov_form_Questions_Step_types),
+  '@digigov/form/Questions/types': lazyImport(_digigov_form_Questions_types),
+  '@digigov/form/types': lazyImport(_digigov_form_types),
+  '@digigov/form/utils': lazyImport(_digigov_form_utils),
+  '@digigov/form/validators': lazyImport(_digigov_form_validators),
+  '@digigov/form/validators/types': lazyImport(_digigov_form_validators_types),
+  '@digigov/form/validators/utils/afm': lazyImport(_digigov_form_validators_utils_afm),
+  '@digigov/form/validators/utils/file': lazyImport(_digigov_form_validators_utils_file),
+  '@digigov/form/validators/utils/iban': lazyImport(_digigov_form_validators_utils_iban),
+  '@digigov/form/validators/utils': lazyImport(_digigov_form_validators_utils),
+  '@digigov/form/validators/utils/int': lazyImport(_digigov_form_validators_utils_int),
+  '@digigov/form/validators/utils/number': lazyImport(_digigov_form_validators_utils_number),
+  '@digigov/form/validators/utils/phone': lazyImport(_digigov_form_validators_utils_phone),
+  '@digigov/form/validators/utils/postal_code': lazyImport(_digigov_form_validators_utils_postal_code),
+  '@digigov/form/validators/utils/uuid4': lazyImport(_digigov_form_validators_utils_uuid4)
+};

package/esm/Field/utils.js

@@ -54,6 +54,7 @@ export function calculateField(children, field, componentRegistry) {
 
   if (children) {
     calculatedField.component = children;
+    calculatedField.controlled = true;
   } else if (typeof field.component === 'function') {// leave as is
   } else if (!field.component && !field.type) {
     var _fieldComponentRegist;

package/esm/FieldArray/FieldArray.stories.playwright.json

@@ -0,0 +1,168 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-form-fieldarray--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>button"
+              }
+            },
+            {
+              "name": "waitForSelector",
+              "args": {
+                "selector": "text=Το πεδίο πρέπει να έχει τουλάχιστον 2 εγγραφές. Προσθέστε μια ακόμα επιλέγοντας την απάντηση «Ναι» στην επόμενη ερώτηση.",
+                "options": {
+                  "state": "visible"
+                }
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button",
+                "options": {
+                  "clickCount": 2
+                }
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "text=Συνέχεια"
+              }
+            },
+            {
+              "name": "waitForSelector",
+              "args": {
+                "selector": "text=Το πεδίο είναι υποχρεωτικό.",
+                "options": {
+                  "state": "visible"
+                }
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(3)>label>input",
+                "text": "2107474274"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>button"
+              }
+            }
+          ],
+          "id": "iMmV-vvS4iNn",
+          "title": "Add new items to FieldArray"
+        }
+      ]
+    },
+    "digigov-form-fieldarray--with-exact-length": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "text=Προσθήκη συνυπογράφοντα"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": ".govgr-fieldset:has-text(\"Συνυπογράφοντας 1\") .govgr-field:has-text(\"ΑΦΜ\") input",
+                "text": "094536469"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": ".govgr-fieldset:has-text(\"Συνυπογράφοντας 1\") .govgr-field:has-text(\"Όνομα\") input",
+                "text": "Γιάννης"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": ".govgr-fieldset:has-text(\"Συνυπογράφοντας 1\") .govgr-field:has-text(\"Επώνυμο\") input",
+                "text": "Δόες"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>button"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": ".govgr-field:has-text(\"Πεδίο 2\") input",
+                "text": "2107474274"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "text=Συνέχεια"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "text=Προσθήκη συνυπογράφοντα"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "text=Συνέχεια"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": ".govgr-fieldset:has-text(\"Συνυπογράφοντας 2\") .govgr-field:has-text(\"ΑΦΜ\") input",
+                "text": "094536469"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": ".govgr-fieldset:has-text(\"Συνυπογράφοντας 2\") .govgr-field:has-text(\"Όνομα\") input",
+                "text": "Γιάννης"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": ".govgr-fieldset:has-text(\"Συνυπογράφοντας 2\") .govgr-field:has-text(\"Επώνυμο\") input",
+                "text": "Δόες"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>button"
+              }
+            }
+          ],
+          "id": "RbhRN0ZiUB7C",
+          "title": "Add an exact length of items to FieldArray"
+        }
+      ]
+    }
+  }
+}

package/esm/FieldArray/__stories__/Default.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { Suspense } from 'react';
+import React from 'react';
 import FormBuilder, { Field } from '@digigov/form';
 import { Button } from '@digigov/ui/core';
 var fields = [{
@@ -71,9 +71,7 @@ var fields = [{
 var _ref = /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
 
 export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(Suspense, {
-    fallback: "loading"
-  }, /*#__PURE__*/React.createElement(FormBuilder, {
+  return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
       debugger;
       console.log(data);
@@ -84,5 +82,5 @@ export var Default = function Default() {
     name: "multiplicity"
   }, fields[1])), /*#__PURE__*/React.createElement(Field, _extends({
     name: "phonenumber"
-  }, fields[2])), _ref));
+  }, fields[2])), _ref);
 };

package/esm/FieldArray/__stories__/WithExactLength.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { Suspense } from 'react';
+import React from 'react';
 import FormBuilder, { Field } from '@digigov/form';
 import { Button } from '@digigov/ui/core';
 var fields = [{
@@ -70,9 +70,7 @@ var fields = [{
 var _ref = /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
 
 export var WithExactLength = function WithExactLength() {
-  return /*#__PURE__*/React.createElement(Suspense, {
-    fallback: "loading"
-  }, /*#__PURE__*/React.createElement(FormBuilder, {
+  return /*#__PURE__*/React.createElement(FormBuilder, {
     onSubmit: function onSubmit(data) {
       debugger;
       console.log(data);
@@ -83,5 +81,5 @@ export var WithExactLength = function WithExactLength() {
     name: "multiplicity"
   }, fields[1])), /*#__PURE__*/React.createElement(Field, _extends({
     name: "phonenumber"
-  }, fields[2])), _ref));
+  }, fields[2])), _ref);
 };

package/esm/FieldArray/index.js

@@ -41,6 +41,7 @@ export var FieldArray = function FieldArray(_ref) {
     }, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLabel, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 ", index + 1), /*#__PURE__*/React.createElement(FieldObject, _extends({
       name: "".concat(name, ".").concat(index),
       error: Array.isArray(error) && error[index],
+      formState: formState,
       register: register,
       control: control
     }, (_customField$extra = customField.extra) === null || _customField$extra === void 0 ? void 0 : _customField$extra.of)), /*#__PURE__*/React.createElement(Button, {

package/esm/FieldObject/index.js

@@ -9,7 +9,6 @@ export var FieldObject = function FieldObject(_ref) {
   var name = _ref.name,
       label = _ref.label,
       extra = _ref.extra,
-      error = _ref.error,
       control = _ref.control,
       register = _ref.register,
       reset = _ref.reset,
@@ -28,7 +27,7 @@ export var FieldObject = function FieldObject(_ref) {
       register: register,
       reset: reset,
       field: field,
-      error: error && error[field.key],
+      error: formState.errors && formState.errors[field.key],
       formState: formState
     });
   }));