@digigov/form 2.0.0-7d9a8d86 → 2.0.0-834daea4

package/Field/utils/calculateField/index.js

@@ -0,0 +1,27 @@
+function calculateField(children, field, fieldComponentRegistry, alternativeComponents) {
+  const calculatedField = { ...field };
+  if (children) {
+    calculatedField.component = children;
+    calculatedField.controlled = true;
+  } else if (typeof field.component === "function") {
+  } else if (!field.component && !field.type) {
+    calculatedField.component = fieldComponentRegistry.string.component;
+    calculatedField.controlled = fieldComponentRegistry.string?.controlled || false;
+  } else if (typeof field?.extra?.component === "string" && alternativeComponents[field.extra.component]) {
+    calculatedField.controlled = alternativeComponents[field.extra.component]?.controlled || false;
+    calculatedField.component = alternativeComponents[field.extra.component].component;
+    calculatedField.wrapper = alternativeComponents[field.extra.component].wrapper;
+  } else if (!field.component && field.type && fieldComponentRegistry[field.type]) {
+    calculatedField.component = fieldComponentRegistry[field.type].component;
+    calculatedField.wrapper = fieldComponentRegistry[field.type].wrapper;
+    calculatedField.controlled = fieldComponentRegistry[field.type]?.controlled || false;
+  } else {
+    calculatedField.component = fieldComponentRegistry.string.component;
+    calculatedField.controlled = fieldComponentRegistry.string?.controlled || false;
+  }
+  return calculatedField;
+}
+export {
+  calculateField
+};
+//# sourceMappingURL=calculateField.js.map

package/{inputs/Input/__stories__/Default → Field/utils/calculateField}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../../../cjs/inputs/Input/__stories__/Default/index.js"
+  "main": "../../../cjs/Field/utils/calculateField/index.js"
 }

package/Field/utils/calculateField.d.ts

@@ -0,0 +1,2 @@
+import { FieldProps, FieldSpec, FieldComponentRegistry, CalculatedField } from '@digigov/form/Field/types';
+export declare function calculateField(children: FieldProps['children'], field: FieldSpec, fieldComponentRegistry: FieldComponentRegistry, alternativeComponents: FieldComponentRegistry): CalculatedField;

package/Field/utils/calculateField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Field/utils/calculateField.ts"],
+  "sourcesContent": ["import {\n  FieldProps,\n  FieldSpec,\n  FieldComponentRegistry,\n  CalculatedField,\n} from '@digigov/form/Field/types';\n\nexport function calculateField(\n  children: FieldProps['children'],\n  field: FieldSpec,\n  fieldComponentRegistry: FieldComponentRegistry,\n  alternativeComponents: FieldComponentRegistry\n): CalculatedField {\n  const calculatedField = { ...field };\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    alternativeComponents[field.extra.component]\n  ) {\n    calculatedField.controlled =\n      alternativeComponents[field.extra.component]?.controlled || false;\n    calculatedField.component =\n      alternativeComponents[field.extra.component].component;\n    calculatedField.wrapper =\n      alternativeComponents[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"],
+  "mappings": "AAOO,SAAS,eACd,UACA,OACA,wBACA,uBACiB;AACjB,QAAM,kBAAkB,EAAE,GAAG,MAAM;AACnC,MAAI,UAAU;AACZ,oBAAgB,YAAY;AAC5B,oBAAgB,aAAa;AAAA,EAC/B,WAAW,OAAO,MAAM,cAAc,YAAY;AAAA,EAElD,WAAW,CAAC,MAAM,aAAa,CAAC,MAAM,MAAM;AAC1C,oBAAgB,YAAY,uBAAuB,OAAO;AAC1D,oBAAgB,aACd,uBAAuB,QAAQ,cAAc;AAAA,EACjD,WACE,OAAO,OAAO,OAAO,cAAc,YACnC,sBAAsB,MAAM,MAAM,SAAS,GAC3C;AACA,oBAAgB,aACd,sBAAsB,MAAM,MAAM,SAAS,GAAG,cAAc;AAC9D,oBAAgB,YACd,sBAAsB,MAAM,MAAM,SAAS,EAAE;AAC/C,oBAAgB,UACd,sBAAsB,MAAM,MAAM,SAAS,EAAE;AAAA,EACjD,WACE,CAAC,MAAM,aACP,MAAM,QACN,uBAAuB,MAAM,IAAI,GACjC;AACA,oBAAgB,YAAY,uBAAuB,MAAM,IAAI,EAAE;AAC/D,oBAAgB,UAAU,uBAAuB,MAAM,IAAI,EAAE;AAC7D,oBAAgB,aACd,uBAAuB,MAAM,IAAI,GAAG,cAAc;AAAA,EACtD,OAAO;AACL,oBAAgB,YAAY,uBAAuB,OAAO;AAC1D,oBAAgB,aACd,uBAAuB,QAAQ,cAAc;AAAA,EACjD;AACA,SAAO;AACT;",
+  "names": []
+}

