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

package/cjs/Field/utils/useField/index.js

@@ -0,0 +1,74 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useField_exports = {};
+__export(useField_exports, {
+  useField: () => useField
+});
+module.exports = __toCommonJS(useField_exports);
+var import_react = require("react");
+var import_FormContext = require("@digigov/form/FormContext");
+const useField = (name, customField) => {
+  const {
+    fieldsMap,
+    control,
+    register,
+    reset,
+    trigger,
+    clearErrors,
+    errors,
+    registerField,
+    watch,
+    componentRegistry,
+    getFieldState,
+    setValue,
+    getValues,
+    unregister,
+    formState
+  } = (0, import_react.useContext)(import_FormContext.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/
+    `);
+  }
+  (0, import_react.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]
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useField
+});
+//# sourceMappingURL=useField.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAEpC,yBAA4B;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,QAAI,yBAAW,8BAAW;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/cjs/FieldArray/FieldArray.stories/index.js

@@ -1,37 +1,48 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+  return to;
 };
-__markAsModule(exports);
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FieldArray_stories_exports = {};
+__export(FieldArray_stories_exports, {
+  Default: () => import_Default.Default,
+  WithExactLength: () => import_WithExactLength.WithExactLength,
   default: () => FieldArray_stories_default
 });
-var import_FieldArray = __toModule(require("@digigov/form/FieldArray"));
-__reExport(exports, __toModule(require("@digigov/form/FieldArray/__stories__/Default")));
-__reExport(exports, __toModule(require("@digigov/form/FieldArray/__stories__/WithExactLength")));
+module.exports = __toCommonJS(FieldArray_stories_exports);
+var import_FieldArray = __toESM(require("@digigov/form/FieldArray"));
+var import_Default = require("@digigov/form/FieldArray/__stories__/Default");
+var import_WithExactLength = require("@digigov/form/FieldArray/__stories__/WithExactLength");
 var FieldArray_stories_default = {
   title: "Digigov Form/FieldArray",
   component: import_FieldArray.default,
   displayName: "FieldArray"
 };
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  Default,
+  WithExactLength
+});
 //# sourceMappingURL=FieldArray.stories.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA,wBAAuB;AAMvB,oBAAc;AACd,oBAAc;AANd,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA;",
-  "names": []
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AAMvB,qBAAwB;AACxB,6BAAgC;AANhC,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,kBAAAA;AAAA,EACX,aAAa;AACf;",
+  "names": ["FieldArray"]
 }

package/cjs/FieldArray/__stories__/Default/index.js

@@ -1,32 +1,38 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+  return to;
 };
-__markAsModule(exports);
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Default_exports = {};
+__export(Default_exports, {
   Default: () => Default
 });
-var import_react = __toModule(require("react"));
-var import_form = __toModule(require("@digigov/form"));
-var import_Button = __toModule(require("@digigov/ui/form/Button"));
+module.exports = __toCommonJS(Default_exports);
+var import_react = __toESM(require("react"));
+var import_form = __toESM(require("@digigov/form"));
+var import_Button = require("@digigov/ui/form/Button");
 const fields = [
   {
     key: "string",
@@ -70,7 +76,7 @@ const fields = [
               key: "afm",
               type: "afm",
               required: true,
-              label: {primary: "\u0391\u03A6\u039C"}
+              label: { primary: "\u0391\u03A6\u039C" }
             },
             {
               key: "firstName",
@@ -103,20 +109,18 @@ const fields = [
     }
   }
 ];
-const Default = () => /* @__PURE__ */ import_react.default.createElement(import_form.default, {
-  onSubmit: (data) => {
-    console.log(data);
-  }
-}, /* @__PURE__ */ import_react.default.createElement(import_form.Field, {
-  name: "string",
-  ...fields[0]
-}), /* @__PURE__ */ import_react.default.createElement(import_form.Field, {
-  name: "multiplicity",
-  ...fields[1]
-}), /* @__PURE__ */ import_react.default.createElement(import_form.Field, {
-  name: "phonenumber",
-  ...fields[2]
-}), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
+const Default = () => /* @__PURE__ */ import_react.default.createElement(
+  import_form.default,
+  {
+    onSubmit: (data) => {
+      console.log(data);
+    }
+  },
+  /* @__PURE__ */ import_react.default.createElement(import_form.Field, { name: "string", ...fields[0] }),
+  /* @__PURE__ */ import_react.default.createElement(import_form.Field, { name: "multiplicity", ...fields[1] }),
+  /* @__PURE__ */ import_react.default.createElement(import_form.Field, { name: "phonenumber", ...fields[2] }),
+  /* @__PURE__ */ import_react.default.createElement(import_Button.Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
+);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Default

package/cjs/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;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAA8C;AAC9C,oBAAuB;AAEvB,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,mDAAC,qBAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,mDAAC,mBAAD;AAAA,EAAO,MAAK;AAAA,KAAa,OAAO;AAAA,IAChC,mDAAC,mBAAD;AAAA,EAAO,MAAK;AAAA,KAAmB,OAAO;AAAA,IACtC,mDAAC,mBAAD;AAAA,EAAO,MAAK;AAAA,KAAkB,OAAO;AAAA,IACrC,mDAAC,sBAAD,MAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAA8C;AAC9C,oBAAuB;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,6BAAAA,QAAA;AAAA,EAAC,YAAAC;AAAA,EAAA;AAAA,IACC,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA,6BAAAD,QAAA,cAAC,qBAAM,MAAK,UAAU,GAAG,OAAO,CAAC,GAAG;AAAA,EACpC,6BAAAA,QAAA,cAAC,qBAAM,MAAK,gBAAgB,GAAG,OAAO,CAAC,GAAG;AAAA,EAC1C,6BAAAA,QAAA,cAAC,qBAAM,MAAK,eAAe,GAAG,OAAO,CAAC,GAAG;AAAA,EACzC,6BAAAA,QAAA,cAAC,4BAAO,kDAAQ;AAClB;",
+  "names": ["React", "FormBuilder"]
 }

package/cjs/FieldArray/__stories__/WithExactLength/index.js

@@ -1,32 +1,38 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+  return to;
 };
-__markAsModule(exports);
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WithExactLength_exports = {};
+__export(WithExactLength_exports, {
   WithExactLength: () => WithExactLength
 });
-var import_react = __toModule(require("react"));
-var import_form = __toModule(require("@digigov/form"));
-var import_Button = __toModule(require("@digigov/ui/form/Button"));
+module.exports = __toCommonJS(WithExactLength_exports);
+var import_react = __toESM(require("react"));
+var import_form = __toESM(require("@digigov/form"));
+var import_Button = require("@digigov/ui/form/Button");
 const fields = [
   {
     key: "string",
@@ -70,7 +76,7 @@ const fields = [
               key: "afm",
               type: "afm",
               required: true,
-              label: {primary: "\u0391\u03A6\u039C"}
+              label: { primary: "\u0391\u03A6\u039C" }
             },
             {
               key: "firstName",
@@ -103,20 +109,18 @@ const fields = [
     }
   }
 ];
-const WithExactLength = () => /* @__PURE__ */ import_react.default.createElement(import_form.default, {
-  onSubmit: (data) => {
-    console.log(data);
-  }
-}, /* @__PURE__ */ import_react.default.createElement(import_form.Field, {
-  name: "string",
-  ...fields[0]
-}), /* @__PURE__ */ import_react.default.createElement(import_form.Field, {
-  name: "multiplicity",
-  ...fields[1]
-}), /* @__PURE__ */ import_react.default.createElement(import_form.Field, {
-  name: "phonenumber",
-  ...fields[2]
-}), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
+const WithExactLength = () => /* @__PURE__ */ import_react.default.createElement(
+  import_form.default,
+  {
+    onSubmit: (data) => {
+      console.log(data);
+    }
+  },
+  /* @__PURE__ */ import_react.default.createElement(import_form.Field, { name: "string", ...fields[0] }),
+  /* @__PURE__ */ import_react.default.createElement(import_form.Field, { name: "multiplicity", ...fields[1] }),
+  /* @__PURE__ */ import_react.default.createElement(import_form.Field, { name: "phonenumber", ...fields[2] }),
+  /* @__PURE__ */ import_react.default.createElement(import_Button.Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
+);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   WithExactLength

package/cjs/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;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAA8C;AAC9C,oBAAuB;AAEvB,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,mDAAC,qBAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,mDAAC,mBAAD;AAAA,EAAO,MAAK;AAAA,KAAa,OAAO;AAAA,IAChC,mDAAC,mBAAD;AAAA,EAAO,MAAK;AAAA,KAAmB,OAAO;AAAA,IACtC,mDAAC,mBAAD;AAAA,EAAO,MAAK;AAAA,KAAkB,OAAO;AAAA,IACrC,mDAAC,sBAAD,MAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAA8C;AAC9C,oBAAuB;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,6BAAAA,QAAA;AAAA,EAAC,YAAAC;AAAA,EAAA;AAAA,IACC,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA,6BAAAD,QAAA,cAAC,qBAAM,MAAK,UAAU,GAAG,OAAO,CAAC,GAAG;AAAA,EACpC,6BAAAA,QAAA,cAAC,qBAAM,MAAK,gBAAgB,GAAG,OAAO,CAAC,GAAG;AAAA,EAC1C,6BAAAA,QAAA,cAAC,qBAAM,MAAK,eAAe,GAAG,OAAO,CAAC,GAAG;AAAA,EACzC,6BAAAA,QAAA,cAAC,4BAAO,kDAAQ;AAClB;",
+  "names": ["React", "FormBuilder"]
 }

package/cjs/FieldArray/index.js

@@ -1,37 +1,45 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
-};
-__markAsModule(exports);
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FieldArray_exports = {};
+__export(FieldArray_exports, {
   FieldArray: () => FieldArray,
   default: () => FieldArray_default
 });
-var import_react = __toModule(require("react"));
-var import_react_hook_form = __toModule(require("react-hook-form"));
-var import_FieldBaseContainer = __toModule(require("@digigov/form/Field/FieldBaseContainer"));
-var import_FieldObject = __toModule(require("@digigov/form/FieldObject"));
-var import_Fieldset = __toModule(require("@digigov/form/Fieldset"));
-var import_Fieldset2 = __toModule(require("@digigov/react-core/Fieldset"));
-var import_ui = __toModule(require("@digigov/ui"));
+module.exports = __toCommonJS(FieldArray_exports);
+var import_react = __toESM(require("react"));
+var import_react_hook_form = require("react-hook-form");
+var import_FieldBaseContainer = require("@digigov/form/Field/FieldBaseContainer");
+var import_FieldObject = require("@digigov/form/FieldObject");
+var import_Fieldset = require("@digigov/form/Fieldset");
+var import_Fieldset2 = require("@digigov/form/Fieldset");
+var import_Card = require("@digigov/ui/content/Card");
+var import_Button = require("@digigov/ui/form/Button");
+var import_Hint = require("@digigov/ui/typography/Hint");
 const FieldArray = ({
   name,
   register,
@@ -40,40 +48,58 @@ const FieldArray = ({
   error,
   layout,
   label,
+  Field,
   ...customField
 }) => {
-  const {fields, append, remove} = (0, import_react_hook_form.useFieldArray)({
+  const { fields, append, remove } = (0, import_react_hook_form.useFieldArray)({
     control,
     name
   });
-  return /* @__PURE__ */ import_react.default.createElement(import_FieldBaseContainer.default, {
-    label,
-    layout,
-    error: formState.isSubmitted && !formState.isSubmitting && error?.message && error ? error : void 0,
-    wrapper: "fieldset",
-    name
-  }, fields.length === 0 && /* @__PURE__ */ import_react.default.createElement(import_ui.Hint, null, customField.extra?.label.object?.nothing_added), fields.map((field, index) => /* @__PURE__ */ import_react.default.createElement(import_ui.Card, {
-    variant: "border",
-    key: field.id
-  }, /* @__PURE__ */ import_react.default.createElement(import_Fieldset2.default, null, /* @__PURE__ */ import_react.default.createElement(import_Fieldset.FieldsetLabel, null, customField.extra?.label.object.title, " ", index + 1), /* @__PURE__ */ import_react.default.createElement(import_FieldObject.default, {
-    name: `${name}.${index}`,
-    error: Array.isArray(error) && error[index],
-    formState,
-    register,
-    control,
-    ...customField.extra?.of
-  }), /* @__PURE__ */ import_react.default.createElement(import_ui.Button, {
-    type: "button",
-    color: "warning",
-    onClick: () => remove(index)
-  }, "Remove")))), /* @__PURE__ */ import_react.default.createElement(import_ui.Button, {
-    type: "button",
-    color: "secondary",
-    onClick: (ev) => {
-      ev.preventDefault();
-      append({});
-    }
-  }, customField.extra?.label.object?.add));
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_FieldBaseContainer.FieldBaseContainer,
+    {
+      label,
+      layout,
+      error: formState.isSubmitted && !formState.isSubmitting && error?.message && error ? error : void 0,
+      wrapper: "fieldset",
+      name
+    },
+    fields.length === 0 && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, null, customField.extra?.label.object?.nothing_added),
+    fields.map((field, index) => /* @__PURE__ */ import_react.default.createElement(import_Card.Card, { variant: "border", key: field.id }, /* @__PURE__ */ import_react.default.createElement(import_Fieldset2.Fieldset, null, /* @__PURE__ */ import_react.default.createElement(import_Fieldset.FieldsetLabel, null, customField.extra?.label.object.title, " ", index + 1), /* @__PURE__ */ import_react.default.createElement(
+      import_FieldObject.FieldObject,
+      {
+        name: `${name}.${index}`,
+        error: Array.isArray(error) && error[index],
+        formState,
+        register,
+        control,
+        ...customField.extra?.of,
+        Field
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_Button.Button,
+      {
+        name: `${name}-object-remove`,
+        type: "button",
+        color: "warning",
+        onClick: () => remove(index)
+      },
+      customField.extra?.label.object?.delete
+    )))),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_Button.Button,
+      {
+        type: "button",
+        name: `${name}-add-object`,
+        color: "secondary",
+        onClick: (ev) => {
+          ev.preventDefault();
+          append({});
+        }
+      },
+      customField.extra?.label.object?.add
+    )
+  );
 };
 var FieldArray_default = FieldArray;
 // Annotate the CommonJS export names for ESM import in node:

package/cjs/FieldArray/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/FieldArray/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { ErrorOption, useFieldArray, UseFormReturn } from 'react-hook-form';\nimport FieldContainer from '@digigov/form/Field/FieldBaseContainer';\nimport { FieldProps } from '@digigov/form/Field/types';\nimport FieldObject from '@digigov/form/FieldObject';\nimport { FieldsetLabel } from '@digigov/form/Fieldset';\nimport Fieldset from '@digigov/react-core/Fieldset';\nimport { Button, Card, Hint } from '@digigov/ui';\nexport interface FieldArrayProps extends FieldProps {\n  control: UseFormReturn['control'];\n  register: UseFormReturn['register'];\n  formState: UseFormReturn['formState'];\n  error?: ErrorOption;\n}\nexport const FieldArray: React.FC<FieldArrayProps> = ({\n  name,\n  register,\n  control,\n  formState,\n  error,\n  layout,\n  label,\n  ...customField\n}) => {\n  const { fields, append, remove } = useFieldArray({\n    control,\n    name,\n  });\n\n  return (\n    <FieldContainer\n      label={label}\n      layout={layout}\n      error={\n        formState.isSubmitted &&\n        !formState.isSubmitting &&\n        error?.message &&\n        error\n          ? error\n          : undefined\n      }\n      wrapper=\"fieldset\"\n      name={name}\n    >\n      {fields.length === 0 && (\n        <Hint>{customField.extra?.label.object?.nothing_added}</Hint>\n      )}\n      {fields.map((field, index) => (\n        <Card variant=\"border\" key={field.id}>\n          <Fieldset>\n            <FieldsetLabel>\n              {customField.extra?.label.object.title} {index + 1}\n            </FieldsetLabel>\n            <FieldObject\n              name={`${name}.${index}`}\n              error={Array.isArray(error) && error[index]}\n              formState={formState}\n              register={register}\n              control={control}\n              {...customField.extra?.of}\n            />\n            <Button type=\"button\" color=\"warning\" onClick={() => remove(index)}>\n              Remove\n            </Button>\n          </Fieldset>\n        </Card>\n      ))}\n\n      <Button\n        type=\"button\"\n        color=\"secondary\"\n        onClick={(ev) => {\n          ev.preventDefault();\n          append({});\n        }}\n      >\n        {customField.extra?.label.object?.add}\n      </Button>\n    </FieldContainer>\n  );\n};\n\nexport default FieldArray;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,6BAA0D;AAC1D,gCAA2B;AAE3B,yBAAwB;AACxB,sBAA8B;AAC9B,uBAAqB;AACrB,gBAAmC;AAO5B,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MACC;AACJ,QAAM,CAAE,QAAQ,QAAQ,UAAW,0CAAc;AAAA,IAC/C;AAAA,IACA;AAAA;AAGF,SACE,mDAAC,mCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,OACE,UAAU,eACV,CAAC,UAAU,gBACX,OAAO,WACP,QACI,QACA;AAAA,IAEN,SAAQ;AAAA,IACR;AAAA,KAEC,OAAO,WAAW,KACjB,mDAAC,gBAAD,MAAO,YAAY,OAAO,MAAM,QAAQ,gBAEzC,OAAO,IAAI,CAAC,OAAO,UAClB,mDAAC,gBAAD;AAAA,IAAM,SAAQ;AAAA,IAAS,KAAK,MAAM;AAAA,KAChC,mDAAC,0BAAD,MACE,mDAAC,+BAAD,MACG,YAAY,OAAO,MAAM,OAAO,OAAM,KAAE,QAAQ,IAEnD,mDAAC,4BAAD;AAAA,IACE,MAAM,GAAG,QAAQ;AAAA,IACjB,OAAO,MAAM,QAAQ,UAAU,MAAM;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,OACI,YAAY,OAAO;AAAA,MAEzB,mDAAC,kBAAD;AAAA,IAAQ,MAAK;AAAA,IAAS,OAAM;AAAA,IAAU,SAAS,MAAM,OAAO;AAAA,KAAQ,cAO1E,mDAAC,kBAAD;AAAA,IACE,MAAK;AAAA,IACL,OAAM;AAAA,IACN,SAAS,CAAC,OAAO;AACf,SAAG;AACH,aAAO;AAAA;AAAA,KAGR,YAAY,OAAO,MAAM,QAAQ;AAAA;AAM1C,IAAO,qBAAQ;",
-  "names": []
+  "sourcesContent": ["import React from 'react';\nimport { ErrorOption, useFieldArray, UseFormReturn } from 'react-hook-form';\nimport { FieldBaseContainer } from '@digigov/form/Field/FieldBaseContainer';\nimport { FieldProps } from '@digigov/form/Field/types';\nimport { FieldObject } from '@digigov/form/FieldObject';\nimport { FieldsetLabel } from '@digigov/form/Fieldset';\nimport { Fieldset } from '@digigov/form/Fieldset';\nimport { Card } from '@digigov/ui/content/Card';\nimport { Button } from '@digigov/ui/form/Button';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport interface FieldArrayProps extends FieldProps {\n  control: UseFormReturn['control'];\n  register: UseFormReturn['register'];\n  formState: UseFormReturn['formState'];\n  error?: ErrorOption;\n  Field: React.FC<FieldProps>;\n}\nexport const FieldArray: React.FC<FieldArrayProps> = ({\n  name,\n  register,\n  control,\n  formState,\n  error,\n  layout,\n  label,\n  Field,\n  ...customField\n}) => {\n  const { fields, append, remove } = useFieldArray({\n    control,\n    name,\n  });\n\n  return (\n    <FieldBaseContainer\n      label={label}\n      layout={layout}\n      error={\n        formState.isSubmitted &&\n        !formState.isSubmitting &&\n        error?.message &&\n        error\n          ? error\n          : undefined\n      }\n      wrapper=\"fieldset\"\n      name={name}\n    >\n      {fields.length === 0 && (\n        <Hint>{customField.extra?.label.object?.nothing_added}</Hint>\n      )}\n      {fields.map((field, index) => (\n        <Card variant=\"border\" key={field.id}>\n          <Fieldset>\n            <FieldsetLabel>\n              {customField.extra?.label.object.title} {index + 1}\n            </FieldsetLabel>\n            <FieldObject\n              name={`${name}.${index}`}\n              error={Array.isArray(error) && error[index]}\n              formState={formState}\n              register={register}\n              control={control}\n              {...customField.extra?.of}\n              Field={Field}\n            />\n            <Button\n              name={`${name}-object-remove`}\n              type=\"button\"\n              color=\"warning\"\n              onClick={() => remove(index)}\n            >\n              {customField.extra?.label.object?.delete}\n            </Button>\n          </Fieldset>\n        </Card>\n      ))}\n\n      <Button\n        type=\"button\"\n        name={`${name}-add-object`}\n        color=\"secondary\"\n        onClick={(ev) => {\n          ev.preventDefault();\n          append({});\n        }}\n      >\n        {customField.extra?.label.object?.add}\n      </Button>\n    </FieldBaseContainer>\n  );\n};\n\nexport default FieldArray;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,6BAA0D;AAC1D,gCAAmC;AAEnC,yBAA4B;AAC5B,sBAA8B;AAC9B,IAAAA,mBAAyB;AACzB,kBAAqB;AACrB,oBAAuB;AACvB,kBAAqB;AASd,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,QAAQ,QAAQ,OAAO,QAAI,sCAAc;AAAA,IAC/C;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,OACE,UAAU,eACV,CAAC,UAAU,gBACX,OAAO,WACP,QACI,QACA;AAAA,MAEN,SAAQ;AAAA,MACR;AAAA;AAAA,IAEC,OAAO,WAAW,KACjB,6BAAAA,QAAA,cAAC,wBAAM,YAAY,OAAO,MAAM,QAAQ,aAAc;AAAA,IAEvD,OAAO,IAAI,CAAC,OAAO,UAClB,6BAAAA,QAAA,cAAC,oBAAK,SAAQ,UAAS,KAAK,MAAM,MAChC,6BAAAA,QAAA,cAAC,iCACC,6BAAAA,QAAA,cAAC,qCACE,YAAY,OAAO,MAAM,OAAO,OAAM,KAAE,QAAQ,CACnD,GACA,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,GAAG,IAAI,IAAI,KAAK;AAAA,QACtB,OAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,KAAK;AAAA,QAC1C;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG,YAAY,OAAO;AAAA,QACvB;AAAA;AAAA,IACF,GACA,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,GAAG,IAAI;AAAA,QACb,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS,MAAM,OAAO,KAAK;AAAA;AAAA,MAE1B,YAAY,OAAO,MAAM,QAAQ;AAAA,IACpC,CACF,CACF,CACD;AAAA,IAED,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAM,GAAG,IAAI;AAAA,QACb,OAAM;AAAA,QACN,SAAS,CAAC,OAAO;AACf,aAAG,eAAe;AAClB,iBAAO,CAAC,CAAC;AAAA,QACX;AAAA;AAAA,MAEC,YAAY,OAAO,MAAM,QAAQ;AAAA,IACpC;AAAA,EACF;AAEJ;AAEA,IAAO,qBAAQ;",
+  "names": ["import_Fieldset", "React"]
 }