@digigov/form 1.2.0-dcbd7ded → 2.0.0-7d9a8d86

package/Field/utils/index.js

@@ -1,18 +1,15 @@
-import _extends from "@babel/runtime/helpers/extends";
-import { lazy, useContext, useMemo } from 'react';
-import { FormContext } from '@digigov/form/FormContext';
-import Checkboxes from '@digigov/form/inputs/Checkboxes';
-import DateInput from '@digigov/form/inputs/DateInput';
-import FileInput from '@digigov/form/inputs/FileInput';
-import ImageInput from '@digigov/form/inputs/ImageInput';
-import Input from '@digigov/form/inputs/Input';
-import OtpInput from '@digigov/form/inputs/OtpInput';
-import Radio from '@digigov/form/inputs/Radio';
-import Select from '@digigov/form/inputs/Select';
-var AutoCompleteInput = /*#__PURE__*/lazy(function () {
-  return import('@digigov/form/inputs/AutoCompleteInput');
-});
-var FIELD_COMPONENTS = {
+import {useContext, useMemo} from "react";
+import {FormContext} from "@digigov/form/FormContext";
+import Checkboxes from "@digigov/form/inputs/Checkboxes";
+import DateInput from "@digigov/form/inputs/DateInput";
+import FileInput from "@digigov/form/inputs/FileInput";
+import ImageInput from "@digigov/form/inputs/ImageInput";
+import Input from "@digigov/form/inputs/Input";
+import OtpInput from "@digigov/form/inputs/OtpInput";
+import Radio from "@digigov/form/inputs/Radio";
+import Select from "@digigov/form/inputs/Select";
+import AutoCompleteInput from "@digigov/form/inputs/AutoCompleteInput";
+const FIELD_COMPONENTS = {
   text: {
     component: Input
   },
@@ -20,134 +17,136 @@ var FIELD_COMPONENTS = {
     component: Input
   },
   file: {
-    wrapper: 'fieldset',
+    wrapper: "fieldset",
     component: FileInput
   },
   image: {
-    wrapper: 'fieldset',
+    wrapper: "fieldset",
     component: ImageInput
   },
   date: {
-    wrapper: 'fieldset',
+    wrapper: "fieldset",
     controlled: true,
     component: DateInput
   },
   otp: {
-    wrapper: 'fieldset',
+    wrapper: "fieldset",
     controlled: true,
     component: OtpInput
   },
-  'choice:multiple': {
-    wrapper: 'fieldset',
+  "choice:multiple": {
+    wrapper: "fieldset",
     controlled: true,
     component: Checkboxes
   },
-  'choice:single': {
-    wrapper: 'fieldset',
+  "choice:single": {
+    wrapper: "fieldset",
     controlled: false,
     component: Radio
   }
 };
-var ALTERNATIVE_COMPONENTS = {
+const ALTERNATIVE_COMPONENTS = {
   Select: {
     component: Select,
     controlled: false
   },
   AutoComplete: {
     component: AutoCompleteInput,
-    controlled: true
+    controlled: true,
+    wrapper: "fieldset"
   }
 };
-export function calculateField(children, field, componentRegistry) {
-  var _field$extra;
-  var calculatedField = _extends({}, field);
-  var fieldComponentRegistry = _extends({}, FIELD_COMPONENTS, componentRegistry);
+function calculateField(children, field, componentRegistry) {
+  const calculatedField = {...field};
+  const fieldComponentRegistry = {...FIELD_COMPONENTS, ...componentRegistry};
   if (children) {
     calculatedField.component = children;
     calculatedField.controlled = true;
-  } else if (typeof field.component === 'function') {
-    // leave as is
+  } else if (typeof field.component === "function") {
   } else if (!field.component && !field.type) {
-    var _fieldComponentRegist;
     calculatedField.component = fieldComponentRegistry.string.component;
-    calculatedField.controlled = ((_fieldComponentRegist = fieldComponentRegistry.string) === null || _fieldComponentRegist === void 0 ? void 0 : _fieldComponentRegist.controlled) || false;
-  } else if (typeof (field === null || field === void 0 ? void 0 : (_field$extra = field.extra) === null || _field$extra === void 0 ? void 0 : _field$extra.component) === 'string' && ALTERNATIVE_COMPONENTS[field.extra.component]) {
-    var _ALTERNATIVE_COMPONEN;
-    calculatedField.controlled = ((_ALTERNATIVE_COMPONEN = ALTERNATIVE_COMPONENTS[field.extra.component]) === null || _ALTERNATIVE_COMPONEN === void 0 ? void 0 : _ALTERNATIVE_COMPONEN.controlled) || false;
+    calculatedField.controlled = fieldComponentRegistry.string?.controlled || false;
+  } else if (typeof field?.extra?.component === "string" && ALTERNATIVE_COMPONENTS[field.extra.component]) {
+    calculatedField.controlled = ALTERNATIVE_COMPONENTS[field.extra.component]?.controlled || false;
     calculatedField.component = ALTERNATIVE_COMPONENTS[field.extra.component].component;
+    calculatedField.wrapper = ALTERNATIVE_COMPONENTS[field.extra.component].wrapper;
   } else if (!field.component && field.type && fieldComponentRegistry[field.type]) {
-    var _fieldComponentRegist2;
     calculatedField.component = fieldComponentRegistry[field.type].component;
     calculatedField.wrapper = fieldComponentRegistry[field.type].wrapper;
-    calculatedField.controlled = ((_fieldComponentRegist2 = fieldComponentRegistry[field.type]) === null || _fieldComponentRegist2 === void 0 ? void 0 : _fieldComponentRegist2.controlled) || false;
+    calculatedField.controlled = fieldComponentRegistry[field.type]?.controlled || false;
   } else {
-    var _fieldComponentRegist3;
     calculatedField.component = fieldComponentRegistry.string.component;
-    calculatedField.controlled = ((_fieldComponentRegist3 = fieldComponentRegistry.string) === null || _fieldComponentRegist3 === void 0 ? void 0 : _fieldComponentRegist3.controlled) || false;
+    calculatedField.controlled = fieldComponentRegistry.string?.controlled || false;
   }
   return calculatedField;
 }
-export var useField = function useField(name, customField) {
-  var _useContext = useContext(FormContext),
-    fieldsMap = _useContext.fieldsMap,
-    control = _useContext.control,
-    register = _useContext.register,
-    reset = _useContext.reset,
-    trigger = _useContext.trigger,
-    clearErrors = _useContext.clearErrors,
-    errors = _useContext.errors,
-    registerField = _useContext.registerField,
-    watch = _useContext.watch,
-    componentRegistry = _useContext.componentRegistry,
-    getFieldState = _useContext.getFieldState,
-    setValue = _useContext.setValue,
-    getValues = _useContext.getValues,
-    unregister = _useContext.unregister,
-    formState = _useContext.formState;
+const useField = (name, customField) => {
+  const {
+    fieldsMap,
+    control,
+    register,
+    reset,
+    trigger,
+    clearErrors,
+    errors,
+    registerField,
+    watch,
+    componentRegistry,
+    getFieldState,
+    setValue,
+    getValues,
+    unregister,
+    formState
+  } = useContext(FormContext);
   if (!registerField) {
-    throw new Error("\n      You can't use the Field component without wrapping it in FormBuilder.\n      https://devs.pages.grnet.gr/digigov/digigov-sdk/sdk-docs/forms/create-simple-form/\n    ");
+    throw new Error(`
+      You can't use the Field component without wrapping it in FormBuilder.
+      https://devs.pages.grnet.gr/digigov/digigov-sdk/sdk-docs/forms/create-simple-form/
+    `);
   }
-  useMemo(function () {
-    return (customField === null || customField === void 0 ? void 0 : customField.type) && registerField(_extends({}, customField, {
-      key: name
-    }));
-  }, [customField, name, registerField]);
+  useMemo(() => customField?.type && registerField({...customField, key: name}), [customField, name, registerField]);
   return {
     field: customField || fieldsMap[name],
-    control: control,
-    register: register,
-    reset: reset,
-    trigger: trigger,
-    watch: watch,
-    componentRegistry: componentRegistry,
-    getFieldState: getFieldState,
-    setValue: setValue,
-    clearErrors: clearErrors,
-    getValues: getValues,
-    unregister: unregister,
-    formState: formState,
+    control,
+    register,
+    reset,
+    trigger,
+    watch,
+    componentRegistry,
+    getFieldState,
+    setValue,
+    clearErrors,
+    getValues,
+    unregister,
+    formState,
     error: errors[name]
   };
 };
-export function evaluateFieldWithConditions(field, variables) {
-  var newField = _extends({}, field);
+function evaluateFieldWithConditions(field, variables) {
+  const newField = {...field};
   if (variables) {
-    for (var key in variables) {
+    for (const key in variables) {
       if (field.condition[key] && field.condition[key].is) {
-        var is = field.condition[key].is;
+        const is = field.condition[key].is;
         if (is === variables[key] || Array.isArray(variables[key]) && variables[key].includes(is)) {
-          var then = field.condition[key].then || {};
-          for (var attr in then) {
+          const then = field.condition[key].then || {};
+          for (const attr in then) {
             newField[attr] = then[attr];
           }
         }
       } else if (field.condition[key]) {
-        var otherwise = field.condition[key]["else"] || {};
-        for (var _attr in otherwise) {
-          newField[_attr] = otherwise[_attr];
+        const otherwise = field.condition[key].else || {};
+        for (const attr in otherwise) {
+          newField[attr] = otherwise[attr];
         }
       }
     }
   }
   return newField;
-}
+}
+export {
+  calculateField,
+  evaluateFieldWithConditions,
+  useField
+};
+//# sourceMappingURL=utils.js.map

package/Field/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Field/utils.ts"],
+  "sourcesContent": ["import { useContext, useMemo } from 'react';\nimport {\n  CalculatedField,\n  FieldComponentRegistry,\n  FieldProps,\n  FieldWithCondition,\n  UseFieldProps,\n} from '@digigov/form/Field/types';\nimport { FormContext } from '@digigov/form/FormContext';\nimport Checkboxes from '@digigov/form/inputs/Checkboxes';\nimport DateInput from '@digigov/form/inputs/DateInput';\nimport FileInput from '@digigov/form/inputs/FileInput';\nimport ImageInput from '@digigov/form/inputs/ImageInput';\nimport Input from '@digigov/form/inputs/Input';\nimport OtpInput from '@digigov/form/inputs/OtpInput';\nimport Radio from '@digigov/form/inputs/Radio';\nimport Select from '@digigov/form/inputs/Select';\nimport AutoCompleteInput from '@digigov/form/inputs/AutoCompleteInput';\nimport { FieldSpec } from '@digigov/form/types';\n\n\nconst FIELD_COMPONENTS: FieldComponentRegistry = {\n  text: {\n    component: Input,\n  },\n  string: {\n    component: Input,\n  },\n  file: {\n    wrapper: 'fieldset',\n    component: FileInput,\n  },\n  image: {\n    wrapper: 'fieldset',\n    component: ImageInput,\n  },\n  date: {\n    wrapper: 'fieldset',\n    controlled: true,\n    component: DateInput,\n  },\n  otp: {\n    wrapper: 'fieldset',\n    controlled: true,\n    component: OtpInput,\n  },\n  'choice:multiple': {\n    wrapper: 'fieldset',\n    controlled: true,\n    component: Checkboxes,\n  },\n  'choice:single': {\n    wrapper: 'fieldset',\n    controlled: false,\n    component: Radio,\n  },\n};\n\nconst ALTERNATIVE_COMPONENTS: FieldComponentRegistry = {\n  Select: {\n    component: Select,\n    controlled: false,\n  },\n  AutoComplete: {\n    component: AutoCompleteInput,\n    controlled: true,\n    wrapper: 'fieldset'\n  },\n};\n\nexport function calculateField(\n  children: FieldProps['children'],\n  field: FieldSpec,\n  componentRegistry?: FieldComponentRegistry\n): CalculatedField {\n  const calculatedField = { ...field };\n  const fieldComponentRegistry = { ...FIELD_COMPONENTS, ...componentRegistry };\n  if (children) {\n    calculatedField.component = children;\n    calculatedField.controlled = true;\n  } else if (typeof field.component === 'function') {\n    // leave as is\n  } else if (!field.component && !field.type) {\n    calculatedField.component = fieldComponentRegistry.string.component;\n    calculatedField.controlled =\n      fieldComponentRegistry.string?.controlled || false;\n  } else if (\n    typeof field?.extra?.component === 'string' &&\n    ALTERNATIVE_COMPONENTS[field.extra.component]\n  ) {\n    calculatedField.controlled =\n      ALTERNATIVE_COMPONENTS[field.extra.component]?.controlled || false;\n    calculatedField.component =\n      ALTERNATIVE_COMPONENTS[field.extra.component].component;\n      calculatedField.wrapper = ALTERNATIVE_COMPONENTS[field.extra.component].wrapper;\n  } else if (\n    !field.component &&\n    field.type &&\n    fieldComponentRegistry[field.type]\n  ) {\n    calculatedField.component = fieldComponentRegistry[field.type].component;\n    calculatedField.wrapper = fieldComponentRegistry[field.type].wrapper;\n    calculatedField.controlled =\n      fieldComponentRegistry[field.type]?.controlled || false;\n  } else {\n    calculatedField.component = fieldComponentRegistry.string.component;\n    calculatedField.controlled =\n      fieldComponentRegistry.string?.controlled || false;\n  }\n  return calculatedField as CalculatedField;\n}\n\nexport const useField = (\n  name: string,\n  customField: FieldSpec | null\n): UseFieldProps => {\n  const {\n    fieldsMap,\n    control,\n    register,\n    reset,\n    trigger,\n    clearErrors,\n    errors,\n    registerField,\n    watch,\n    componentRegistry,\n    getFieldState,\n    setValue,\n    getValues,\n    unregister,\n    formState,\n  } = useContext(FormContext);\n\n  if (!registerField) {\n    throw new Error(`\n      You can't use the Field component without wrapping it in FormBuilder.\n      https://devs.pages.grnet.gr/digigov/digigov-sdk/sdk-docs/forms/create-simple-form/\n    `);\n  }\n\n  useMemo(\n    () => customField?.type && registerField({ ...customField, key: name }),\n    [customField, name, registerField]\n  );\n  return {\n    field: customField || fieldsMap[name],\n    control,\n    register,\n    reset,\n    trigger,\n    watch,\n    componentRegistry,\n    getFieldState,\n    setValue,\n    clearErrors,\n    getValues,\n    unregister,\n    formState,\n    error: errors[name],\n  };\n};\n\nexport function evaluateFieldWithConditions(\n  field: FieldWithCondition,\n  variables: FormData\n): CalculatedField {\n  const newField = { ...field };\n  if (variables) {\n    for (const key in variables) {\n      if (field.condition[key] && field.condition[key].is) {\n        const is = field.condition[key].is;\n        if (\n          is === variables[key] ||\n          (Array.isArray(variables[key]) && variables[key].includes(is))\n        ) {\n          const then = field.condition[key].then || {};\n          for (const attr in then) {\n            newField[attr] = then[attr];\n          }\n        }\n      } else if (field.condition[key]) {\n        const otherwise = field.condition[key].else || {};\n        for (const attr in otherwise) {\n          newField[attr] = otherwise[attr];\n        }\n      }\n    }\n  }\n  return newField;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/FieldArray/FieldArray.stories/index.js

@@ -1,8 +1,12 @@
-import FieldArray from '@digigov/form/FieldArray';
-export default {
-  title: 'Digigov Form/FieldArray',
+import FieldArray from "@digigov/form/FieldArray";
+var FieldArray_stories_default = {
+  title: "Digigov Form/FieldArray",
   component: FieldArray,
-  displayName: 'FieldArray'
+  displayName: "FieldArray"
 };
-export * from '@digigov/form/FieldArray/__stories__/Default';
-export * from '@digigov/form/FieldArray/__stories__/WithExactLength';
+export * from "@digigov/form/FieldArray/__stories__/Default";
+export * from "@digigov/form/FieldArray/__stories__/WithExactLength";
+export {
+  FieldArray_stories_default as default
+};
+//# sourceMappingURL=FieldArray.stories.js.map

package/FieldArray/FieldArray.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/FieldArray/FieldArray.stories.js"],
+  "sourcesContent": ["import FieldArray from '@digigov/form/FieldArray';\nexport default {\n  title: 'Digigov Form/FieldArray',\n  component: FieldArray,\n  displayName: 'FieldArray',\n};\nexport * from '@digigov/form/FieldArray/__stories__/Default';\nexport * from '@digigov/form/FieldArray/__stories__/WithExactLength';\n"],
+  "mappings": "AAAA;AACA,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA;AAEf;AACA;",
+  "names": []
+}

package/FieldArray/__stories__/Default/index.js

@@ -1,88 +1,97 @@
-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: 'Οι συνυπογράφοντες είναι άνθρωποι σαν και εμάς'
+import React from "react";
+import FormBuilder, {Field} from "@digigov/form";
+import {Button} from "@digigov/ui/form/Button";
+const fields = [
+  {
+    key: "string",
+    type: "string",
+    label: {
+      primary: "\u03A0\u03B5\u03B4\u03AF\u03BF \u03BA\u03B5\u03B9\u03BC\u03AD\u03BD\u03BF\u03C5",
+      secondary: "\u03A4\u03BF multiplicity field \u03B5\u03AF\u03BD\u03B1\u03B9 \u03AD\u03BD\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF \u03BF\u03C0\u03CC\u03C4\u03B5 \u03C6\u03B1\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03BA\u03B1\u03B9 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AD\u03C1\u03BF\u03C2 \u03C4\u03B7\u03C2 \u03C6\u03CC\u03C1\u03BC\u03B1\u03C2"
+    }
   },
-  extra: {
+  {
+    key: "multiplicity",
+    type: "array",
     label: {
-      object: {
-        title: 'Συνυπογράφοντας',
-        add: 'Προσθήκη συνυπογράφοντα',
-        "delete": 'Αφαίρεση συνυπογράφοντος'
-      },
-      question: {
-        title: 'Θέλετε να προσθέσετε επιπλέον συνυπογράφοντες;',
-        objectLabel: {
-          primary: 'Προσθήκη νέου συνυπογράφοντα',
-          secondary: 'Συμπληρώστε τα στοιχεία και μετά πατήστε «Προσθήκη»'
-        },
-        yes: 'Ναι',
-        no: 'Όχι'
-      }
+      primary: "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2",
+      secondary: "\u039F\u03B9 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03AC\u03BD\u03B8\u03C1\u03C9\u03C0\u03BF\u03B9 \u03C3\u03B1\u03BD \u03BA\u03B1\u03B9 \u03B5\u03BC\u03AC\u03C2"
     },
-    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: 'Επώνυμο'
-          }
-        }]
+    extra: {
+      label: {
+        object: {
+          title: "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2",
+          add: "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1",
+          delete: "\u0391\u03C6\u03B1\u03AF\u03C1\u03B5\u03C3\u03B7 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03BF\u03C2"
+        },
+        question: {
+          title: "\u0398\u03AD\u03BB\u03B5\u03C4\u03B5 \u03BD\u03B1 \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03B5\u03C0\u03B9\u03C0\u03BB\u03AD\u03BF\u03BD \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2;",
+          objectLabel: {
+            primary: "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03BD\u03AD\u03BF\u03C5 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1",
+            secondary: "\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03B1 \u03C3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BC\u03B5\u03C4\u03AC \u03C0\u03B1\u03C4\u03AE\u03C3\u03C4\u03B5 \xAB\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7\xBB"
+          },
+          yes: "\u039D\u03B1\u03B9",
+          no: "\u038C\u03C7\u03B9"
+        }
+      },
+      min: 2,
+      max: 4,
+      of: {
+        type: "object",
+        extra: {
+          fields: [
+            {
+              key: "afm",
+              type: "afm",
+              required: true,
+              label: {primary: "\u0391\u03A6\u039C"}
+            },
+            {
+              key: "firstName",
+              required: true,
+              type: "string",
+              label: {
+                primary: "\u038C\u03BD\u03BF\u03BC\u03B1"
+              }
+            },
+            {
+              key: "lastName",
+              required: true,
+              type: "string",
+              label: {
+                primary: "\u0395\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF"
+              }
+            }
+          ]
+        }
       }
     }
+  },
+  {
+    key: "phonenumber",
+    type: "phone_number",
+    required: true,
+    label: {
+      primary: "\u03A3\u03C4\u03B1\u03B8\u03B5\u03C1\u03CC \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF",
+      secondary: "\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF\u03BD \u03B1\u03C1\u03B9\u03B8\u03BC\u03CC \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"
+    }
   }
-}, {
-  key: 'phonenumber',
-  type: 'phone_number',
-  required: true,
-  label: {
-    primary: 'Σταθερό τηλέφωνο',
-    secondary: 'Συμπληρώστε τον αριθμό τηλεφώνου'
+];
+const Default = () => /* @__PURE__ */ React.createElement(FormBuilder, {
+  onSubmit: (data) => {
+    console.log(data);
   }
-}];
-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);
-};
+}, /* @__PURE__ */ React.createElement(Field, {
+  name: "string",
+  ...fields[0]
+}), /* @__PURE__ */ React.createElement(Field, {
+  name: "multiplicity",
+  ...fields[1]
+}), /* @__PURE__ */ React.createElement(Field, {
+  name: "phonenumber",
+  ...fields[2]
+}), /* @__PURE__ */ React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
+export {
+  Default
+};
+//# sourceMappingURL=Default.js.map

package/FieldArray/__stories__/Default.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FieldArray/__stories__/Default.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field, FieldSpec } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nconst fields = [\n  {\n    key: 'string',\n    type: 'string',\n    label: {\n      primary: '\u03A0\u03B5\u03B4\u03AF\u03BF \u03BA\u03B5\u03B9\u03BC\u03AD\u03BD\u03BF\u03C5',\n      secondary:\n        '\u03A4\u03BF multiplicity field \u03B5\u03AF\u03BD\u03B1\u03B9 \u03AD\u03BD\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF \u03BF\u03C0\u03CC\u03C4\u03B5 \u03C6\u03B1\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03BA\u03B1\u03B9 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AD\u03C1\u03BF\u03C2 \u03C4\u03B7\u03C2 \u03C6\u03CC\u03C1\u03BC\u03B1\u03C2',\n    },\n  },\n  {\n    key: 'multiplicity',\n    type: 'array',\n    label: {\n      primary: '\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2',\n      secondary: '\u039F\u03B9 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03AC\u03BD\u03B8\u03C1\u03C9\u03C0\u03BF\u03B9 \u03C3\u03B1\u03BD \u03BA\u03B1\u03B9 \u03B5\u03BC\u03AC\u03C2',\n    },\n    extra: {\n      label: {\n        object: {\n          title: '\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2',\n          add: '\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1',\n          delete: '\u0391\u03C6\u03B1\u03AF\u03C1\u03B5\u03C3\u03B7 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03BF\u03C2',\n        },\n        question: {\n          title: '\u0398\u03AD\u03BB\u03B5\u03C4\u03B5 \u03BD\u03B1 \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03B5\u03C0\u03B9\u03C0\u03BB\u03AD\u03BF\u03BD \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2;',\n          objectLabel: {\n            primary: '\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03BD\u03AD\u03BF\u03C5 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1',\n            secondary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03B1 \u03C3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BC\u03B5\u03C4\u03AC \u03C0\u03B1\u03C4\u03AE\u03C3\u03C4\u03B5 \u00AB\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7\u00BB',\n          },\n          yes: '\u039D\u03B1\u03B9',\n          no: '\u038C\u03C7\u03B9',\n        },\n      },\n      min: 2,\n      max: 4,\n      of: {\n        type: 'object',\n        extra: {\n          fields: [\n            {\n              key: 'afm',\n              type: 'afm',\n              required: true,\n              label: { primary: '\u0391\u03A6\u039C' },\n            },\n            {\n              key: 'firstName',\n              required: true,\n              type: 'string',\n              label: {\n                primary: '\u038C\u03BD\u03BF\u03BC\u03B1',\n              },\n            },\n            {\n              key: 'lastName',\n              required: true,\n              type: 'string',\n              label: {\n                primary: '\u0395\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF',\n              },\n            },\n          ],\n        },\n      },\n    },\n  },\n  {\n    key: 'phonenumber',\n    type: 'phone_number',\n    required: true,\n    label: {\n      primary: '\u03A3\u03C4\u03B1\u03B8\u03B5\u03C1\u03CC \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF',\n      secondary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF\u03BD \u03B1\u03C1\u03B9\u03B8\u03BC\u03CC \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5',\n    },\n  },\n] as FieldSpec[];\n\nexport const Default = () => (\n  <FormBuilder\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n  >\n    <Field name=\"string\" {...fields[0]} />\n    <Field name=\"multiplicity\" {...fields[1]} />\n    <Field name=\"phonenumber\" {...fields[2]} />\n    <Button>\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n  </FormBuilder>\n);\n"],
+  "mappings": "AAAA;AACA;AACA;AAEA,MAAM,SAAS;AAAA,EACb;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WACE;AAAA;AAAA;AAAA,EAGN;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA;AAAA,IAEb,OAAO;AAAA,MACL,OAAO;AAAA,QACL,QAAQ;AAAA,UACN,OAAO;AAAA,UACP,KAAK;AAAA,UACL,QAAQ;AAAA;AAAA,QAEV,UAAU;AAAA,UACR,OAAO;AAAA,UACP,aAAa;AAAA,YACX,SAAS;AAAA,YACT,WAAW;AAAA;AAAA,UAEb,KAAK;AAAA,UACL,IAAI;AAAA;AAAA;AAAA,MAGR,KAAK;AAAA,MACL,KAAK;AAAA,MACL,IAAI;AAAA,QACF,MAAM;AAAA,QACN,OAAO;AAAA,UACL,QAAQ;AAAA,YACN;AAAA,cACE,KAAK;AAAA,cACL,MAAM;AAAA,cACN,UAAU;AAAA,cACV,OAAO,CAAE,SAAS;AAAA;AAAA,YAEpB;AAAA,cACE,KAAK;AAAA,cACL,UAAU;AAAA,cACV,MAAM;AAAA,cACN,OAAO;AAAA,gBACL,SAAS;AAAA;AAAA;AAAA,YAGb;AAAA,cACE,KAAK;AAAA,cACL,UAAU;AAAA,cACV,MAAM;AAAA,cACN,OAAO;AAAA,gBACL,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQvB;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA;AAAA;AAAA;AAKV,MAAM,UAAU,MACrB,oCAAC,aAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,OAAD;AAAA,EAAO,MAAK;AAAA,KAAa,OAAO;AAAA,IAChC,oCAAC,OAAD;AAAA,EAAO,MAAK;AAAA,KAAmB,OAAO;AAAA,IACtC,oCAAC,OAAD;AAAA,EAAO,MAAK;AAAA,KAAkB,OAAO;AAAA,IACrC,oCAAC,QAAD,MAAQ;",
+  "names": []
+}