package/Field/utils/evaluateFieldWithConditions/index.js

@@ -0,0 +1,26 @@
+function evaluateFieldWithConditions(field, variables) {
+  const newField = { ...field };
+  if (variables) {
+    for (const key in variables) {
+      if (field.condition[key] && field.condition[key].is) {
+        const is = field.condition[key].is;
+        if (is === variables[key] || Array.isArray(variables[key]) && variables[key].includes(is)) {
+          const then = field.condition[key].then || {};
+          for (const attr in then) {
+            newField[attr] = then[attr];
+          }
+        }
+      } else if (field.condition[key]) {
+        const otherwise = field.condition[key].else || {};
+        for (const attr in otherwise) {
+          newField[attr] = otherwise[attr];
+        }
+      }
+    }
+  }
+  return newField;
+}
+export {
+  evaluateFieldWithConditions
+};
+//# sourceMappingURL=evaluateFieldWithConditions.js.map

package/Field/utils/evaluateFieldWithConditions/package.json

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

package/Field/utils/evaluateFieldWithConditions.d.ts

@@ -0,0 +1,2 @@
+import { FieldWithCondition, CalculatedField } from '@digigov/form/Field/types';
+export declare function evaluateFieldWithConditions(field: FieldWithCondition, variables: FormData): CalculatedField;

package/Field/utils/evaluateFieldWithConditions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Field/utils/evaluateFieldWithConditions.ts"],
+  "sourcesContent": ["import { FieldWithCondition, CalculatedField } from '@digigov/form/Field/types';\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": "AAEO,SAAS,4BACd,OACA,WACiB;AACjB,QAAM,WAAW,EAAE,GAAG,MAAM;AAC5B,MAAI,WAAW;AACb,eAAW,OAAO,WAAW;AAC3B,UAAI,MAAM,UAAU,GAAG,KAAK,MAAM,UAAU,GAAG,EAAE,IAAI;AACnD,cAAM,KAAK,MAAM,UAAU,GAAG,EAAE;AAChC,YACE,OAAO,UAAU,GAAG,KACnB,MAAM,QAAQ,UAAU,GAAG,CAAC,KAAK,UAAU,GAAG,EAAE,SAAS,EAAE,GAC5D;AACA,gBAAM,OAAO,MAAM,UAAU,GAAG,EAAE,QAAQ,CAAC;AAC3C,qBAAW,QAAQ,MAAM;AACvB,qBAAS,IAAI,IAAI,KAAK,IAAI;AAAA,UAC5B;AAAA,QACF;AAAA,MACF,WAAW,MAAM,UAAU,GAAG,GAAG;AAC/B,cAAM,YAAY,MAAM,UAAU,GAAG,EAAE,QAAQ,CAAC;AAChD,mBAAW,QAAQ,WAAW;AAC5B,mBAAS,IAAI,IAAI,UAAU,IAAI;AAAA,QACjC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;",
+  "names": []
+}

package/Field/utils/index.d.ts

@@ -0,0 +1,4 @@
+import { FieldComponentRegistry } from '@digigov/form/Field/types';
+export declare const FIELD_COMPONENTS: FieldComponentRegistry;
+export declare const ALTERNATIVE_COMPONENTS: FieldComponentRegistry;
+export declare const CONTROLLED_FIELD_COMPONENTS: FieldComponentRegistry;

