@digigov/form 2.0.0-cbc56209 → 2.0.0-d4fe516b

package/FieldArray/FieldArray.stories.playwright.json

@@ -1,353 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-form-fieldarray--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "text=Προσθήκη συνυπογράφοντα"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "text=Συνέχεια"
-              }
-            },
-            {
-              "name": "waitForSelector",
-              "args": {
-                "selector": "text=Το πεδίο πρέπει να έχει τουλάχιστον 2 εγγραφές. Προσθέστε μια ακόμα επιλέγοντας την απάντηση «Ναι» στην επόμενη ερώτηση.",
-                "options": {
-                  "state": "visible"
-                }
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "text=Προσθήκη συνυπογράφοντα",
-                "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"
-        },
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "Lhj8o_MByws7",
-          "title": "Validation errors"
-        },
-        {
-          "actions": [
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body",
-                "text": "hello"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(1)>label>input",
-                "text": "150000496"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(2)>label>input",
-                "text": "Jon"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(3)>label>input",
-                "text": "Doe"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(1)>label>input",
-                "text": "150000496"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(2)>label>input",
-                "text": "Mar"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(3)>label>input",
-                "text": "P"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(3)>label>input",
-                "text": "6977777777"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "OCWrR7oFA3YV",
-          "title": "add 2 items"
-        },
-        {
-          "actions": [
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body",
-                "text": "hello"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(1)>label>input",
-                "text": "150000496"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(2)>label>input",
-                "text": "Jon"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(3)>label>input",
-                "text": "Doe"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(1)>label>input",
-                "text": "150000496"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(2)>label>input",
-                "text": "Mar"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(3)>label>input",
-                "text": "P"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(3)>div>fieldset>button"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(3)>label>input",
-                "text": "6977777777"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "8ZxUUjo0Yxnr",
-          "title": "add 2 items and remove 1"
-        }
-      ]
-    },
-    "digigov-form-fieldarray--with-exact-length": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "WG3dAbfXa-Sn",
-          "title": "validation errors"
-        },
-        {
-          "actions": [
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(1)>label>input",
-                "text": "Hello"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(1)>label>input",
-                "text": "150000496"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(2)>label>input",
-                "text": "Μάρω"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div>div>fieldset>fieldset>div:nth-child(3)>label>input",
-                "text": "Μενεξέ"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>button"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(1)>label>input",
-                "text": "150000496"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(2)>label>input",
-                "text": "Ηλέκτρα"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(2)>fieldset>div:nth-child(4)>div>fieldset>fieldset>div:nth-child(3)>label>input",
-                "text": "Αποστόλου"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div:nth-child(3)>label>input",
-                "text": "6977654321"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "-U0EryxXC-g7",
-          "title": "add exact length of items"
-        }
-      ]
-    }
-  }
-}

package/FieldArray/__stories__/Default/index.js

@@ -1,88 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-var fields = [{
-  key: 'string',
-  type: 'string',
-  label: {
-    primary: 'Πεδίο κειμένου',
-    secondary: 'Το multiplicity field είναι ένα πεδίο οπότε φαίνεται και είναι μέρος της φόρμας'
-  }
-}, {
-  key: 'multiplicity',
-  type: 'array',
-  label: {
-    primary: 'Συνυπογράφοντες',
-    secondary: 'Οι συνυπογράφοντες είναι άνθρωποι σαν και εμάς'
-  },
-  extra: {
-    label: {
-      object: {
-        title: 'Συνυπογράφοντας',
-        add: 'Προσθήκη συνυπογράφοντα',
-        "delete": 'Αφαίρεση συνυπογράφοντος'
-      },
-      question: {
-        title: 'Θέλετε να προσθέσετε επιπλέον συνυπογράφοντες;',
-        objectLabel: {
-          primary: 'Προσθήκη νέου συνυπογράφοντα',
-          secondary: 'Συμπληρώστε τα στοιχεία και μετά πατήστε «Προσθήκη»'
-        },
-        yes: 'Ναι',
-        no: 'Όχι'
-      }
-    },
-    min: 2,
-    max: 4,
-    of: {
-      type: 'object',
-      extra: {
-        fields: [{
-          key: 'afm',
-          type: 'afm',
-          required: true,
-          label: {
-            primary: 'ΑΦΜ'
-          }
-        }, {
-          key: 'firstName',
-          required: true,
-          type: 'string',
-          label: {
-            primary: 'Όνομα'
-          }
-        }, {
-          key: 'lastName',
-          required: true,
-          type: 'string',
-          label: {
-            primary: 'Επώνυμο'
-          }
-        }]
-      }
-    }
-  }
-}, {
-  key: 'phonenumber',
-  type: 'phone_number',
-  required: true,
-  label: {
-    primary: 'Σταθερό τηλέφωνο',
-    secondary: 'Συμπληρώστε τον αριθμό τηλεφώνου'
-  }
-}];
-var _ref = /*#__PURE__*/React.createElement(Button, null, "\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, _extends({
-    name: "string"
-  }, fields[0])), /*#__PURE__*/React.createElement(Field, _extends({
-    name: "multiplicity"
-  }, fields[1])), /*#__PURE__*/React.createElement(Field, _extends({
-    name: "phonenumber"
-  }, fields[2])), _ref);
-};

