@digigov/form 1.0.0-8ae63a77 → 1.0.0-8b33e4c8

package/esm/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/esm/FieldArray/__stories__/Default.js

@@ -1,90 +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/esm/FieldArray/__stories__/WithExactLength.js

@@ -1,90 +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/esm/FieldArray/index.js

@@ -1,65 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "register", "control", "formState", "error", "layout", "label"];
-import React from 'react';
-import { useFieldArray } from 'react-hook-form';
-import FieldContainer from '@digigov/form/Field/FieldBaseContainer';
-import FieldObject from '@digigov/form/FieldObject';
-import { FieldsetLabel } from '@digigov/form/Fieldset';
-import Fieldset from '@digigov/react-core/Fieldset';
-import { Button, Card, Hint } from '@digigov/ui';
-export var FieldArray = function FieldArray(_ref) {
-  var _customField$extra, _customField$extra$la, _customField$extra4, _customField$extra4$l;
-
-  var name = _ref.name,
-      register = _ref.register,
-      control = _ref.control,
-      formState = _ref.formState,
-      error = _ref.error,
-      layout = _ref.layout,
-      label = _ref.label,
-      customField = _objectWithoutProperties(_ref, _excluded);
-
-  var _useFieldArray = useFieldArray({
-    control: control,
-    name: name
-  }),
-      fields = _useFieldArray.fields,
-      append = _useFieldArray.append,
-      remove = _useFieldArray.remove;
-
-  return /*#__PURE__*/React.createElement(FieldContainer, {
-    label: label,
-    layout: layout,
-    error: formState.isSubmitted && !formState.isSubmitting && error !== null && error !== void 0 && error.message && error ? error : undefined,
-    wrapper: "fieldset",
-    name: name
-  }, fields.length === 0 && /*#__PURE__*/React.createElement(Hint, null, (_customField$extra = customField.extra) === null || _customField$extra === void 0 ? void 0 : (_customField$extra$la = _customField$extra.label.object) === null || _customField$extra$la === void 0 ? void 0 : _customField$extra$la.nothing_added), fields.map(function (field, index) {
-    var _customField$extra2, _customField$extra3;
-
-    return /*#__PURE__*/React.createElement(Card, {
-      variant: "border",
-      key: field.id
-    }, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLabel, null, (_customField$extra2 = customField.extra) === null || _customField$extra2 === void 0 ? void 0 : _customField$extra2.label.object.title, " ", 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$extra3 = customField.extra) === null || _customField$extra3 === void 0 ? void 0 : _customField$extra3.of)), /*#__PURE__*/React.createElement(Button, {
-      type: "button",
-      color: "warning",
-      onClick: function onClick() {
-        return remove(index);
-      }
-    }, "Remove")));
-  }), /*#__PURE__*/React.createElement(Button, {
-    type: "button",
-    color: "secondary",
-    onClick: function onClick(ev) {
-      ev.preventDefault();
-      append({});
-    }
-  }, (_customField$extra4 = customField.extra) === null || _customField$extra4 === void 0 ? void 0 : (_customField$extra4$l = _customField$extra4.label.object) === null || _customField$extra4$l === void 0 ? void 0 : _customField$extra4$l.add));
-};
-export default FieldArray;

package/esm/FieldObject/index.js

@@ -1,58 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useMemo } from 'react';
-import { FieldBase } from '@digigov/form/Field/FieldBase';
-import { calculateField } from '@digigov/form/Field/utils';
-import Fieldset, { FieldsetCaption } from '@digigov/form/Fieldset';
-import { FieldsetLegend } from '@digigov/react-core';
-import { useTranslation } from '@digigov/ui/i18n';
-export var FieldObject = function FieldObject(_ref) {
-  var name = _ref.name,
-      label = _ref.label,
-      extra = _ref.extra,
-      control = _ref.control,
-      register = _ref.register,
-      reset = _ref.reset,
-      formState = _ref.formState;
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  return /*#__PURE__*/React.createElement(Fieldset, null, (label === null || label === void 0 ? void 0 : label.primary) && /*#__PURE__*/React.createElement(FieldsetLegend, {
-    size: "sm"
-  }, t(label.primary)), (label === null || label === void 0 ? void 0 : label.secondary) && /*#__PURE__*/React.createElement(FieldsetCaption, null, t(label.secondary)), extra === null || extra === void 0 ? void 0 : extra.fields.map(function (field) {
-    return /*#__PURE__*/React.createElement(FieldObjectItem, {
-      key: "".concat(name, ".").concat(field.key),
-      name: "".concat(name, ".").concat(field.key),
-      control: control,
-      register: register,
-      reset: reset,
-      field: field,
-      error: formState.errors && formState.errors[field.key],
-      formState: formState
-    });
-  }));
-};
-
-var FieldObjectItem = function FieldObjectItem(_ref2) {
-  var name = _ref2.name,
-      children = _ref2.children,
-      field = _ref2.field,
-      error = _ref2.error,
-      control = _ref2.control,
-      formState = _ref2.formState,
-      reset = _ref2.reset,
-      register = _ref2.register;
-  var calculatedField = useMemo(function () {
-    return calculateField(children, field);
-  }, [field]);
-  var customError = error ? error : formState === null || formState === void 0 ? void 0 : formState.errors[name];
-  return /*#__PURE__*/React.createElement(FieldBase, _extends({}, calculatedField, {
-    name: name,
-    control: control,
-    reset: reset,
-    register: register,
-    error: customError
-  }));
-};
-
-export default FieldObject;