package/Field/utils/index.js

@@ -1,14 +1,12 @@
-import {useContext, useMemo} from "react";
-import {FormContext} from "@digigov/form/FormContext";
+import AutoCompleteInput from "@digigov/form/inputs/AutoCompleteInput";
 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 Radio, { ControlledRadioButtonsGroup } 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
@@ -56,97 +54,25 @@ const ALTERNATIVE_COMPONENTS = {
     wrapper: "fieldset"
   }
 };
-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") {
-  } else if (!field.component && !field.type) {
-    calculatedField.component = fieldComponentRegistry.string.component;
-    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]) {
-    calculatedField.component = fieldComponentRegistry[field.type].component;
-    calculatedField.wrapper = fieldComponentRegistry[field.type].wrapper;
-    calculatedField.controlled = fieldComponentRegistry[field.type]?.controlled || false;
-  } else {
-    calculatedField.component = fieldComponentRegistry.string.component;
-    calculatedField.controlled = fieldComponentRegistry.string?.controlled || false;
-  }
-  return calculatedField;
-}
-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(`
-      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/
-    `);
+const CONTROLLED_FIELD_COMPONENTS = {
+  ...FIELD_COMPONENTS,
+  "choice:single": {
+    wrapper: "fieldset",
+    controlled: true,
+    component: ControlledRadioButtonsGroup
+  },
+  text: {
+    component: Input,
+    controlled: true
+  },
+  string: {
+    component: Input,
+    controlled: true
   }
-  useMemo(() => customField?.type && registerField({...customField, key: name}), [customField, name, registerField]);
-  return {
-    field: customField || fieldsMap[name],
-    control,
-    register,
-    reset,
-    trigger,
-    watch,
-    componentRegistry,
-    getFieldState,
-    setValue,
-    clearErrors,
-    getValues,
-    unregister,
-    formState,
-    error: errors[name]
-  };
 };
-function evaluateFieldWithConditions(field, variables) {
-  const newField = {...field};
-  if (variables) {
-    for (const key in variables) {
-      if (field.condition[key] && field.condition[key].is) {
-        const is = field.condition[key].is;
-        if (is === variables[key] || Array.isArray(variables[key]) && variables[key].includes(is)) {
-          const then = field.condition[key].then || {};
-          for (const attr in then) {
-            newField[attr] = then[attr];
-          }
-        }
-      } else if (field.condition[key]) {
-        const otherwise = field.condition[key].else || {};
-        for (const attr in otherwise) {
-          newField[attr] = otherwise[attr];
-        }
-      }
-    }
-  }
-  return newField;
-}
 export {
-  calculateField,
-  evaluateFieldWithConditions,
-  useField
+  ALTERNATIVE_COMPONENTS,
+  CONTROLLED_FIELD_COMPONENTS,
+  FIELD_COMPONENTS
 };
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=index.js.map

package/Field/utils/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Field/utils/index.ts"],
+  "sourcesContent": ["import { FieldComponentRegistry } from '@digigov/form/Field/types';\nimport AutoCompleteInput from '@digigov/form/inputs/AutoCompleteInput';\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, { ControlledRadioButtonsGroup } from '@digigov/form/inputs/Radio';\nimport Select from '@digigov/form/inputs/Select';\n\nexport const 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\nexport const 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 const CONTROLLED_FIELD_COMPONENTS: FieldComponentRegistry = {\n  ...FIELD_COMPONENTS,\n  'choice:single': {\n    wrapper: 'fieldset',\n    controlled: true,\n    component: ControlledRadioButtonsGroup,\n  },\n  text: {\n    component: Input,\n    controlled: true,\n  },\n  string: {\n    component: Input,\n    controlled: true,\n  },\n};\n"],
+  "mappings": "AACA,OAAO,uBAAuB;AAC9B,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,eAAe;AACtB,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,OAAO,cAAc;AACrB,OAAO,SAAS,mCAAmC;AACnD,OAAO,YAAY;AAEZ,MAAM,mBAA2C;AAAA,EACtD,MAAM;AAAA,IACJ,WAAW;AAAA,EACb;AAAA,EACA,QAAQ;AAAA,IACN,WAAW;AAAA,EACb;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,WAAW;AAAA,EACb;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA,EACb;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,KAAK;AAAA,IACH,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,mBAAmB;AAAA,IACjB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AACF;AAEO,MAAM,yBAAiD;AAAA,EAC5D,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AAAA,EACA,cAAc;AAAA,IACZ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS;AAAA,EACX;AACF;AAEO,MAAM,8BAAsD;AAAA,EACjE,GAAG;AAAA,EACH,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AAAA,EACA,QAAQ;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AACF;",
+  "names": []
+}