package/FieldArray/__stories__/WithExactLength/index.js

@@ -1,88 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-var fields = [{
-  key: 'string',
-  type: 'string',
-  label: {
-    primary: 'Πεδίο κειμένου',
-    secondary: 'Το multiplicity field είναι ένα πεδίο οπότε φαίνεται και είναι μέρος της φόρμας'
-  }
-}, {
-  key: 'multiplicity',
-  type: 'array',
-  label: {
-    primary: 'Συνυπογράφοντες',
-    secondary: 'Οι συνυπογράφοντες είναι άνθρωποι σαν και εμάς'
-  },
-  extra: {
-    label: {
-      object: {
-        title: 'Συνυπογράφοντας',
-        title_added: 'Οι συνυπογράφοντες που έχετε προσθέσει',
-        add: 'Προσθήκη',
-        "delete": 'Αφαίρεση συνυπογράφοντος'
-      },
-      question: {
-        title: 'Θέλετε να προσθέσετε επιπλέον συνυπογράφοντες;',
-        objectLabel: {
-          primary: 'Προσθήκη νέου συνυπογράφοντα',
-          secondary: 'Συμπληρώστε τα στοιχεία και μετά πατήστε «Προσθήκη»'
-        },
-        yes: 'Ναι',
-        no: 'Όχι'
-      }
-    },
-    length: 2,
-    of: {
-      type: 'object',
-      extra: {
-        fields: [{
-          key: 'afm',
-          type: 'afm',
-          required: true,
-          label: {
-            primary: 'ΑΦΜ'
-          }
-        }, {
-          key: 'firstName',
-          required: true,
-          type: 'string',
-          label: {
-            primary: 'Όνομα'
-          }
-        }, {
-          key: 'lastName',
-          required: true,
-          type: 'string',
-          label: {
-            primary: 'Επώνυμο'
-          }
-        }]
-      }
-    }
-  }
-}, {
-  key: 'phonenumber',
-  type: 'phone_number',
-  required: true,
-  label: {
-    primary: 'Σταθερό τηλέφωνο',
-    secondary: 'Συμπληρώστε τον αριθμό τηλεφώνου σας'
-  }
-}];
-var _ref = /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-export var WithExactLength = function WithExactLength() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, _extends({
-    name: "string"
-  }, fields[0])), /*#__PURE__*/React.createElement(Field, _extends({
-    name: "multiplicity"
-  }, fields[1])), /*#__PURE__*/React.createElement(Field, _extends({
-    name: "phonenumber"
-  }, fields[2])), _ref);
-};

package/FieldArray/__stories__/WithExactLength/package.json

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

package/Form.stories/index.js

@@ -1,3 +0,0 @@
-export default {
-  title: 'Digigov Form'
-};

package/FormBuilder/FormBuilder/index.js