package/Field/utils/useField/index.js

@@ -0,0 +1,51 @@
+import { useContext, useMemo } from "react";
+import { FormContext } from "@digigov/form/FormContext";
+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(`
+      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(
+    () => customField?.type && registerField({ ...customField, key: name }),
+    [customField, name, registerField]
+  );
+  return {
+    field: customField || fieldsMap[name],
+    control,
+    register,
+    reset,
+    trigger,
+    watch,
+    componentRegistry,
+    getFieldState,
+    setValue,
+    clearErrors,
+    getValues,
+    unregister,
+    formState,
+    error: errors[name]
+  };
+};
+export {
+  useField
+};
+//# sourceMappingURL=useField.js.map

package/{FormBuilder/FormBuilder → Field/utils/useField}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../cjs/FormBuilder/FormBuilder/index.js"
+  "main": "../../../cjs/Field/utils/useField/index.js"
 }

package/Field/utils/useField.d.ts

@@ -0,0 +1,2 @@
+import { FieldSpec, UseFieldProps } from '@digigov/form/Field/types';
+export declare const useField: (name: string, customField: FieldSpec | null) => UseFieldProps;

package/Field/utils/useField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Field/utils/useField.ts"],
+  "sourcesContent": ["import { useContext, useMemo } from 'react';\nimport { FieldSpec, UseFieldProps } from '@digigov/form/Field/types';\nimport { FormContext } from '@digigov/form/FormContext';\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"],
+  "mappings": "AAAA,SAAS,YAAY,eAAe;AAEpC,SAAS,mBAAmB;AAErB,MAAM,WAAW,CACtB,MACA,gBACkB;AAClB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,WAAW;AAE1B,MAAI,CAAC,eAAe;AAClB,UAAM,IAAI,MAAM;AAAA;AAAA;AAAA,KAGf;AAAA,EACH;AAEA;AAAA,IACE,MAAM,aAAa,QAAQ,cAAc,EAAE,GAAG,aAAa,KAAK,KAAK,CAAC;AAAA,IACtE,CAAC,aAAa,MAAM,aAAa;AAAA,EACnC;AACA,SAAO;AAAA,IACL,OAAO,eAAe,UAAU,IAAI;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,OAAO,IAAI;AAAA,EACpB;AACF;",
+  "names": []
+}

package/FieldArray/FieldArray.stories/index.js

@@ -4,9 +4,11 @@ var FieldArray_stories_default = {
   component: FieldArray,
   displayName: "FieldArray"
 };
-export * from "@digigov/form/FieldArray/__stories__/Default";
-export * from "@digigov/form/FieldArray/__stories__/WithExactLength";
+import { Default } from "@digigov/form/FieldArray/__stories__/Default";
+import { WithExactLength } from "@digigov/form/FieldArray/__stories__/WithExactLength";
 export {
+  Default,
+  WithExactLength,
   FieldArray_stories_default as default
 };
 //# sourceMappingURL=FieldArray.stories.js.map

package/FieldArray/FieldArray.stories.d.ts

@@ -4,6 +4,6 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/form/FieldArray/__stories__/Default";
-export * from "@digigov/form/FieldArray/__stories__/WithExactLength";
+export { Default } from "@digigov/form/FieldArray/__stories__/Default";
+export { WithExactLength } from "@digigov/form/FieldArray/__stories__/WithExactLength";
 import FieldArray from '@digigov/form/FieldArray';

package/FieldArray/FieldArray.stories.js.map

@@ -1,7 +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;",
+  "sourcesContent": ["import FieldArray from '@digigov/form/FieldArray';\nexport default {\n  title: 'Digigov Form/FieldArray',\n  component: FieldArray,\n  displayName: 'FieldArray',\n};\nexport { Default } from '@digigov/form/FieldArray/__stories__/Default';\nexport { WithExactLength } from '@digigov/form/FieldArray/__stories__/WithExactLength';\n"],
+  "mappings": "AAAA,OAAO,gBAAgB;AACvB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,uBAAuB;",
   "names": []
 }

package/FieldArray/__stories__/Default/index.js

@@ -1,6 +1,6 @@
 import React from "react";
-import FormBuilder, {Field} from "@digigov/form";
-import {Button} from "@digigov/ui/form/Button";
+import FormBuilder, { Field } from "@digigov/form";
+import { Button } from "@digigov/ui/form/Button";
 const fields = [
   {
     key: "string",
@@ -44,7 +44,7 @@ const fields = [
               key: "afm",
               type: "afm",
               required: true,
-              label: {primary: "\u0391\u03A6\u039C"}
+              label: { primary: "\u0391\u03A6\u039C" }
             },
             {
               key: "firstName",
@@ -77,20 +77,18 @@ const fields = [
     }
   }
 ];
-const Default = () => /* @__PURE__ */ React.createElement(FormBuilder, {
-  onSubmit: (data) => {
-    console.log(data);
-  }
-}, /* @__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"));
+const Default = () => /* @__PURE__ */ React.createElement(
+  FormBuilder,
+  {
+    onSubmit: (data) => {
+      console.log(data);
+    }
+  },
+  /* @__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
 };

package/FieldArray/__stories__/Default.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Default: () => JSX.Element;
+import React from 'react';
+export declare const Default: () => React.JSX.Element;

package/FieldArray/__stories__/Default.js.map

@@ -2,6 +2,6 @@
   "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;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe,aAAwB;AAC9C,SAAS,cAAc;AAEvB,MAAM,SAAS;AAAA,EACb;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WACE;AAAA,IACJ;AAAA,EACF;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,IACb;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,QACL,QAAQ;AAAA,UACN,OAAO;AAAA,UACP,KAAK;AAAA,UACL,QAAQ;AAAA,QACV;AAAA,QACA,UAAU;AAAA,UACR,OAAO;AAAA,UACP,aAAa;AAAA,YACX,SAAS;AAAA,YACT,WAAW;AAAA,UACb;AAAA,UACA,KAAK;AAAA,UACL,IAAI;AAAA,QACN;AAAA,MACF;AAAA,MACA,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,EAAE,SAAS,qBAAM;AAAA,YAC1B;AAAA,YACA;AAAA,cACE,KAAK;AAAA,cACL,UAAU;AAAA,cACV,MAAM;AAAA,cACN,OAAO;AAAA,gBACL,SAAS;AAAA,cACX;AAAA,YACF;AAAA,YACA;AAAA,cACE,KAAK;AAAA,cACL,UAAU;AAAA,cACV,MAAM;AAAA,cACN,OAAO;AAAA,gBACL,SAAS;AAAA,cACX;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,IACb;AAAA,EACF;AACF;AAEO,MAAM,UAAU,MACrB;AAAA,EAAC;AAAA;AAAA,IACC,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA,oCAAC,SAAM,MAAK,UAAU,GAAG,OAAO,CAAC,GAAG;AAAA,EACpC,oCAAC,SAAM,MAAK,gBAAgB,GAAG,OAAO,CAAC,GAAG;AAAA,EAC1C,oCAAC,SAAM,MAAK,eAAe,GAAG,OAAO,CAAC,GAAG;AAAA,EACzC,oCAAC,cAAO,kDAAQ;AAClB;",
   "names": []
 }

package/FieldArray/__stories__/WithExactLength/index.js

@@ -1,6 +1,6 @@
 import React from "react";
-import FormBuilder, {Field} from "@digigov/form";
-import {Button} from "@digigov/ui/form/Button";
+import FormBuilder, { Field } from "@digigov/form";
+import { Button } from "@digigov/ui/form/Button";
 const fields = [
   {
     key: "string",
@@ -44,7 +44,7 @@ const fields = [
               key: "afm",
               type: "afm",
               required: true,
-              label: {primary: "\u0391\u03A6\u039C"}
+              label: { primary: "\u0391\u03A6\u039C" }
             },
             {
               key: "firstName",
@@ -77,20 +77,18 @@ const fields = [
     }
   }
 ];
-const WithExactLength = () => /* @__PURE__ */ React.createElement(FormBuilder, {
-  onSubmit: (data) => {
-    console.log(data);
-  }
-}, /* @__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"));
+const WithExactLength = () => /* @__PURE__ */ React.createElement(
+  FormBuilder,
+  {
+    onSubmit: (data) => {
+      console.log(data);
+    }
+  },
+  /* @__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 {
   WithExactLength
 };

package/FieldArray/__stories__/WithExactLength.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const WithExactLength: () => JSX.Element;
+import React from 'react';
+export declare const WithExactLength: () => React.JSX.Element;

package/FieldArray/__stories__/WithExactLength.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/FieldArray/__stories__/WithExactLength.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          title_added: '\u039F\u03B9 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03AD\u03C7\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03B9',\n          add: '\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7',\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      length: 2,\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 \u03C3\u03B1\u03C2',\n    },\n  },\n] as FieldSpec[];\n\nexport const WithExactLength = () => (\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,aAAa;AAAA,UACb,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,QAAQ;AAAA,MACR,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,kBAAkB,MAC7B,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;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe,aAAwB;AAC9C,SAAS,cAAc;AAEvB,MAAM,SAAS;AAAA,EACb;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WACE;AAAA,IACJ;AAAA,EACF;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,IACb;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,QACL,QAAQ;AAAA,UACN,OAAO;AAAA,UACP,aAAa;AAAA,UACb,KAAK;AAAA,UACL,QAAQ;AAAA,QACV;AAAA,QACA,UAAU;AAAA,UACR,OAAO;AAAA,UACP,aAAa;AAAA,YACX,SAAS;AAAA,YACT,WAAW;AAAA,UACb;AAAA,UACA,KAAK;AAAA,UACL,IAAI;AAAA,QACN;AAAA,MACF;AAAA,MACA,QAAQ;AAAA,MACR,IAAI;AAAA,QACF,MAAM;AAAA,QACN,OAAO;AAAA,UACL,QAAQ;AAAA,YACN;AAAA,cACE,KAAK;AAAA,cACL,MAAM;AAAA,cACN,UAAU;AAAA,cACV,OAAO,EAAE,SAAS,qBAAM;AAAA,YAC1B;AAAA,YACA;AAAA,cACE,KAAK;AAAA,cACL,UAAU;AAAA,cACV,MAAM;AAAA,cACN,OAAO;AAAA,gBACL,SAAS;AAAA,cACX;AAAA,YACF;AAAA,YACA;AAAA,cACE,KAAK;AAAA,cACL,UAAU;AAAA,cACV,MAAM;AAAA,cACN,OAAO;AAAA,gBACL,SAAS;AAAA,cACX;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,IACb;AAAA,EACF;AACF;AAEO,MAAM,kBAAkB,MAC7B;AAAA,EAAC;AAAA;AAAA,IACC,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA,oCAAC,SAAM,MAAK,UAAU,GAAG,OAAO,CAAC,GAAG;AAAA,EACpC,oCAAC,SAAM,MAAK,gBAAgB,GAAG,OAAO,CAAC,GAAG;AAAA,EAC1C,oCAAC,SAAM,MAAK,eAAe,GAAG,OAAO,CAAC,GAAG;AAAA,EACzC,oCAAC,cAAO,kDAAQ;AAClB;",
   "names": []
 }

package/FieldArray/index.d.ts

@@ -6,6 +6,7 @@ export interface FieldArrayProps extends FieldProps {
     register: UseFormReturn['register'];
     formState: UseFormReturn['formState'];
     error?: ErrorOption;
+    Field: React.FC<FieldProps>;
 }
 export declare const FieldArray: React.FC<FieldArrayProps>;
 export default FieldArray;