@@ -1,152 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["onSubmit", "children", "registerField", "fieldsMap", "fieldsetsMap", "resolver", "mode", "initial", "reValidateMode", "shouldFocusError", "criteriaMode", "componentRegistry", "grid"],
-  _excluded2 = ["fields", "fieldsets", "initial", "onSubmit", "children", "reValidateMode", "mode", "shouldFocusError", "criteriaMode", "auto", "validatorRegistry", "componentRegistry", "grid"];
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React, { useCallback, useRef } from 'react';
-import { useForm } from 'react-hook-form';
-import Field from '@digigov/form/Field';
-import Fieldset from '@digigov/form/Fieldset';
-import { FormContext } from '@digigov/form/FormContext';
-import { yupResolver } from '@digigov/form/utils';
-import { useValidationSchema } from '@digigov/form/validators';
-import { Form } from '@digigov/react-core/Form';
-export var FormBase = /*#__PURE__*/React.forwardRef(function FormBase(_ref, ref) {
-  var onSubmit = _ref.onSubmit,
-    children = _ref.children,
-    registerField = _ref.registerField,
-    fieldsMap = _ref.fieldsMap,
-    fieldsetsMap = _ref.fieldsetsMap,
-    resolver = _ref.resolver,
-    mode = _ref.mode,
-    initial = _ref.initial,
-    reValidateMode = _ref.reValidateMode,
-    shouldFocusError = _ref.shouldFocusError,
-    criteriaMode = _ref.criteriaMode,
-    componentRegistry = _ref.componentRegistry,
-    grid = _ref.grid,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var form = useForm({
-    resolver: resolver,
-    mode: mode,
-    defaultValues: initial,
-    reValidateMode: reValidateMode,
-    shouldFocusError: shouldFocusError,
-    criteriaMode: criteriaMode
-  });
-  var handleSubmit = useCallback(function (data) {
-    onSubmit && onSubmit(data);
-  }, [onSubmit]);
-  var ctx = {
-    fieldsMap: fieldsMap,
-    fieldsetsMap: fieldsetsMap,
-    control: form.control,
-    register: form.register,
-    watch: form.watch,
-    registerField: registerField,
-    errors: form.formState.errors,
-    formState: form.formState,
-    reset: form.reset,
-    trigger: form.trigger,
-    getFieldState: form.getFieldState,
-    setValue: form.setValue,
-    clearErrors: form.clearErrors,
-    getValues: form.getValues,
-    unregister: form.unregister,
-    componentRegistry: componentRegistry,
-    setError: form.setError
-  };
-  return /*#__PURE__*/React.createElement(FormContext.Provider, {
-    value: ctx
-  }, /*#__PURE__*/React.createElement(Form, _extends({
-    grid: grid,
-    onSubmit: form.handleSubmit(handleSubmit),
-    ref: ref
-  }, props), children));
-});
-export var FormBuilder = /*#__PURE__*/React.forwardRef(function FormBuilder(_ref2, ref) {
-  var _ref2$fields = _ref2.fields,
-    fields = _ref2$fields === void 0 ? [] : _ref2$fields,
-    fieldsets = _ref2.fieldsets,
-    _ref2$initial = _ref2.initial,
-    initial = _ref2$initial === void 0 ? {} : _ref2$initial,
-    onSubmit = _ref2.onSubmit,
-    children = _ref2.children,
-    _ref2$reValidateMode = _ref2.reValidateMode,
-    reValidateMode = _ref2$reValidateMode === void 0 ? 'onSubmit' : _ref2$reValidateMode,
-    _ref2$mode = _ref2.mode,
-    mode = _ref2$mode === void 0 ? 'onSubmit' : _ref2$mode,
-    _ref2$shouldFocusErro = _ref2.shouldFocusError,
-    shouldFocusError = _ref2$shouldFocusErro === void 0 ? true : _ref2$shouldFocusErro,
-    _ref2$criteriaMode = _ref2.criteriaMode,
-    criteriaMode = _ref2$criteriaMode === void 0 ? 'all' : _ref2$criteriaMode,
-    _ref2$auto = _ref2.auto,
-    auto = _ref2$auto === void 0 ? false : _ref2$auto,
-    validatorRegistry = _ref2.validatorRegistry,
-    componentRegistry = _ref2.componentRegistry,
-    _ref2$grid = _ref2.grid,
-    grid = _ref2$grid === void 0 ? false : _ref2$grid,
-    props = _objectWithoutProperties(_ref2, _excluded2);
-  var fieldsState = useRef(fields);
-  var setFieldsState = useCallback(function (newFields) {
-    fieldsState.current = newFields;
-  }, []);
-  var schema = useValidationSchema(fieldsState, validatorRegistry);
-  var registerField = useCallback(function (field) {
-    var fieldIndex = fieldsState.current.findIndex(function (f) {
-      return f.key === field.key;
-    });
-    if (fieldIndex > -1) {
-      fieldsState.current[fieldIndex] = field;
-    } else {
-      fieldsState.current.push(field);
-    }
-    setFieldsState(fieldsState.current);
-  }, []);
-  var resolver;
-  var fieldsMap;
-  var fieldsetsMap;
-  var fieldChildren;
-  if (schema) {
-    resolver = yupResolver(schema);
-    fieldsMap = fields ? fields.reduce(function (map, field) {
-      return _extends({}, map, _defineProperty({}, field.key, field));
-    }, {}) : {};
-    fieldsetsMap = fieldsets && fieldsets.reduce(function (map, fieldset) {
-      return _extends({}, map, _defineProperty({}, fieldset.key, fieldset));
-    }, {});
-    if (auto) {
-      if (fieldsets) {
-        fieldChildren = fieldsets.map(function (fieldset) {
-          return /*#__PURE__*/React.createElement(Fieldset, {
-            key: fieldset.key
-          });
-        });
-      } else if (fields) {
-        fieldChildren = fields.map(function (field) {
-          return /*#__PURE__*/React.createElement(Field, {
-            key: field.key,
-            name: field.key
-          });
-        });
-      }
-    }
-  }
-  return /*#__PURE__*/React.createElement(FormBase, _extends({
-    resolver: resolver,
-    fieldsetsMap: fieldsetsMap,
-    fieldsMap: fieldsMap,
-    registerField: registerField,
-    initial: initial,
-    reValidateMode: reValidateMode,
-    mode: mode,
-    shouldFocusError: shouldFocusError,
-    criteriaMode: criteriaMode,
-    onSubmit: onSubmit,
-    componentRegistry: componentRegistry,
-    ref: ref,
-    grid: grid
-  }, props), fieldChildren, children);
-});
-export default FormBuilder;