@digigov/form 2.0.0-85c27c19 → 2.0.0-8e254888

package/cjs/Field/utils/index.js

@@ -28,12 +28,14 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var utils_exports = {};
 __export(utils_exports, {
   ALTERNATIVE_COMPONENTS: () => ALTERNATIVE_COMPONENTS,
+  CONTROLLED_FIELD_COMPONENTS: () => CONTROLLED_FIELD_COMPONENTS,
   FIELD_COMPONENTS: () => FIELD_COMPONENTS
 });
 module.exports = __toCommonJS(utils_exports);
 var import_AutoCompleteInput = __toESM(require("@digigov/form/inputs/AutoCompleteInput"));
 var import_Checkboxes = __toESM(require("@digigov/form/inputs/Checkboxes"));
 var import_DateInput = __toESM(require("@digigov/form/inputs/DateInput"));
+var import_DateTimeInput = __toESM(require("@digigov/form/inputs/DateTimeInput"));
 var import_FileInput = __toESM(require("@digigov/form/inputs/FileInput"));
 var import_ImageInput = __toESM(require("@digigov/form/inputs/ImageInput"));
 var import_Input = __toESM(require("@digigov/form/inputs/Input"));
@@ -60,6 +62,11 @@ const FIELD_COMPONENTS = {
     controlled: true,
     component: import_DateInput.default
   },
+  datetime: {
+    wrapper: "fieldset",
+    controlled: true,
+    component: import_DateTimeInput.default
+  },
   otp: {
     wrapper: "fieldset",
     controlled: true,
@@ -87,9 +94,26 @@ const ALTERNATIVE_COMPONENTS = {
     wrapper: "fieldset"
   }
 };
+const CONTROLLED_FIELD_COMPONENTS = {
+  ...FIELD_COMPONENTS,
+  "choice:single": {
+    wrapper: "fieldset",
+    controlled: true,
+    component: import_Radio.ControlledRadioButtonsGroup
+  },
+  text: {
+    component: import_Input.default,
+    controlled: true
+  },
+  string: {
+    component: import_Input.default,
+    controlled: true
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ALTERNATIVE_COMPONENTS,
+  CONTROLLED_FIELD_COMPONENTS,
   FIELD_COMPONENTS
 });
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +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 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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,+BAA8B;AAC9B,wBAAuB;AACvB,uBAAsB;AACtB,uBAAsB;AACtB,wBAAuB;AACvB,mBAAkB;AAClB,sBAAqB;AACrB,mBAAkB;AAClB,oBAAmB;AAEZ,MAAM,mBAA2C;AAAA,EACtD,MAAM;AAAA,IACJ,WAAW,aAAAA;AAAA,EACb;AAAA,EACA,QAAQ;AAAA,IACN,WAAW,aAAAA;AAAA,EACb;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,WAAW,iBAAAC;AAAA,EACb;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,IACT,WAAW,kBAAAC;AAAA,EACb;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW,iBAAAC;AAAA,EACb;AAAA,EACA,KAAK;AAAA,IACH,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW,gBAAAC;AAAA,EACb;AAAA,EACA,mBAAmB;AAAA,IACjB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW,kBAAAC;AAAA,EACb;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW,aAAAC;AAAA,EACb;AACF;AAEO,MAAM,yBAAiD;AAAA,EAC5D,QAAQ;AAAA,IACN,WAAW,cAAAC;AAAA,IACX,YAAY;AAAA,EACd;AAAA,EACA,cAAc;AAAA,IACZ,WAAW,yBAAAC;AAAA,IACX,YAAY;AAAA,IACZ,SAAS;AAAA,EACX;AACF;",
-  "names": ["Input", "FileInput", "ImageInput", "DateInput", "OtpInput", "Checkboxes", "Radio", "Select", "AutoCompleteInput"]
+  "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 DateTimeInput from '@digigov/form/inputs/DateTimeInput';\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  datetime: {\n    wrapper: 'fieldset',\n    controlled: true,\n    component: DateTimeInput,\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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,+BAA8B;AAC9B,wBAAuB;AACvB,uBAAsB;AACtB,2BAA0B;AAC1B,uBAAsB;AACtB,wBAAuB;AACvB,mBAAkB;AAClB,sBAAqB;AACrB,mBAAmD;AACnD,oBAAmB;AAEZ,MAAM,mBAA2C;AAAA,EACtD,MAAM;AAAA,IACJ,WAAW,aAAAA;AAAA,EACb;AAAA,EACA,QAAQ;AAAA,IACN,WAAW,aAAAA;AAAA,EACb;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,WAAW,iBAAAC;AAAA,EACb;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,IACT,WAAW,kBAAAC;AAAA,EACb;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW,iBAAAC;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW,qBAAAC;AAAA,EACb;AAAA,EACA,KAAK;AAAA,IACH,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW,gBAAAC;AAAA,EACb;AAAA,EACA,mBAAmB;AAAA,IACjB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW,kBAAAC;AAAA,EACb;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW,aAAAC;AAAA,EACb;AACF;AAEO,MAAM,yBAAiD;AAAA,EAC5D,QAAQ;AAAA,IACN,WAAW,cAAAC;AAAA,IACX,YAAY;AAAA,EACd;AAAA,EACA,cAAc;AAAA,IACZ,WAAW,yBAAAC;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,aAAAT;AAAA,IACX,YAAY;AAAA,EACd;AAAA,EACA,QAAQ;AAAA,IACN,WAAW,aAAAA;AAAA,IACX,YAAY;AAAA,EACd;AACF;",
+  "names": ["Input", "FileInput", "ImageInput", "DateInput", "DateTimeInput", "OtpInput", "Checkboxes", "Radio", "Select", "AutoCompleteInput"]
 }

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

@@ -46,6 +46,12 @@ const useField = (name, customField) => {
       https://devs.pages.grnet.gr/digigov/digigov-sdk/sdk-docs/forms/create-simple-form/
     `);
   }
+  let error = errors[name];
+  const nameIndexRegex = name.match(/^(.*?)\.(\d+)$/);
+  if (nameIndexRegex) {
+    const [, fieldArrayName, indexStr] = nameIndexRegex;
+    error = errors[fieldArrayName]?.[Number(indexStr)];
+  }
   (0, import_react.useMemo)(
     () => customField?.type && registerField({ ...customField, key: name }),
     [customField, name, registerField]
@@ -64,7 +70,7 @@ const useField = (name, customField) => {
     getValues,
     unregister,
     formState,
-    error: errors[name]
+    error
   };
 };
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -1,7 +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;",
+  "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  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  let error = errors[name];\n  const nameIndexRegex = name.match(/^(.*?)\\.(\\d+)$/);\n  if (nameIndexRegex) {\n    const [, fieldArrayName, indexStr] = nameIndexRegex;\n    error = errors[fieldArrayName]?.[Number(indexStr)];\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,\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;AAC1B,MAAI,CAAC,eAAe;AAClB,UAAM,IAAI,MAAM;AAAA;AAAA;AAAA,KAGf;AAAA,EACH;AACA,MAAI,QAAQ,OAAO,IAAI;AACvB,QAAM,iBAAiB,KAAK,MAAM,gBAAgB;AAClD,MAAI,gBAAgB;AAClB,UAAM,CAAC,EAAE,gBAAgB,QAAQ,IAAI;AACrC,YAAQ,OAAO,cAAc,IAAI,OAAO,QAAQ,CAAC;AAAA,EACnD;AACA;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;AAAA,EACF;AACF;",
   "names": []
 }

package/cjs/FieldArray/FormDialog/index.js

@@ -0,0 +1,301 @@
+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 __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 __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 FormDialog_exports = {};
+__export(FormDialog_exports, {
+  ArrayItemDisplay: () => ArrayItemDisplay,
+  ArrayItemHeader: () => ArrayItemHeader,
+  ArrayItemModal: () => ArrayItemModal,
+  FormDialog: () => FormDialog,
+  default: () => FormDialog_default
+});
+module.exports = __toCommonJS(FormDialog_exports);
+var import_react = __toESM(require("react"));
+var import_react_hook_form = require("react-hook-form");
+var import_FieldObject = require("@digigov/form/FieldObject");
+var import_Fieldset = require("@digigov/form/Fieldset");
+var import_Modal = require("@digigov/ui/app/Modal");
+var import_content = require("@digigov/ui/content");
+var import_Button = require("@digigov/ui/form/Button");
+var import_Hint = require("@digigov/ui/typography/Hint");
+const FormDialog = ({
+  name,
+  trigger,
+  register,
+  control,
+  formState,
+  error,
+  getValues,
+  Field,
+  reset,
+  ...customField
+}) => {
+  const [isAppending, setIsAppending] = (0, import_react.useState)(false);
+  const [currentIndex, setCurrentIndex] = (0, import_react.useState)(0);
+  const { fields, append, remove, update } = (0, import_react_hook_form.useFieldArray)({
+    control,
+    name
+  });
+  const { open, close, registerModal } = (0, import_Modal.useModal)();
+  const currentLength = fields.length > 0 ? fields.length - 1 : fields.length;
+  const currentName = isAppending ? `${name}.${currentLength}` : `${name}.${currentIndex}`;
+  (0, import_react.useEffect)(() => {
+    if (isAppending) {
+      setCurrentIndex(currentLength);
+      open(`modal-${name}`);
+    }
+  }, [isAppending]);
+  const valuesRef = (0, import_react.useRef)(null);
+  if (!error) {
+    const values2 = getValues(currentName);
+    if (typeof values2 === "object") {
+      valuesRef.current = { ...values2 };
+    } else {
+      valuesRef.current = values2;
+    }
+  }
+  const values = getValues(name);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    ArrayItemModal,
+    {
+      title: customField.extra?.label.object.title && `${customField.extra?.label.object.title} ${currentLength + 1}`,
+      hint: customField.label?.secondary,
+      name,
+      editOrAppend: async () => {
+        const hasNoErrors = await trigger(
+          customField.extra?.of.extra ? customField.extra?.of.extra.fields.map(
+            ({ key }) => `${currentName}.${key}`
+          ) : currentName
+        );
+        if (hasNoErrors) {
+          const newValues = getValues(currentName);
+          if (isAppending) {
+            setIsAppending(false);
+          }
+          if (customField?.extra?.of?.extra) {
+            update(currentIndex, newValues);
+          } else {
+            update(currentIndex, newValues);
+          }
+          close();
+        }
+      },
+      cancel: () => {
+        if (isAppending) {
+          setIsAppending(false);
+          remove(currentIndex);
+          close();
+          return;
+        }
+        update(currentIndex, valuesRef.current);
+        reset(void 0, {
+          keepTouched: true,
+          keepDefaultValues: true,
+          keepIsValid: true,
+          keepIsSubmitted: true,
+          keepValues: true
+        });
+        close();
+      },
+      type: isAppending ? "append" : "edit",
+      appendLabel: customField.extra?.label.object.append.label,
+      appendProps: customField.extra?.label.object.append.props,
+      editLabel: customField.extra?.label.object.edit.label,
+      editProps: customField.extra?.label.object.edit.props,
+      cancelLabel: customField.extra?.label.object.cancel.label,
+      cancelProps: customField.extra?.label.object.cancel.props,
+      ...registerModal(`modal-${name}`)
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_Fieldset.Fieldset, null, customField.extra?.of?.type === "object" ? /* @__PURE__ */ import_react.default.createElement(
+      import_FieldObject.FieldObject,
+      {
+        defaultValue: getValues(currentName) || void 0,
+        name: currentName,
+        error: error && error[currentIndex],
+        formState,
+        register,
+        control,
+        ...customField.extra?.of,
+        Field
+      }
+    ) : /* @__PURE__ */ import_react.default.createElement(
+      Field,
+      {
+        name: currentName,
+        ...customField.extra?.of,
+        error: error && error[currentIndex],
+        key: currentName
+      }
+    ))
+  ), /* @__PURE__ */ import_react.default.createElement(import_content.TableContainer, null, /* @__PURE__ */ import_react.default.createElement(import_content.Table, null, !customField.extra?.noHeader && customField.extra?.of?.extra && /* @__PURE__ */ import_react.default.createElement(
+    ArrayItemHeader,
+    {
+      labels: customField.extra?.of.extra.fields.map(
+        ({ label }) => label.primary
+      ),
+      disabled: customField.extra?.editable === false
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(import_content.TableBody, null, values?.map((field, index) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      ArrayItemDisplay,
+      {
+        key: index,
+        name: `${name}.${index}`,
+        data: field,
+        edit: () => {
+          setCurrentIndex(index);
+          open(`modal-${name}`);
+        },
+        remove: () => {
+          remove(index);
+        },
+        disabledEdit: customField.extra?.noEdit ?? false,
+        disabledDelete: customField.extra?.noDelete ?? false,
+        disabled: customField.extra?.editable ?? false
+      }
+    );
+  })))), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: customField.extra?.label.object?.addButtonVariant === "link" ? "px-2 py-2 bg-gray-200 border-t border-b border-gray-400" : ""
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_Button.Button,
+      {
+        type: "button",
+        name: `${name}-add-object`,
+        color: "secondary",
+        variant: customField.extra?.label.object?.addButtonVariant,
+        onClick: (ev) => {
+          ev.preventDefault();
+          if (customField.extra?.of?.extra) {
+            append({});
+          } else {
+            append("");
+          }
+          setCurrentIndex(currentLength + 1);
+          setIsAppending(true);
+        },
+        disabled: !customField?.editable
+      },
+      customField.extra?.label.object?.add
+    )
+  ));
+};
+const ArrayItemModal = ({
+  type,
+  name,
+  title,
+  hint,
+  editOrAppend,
+  cancel,
+  editLabel,
+  editProps,
+  appendLabel,
+  appendProps,
+  cancelLabel,
+  cancelProps,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_Modal.Modal, { ...props, "aria-labelledby": "modal-label" }, /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalHeading, { id: "modal-label" }, title ? title : type === "edit" ? "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1" : "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7"), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalContent, null, hint && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, null, hint), children), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalAction, null, type === "edit" ? /* @__PURE__ */ import_react.default.createElement(
+    import_Button.Button,
+    {
+      color: "secondary",
+      ...editProps,
+      onClick: async (e) => {
+        e.preventDefault();
+        editOrAppend(name);
+      }
+    },
+    editLabel || "\u0391\u03C0\u03BF\u03B8\u03AE\u03BA\u03B5\u03C5\u03C3\u03B7"
+  ) : /* @__PURE__ */ import_react.default.createElement(
+    import_Button.Button,
+    {
+      color: "primary",
+      ...appendProps,
+      onClick: async (e) => {
+        e.preventDefault();
+        editOrAppend(name);
+      }
+    },
+    appendLabel || "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_Button.Button,
+    {
+      variant: "link",
+      ...cancelProps,
+      onClick: (e) => {
+        e.preventDefault();
+        cancel(name);
+      }
+    },
+    cancelLabel || "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7"
+  )));
+};
+const ArrayItemHeader = ({ labels, disabled }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_content.TableHead, null, /* @__PURE__ */ import_react.default.createElement(import_content.TableRow, null, labels.map((label, index) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_content.TableHeadCell, { key: index }, label);
+  }), !disabled && /* @__PURE__ */ import_react.default.createElement(import_content.TableHeadCell, null, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2")));
+};
+const ArrayItemDisplay = ({
+  name,
+  data,
+  edit,
+  remove,
+  disabledEdit,
+  disabledDelete,
+  disabled
+}) => {
+  if (Object.keys(data).length === 0 || Object.keys(data).length === 1 && data.id) {
+    return null;
+  }
+  delete data.id;
+  const values = typeof data === "string" ? [data] : Object.values(data);
+  return /* @__PURE__ */ import_react.default.createElement(import_content.TableRow, null, values.map((value, index) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_content.TableDataCell, { key: index }, value || "");
+  }), disabled === true || disabledEdit === true && disabledDelete === true ? null : /* @__PURE__ */ import_react.default.createElement(import_content.TableDataCell, null, /* @__PURE__ */ import_react.default.createElement(import_Button.ButtonGroup, null, disabledEdit !== true && /* @__PURE__ */ import_react.default.createElement(
+    import_Button.Button,
+    {
+      variant: "link",
+      type: "button",
+      onClick: () => {
+        edit(name);
+      }
+    },
+    "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"
+  ), disabledDelete !== true && /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { variant: "link", type: "button", onClick: () => remove(name) }, "\u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE"))));
+};
+var FormDialog_default = FormDialog;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ArrayItemDisplay,
+  ArrayItemHeader,
+  ArrayItemModal,
+  FormDialog
+});
+//# sourceMappingURL=FormDialog.js.map

package/cjs/FieldArray/FormDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FieldArray/FormDialog.tsx"],
+  "sourcesContent": ["import React, { useEffect, useRef, useState } from 'react';\nimport { ErrorOption, useFieldArray, UseFormReturn } from 'react-hook-form';\nimport { FieldProps } from '@digigov/form/Field/types';\nimport { FieldObject } from '@digigov/form/FieldObject';\nimport { Fieldset } from '@digigov/form/Fieldset';\nimport {\n  Modal,\n  ModalAction,\n  ModalContent,\n  ModalHeading,\n  useModal,\n} from '@digigov/ui/app/Modal';\nimport {\n  Table,\n  TableBody,\n  TableContainer,\n  TableDataCell,\n  TableHead,\n  TableHeadCell,\n  TableRow,\n} from '@digigov/ui/content';\nimport { Button, ButtonGroup } from '@digigov/ui/form/Button';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport interface FormDialogProps extends FieldProps {\n  control: UseFormReturn['control'];\n  trigger: UseFormReturn['trigger'];\n  register: UseFormReturn['register'];\n  clearErrors: UseFormReturn['clearErrors'];\n  formState: UseFormReturn['formState'];\n  error?: ErrorOption;\n  getValues: UseFormReturn['getValues'];\n  setValue: UseFormReturn['setValue'];\n  reset: UseFormReturn['reset'];\n  Field: React.FC<FieldProps>;\n}\n\nexport interface DialogProps {\n  name: string;\n  heading: string;\n  actions: React.ReactNode;\n  children: React.ReactNode;\n  registerModal: (any) => {};\n}\n\nexport const FormDialog: React.FC<FormDialogProps> = ({\n  name,\n  trigger,\n  register,\n  control,\n  formState,\n  error,\n  getValues,\n  Field,\n  reset,\n  ...customField\n}) => {\n  const [isAppending, setIsAppending] = useState(false);\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const { fields, append, remove, update } = useFieldArray({\n    control,\n    name,\n  });\n  const { open, close, registerModal } = useModal();\n  const currentLength = fields.length > 0 ? fields.length - 1 : fields.length;\n  const currentName = isAppending\n    ? `${name}.${currentLength}`\n    : `${name}.${currentIndex}`;\n  useEffect(() => {\n    if (isAppending) {\n      setCurrentIndex(currentLength);\n      open(`modal-${name}`);\n    }\n  }, [isAppending]);\n\n  const valuesRef = useRef(null);\n  if (!error) {\n    const values = getValues(currentName);\n    if (typeof values === 'object') {\n      valuesRef.current = { ...values };\n    } else {\n      valuesRef.current = values;\n    }\n  }\n  const values = getValues(name);\n  return (\n    <>\n      <ArrayItemModal\n        title={\n          customField.extra?.label.object.title &&\n          `${customField.extra?.label.object.title} ${currentLength + 1}`\n        }\n        hint={customField.label?.secondary}\n        name={name}\n        editOrAppend={async () => {\n          const hasNoErrors = await trigger(\n            customField.extra?.of.extra\n              ? customField.extra?.of.extra.fields.map(\n                  ({ key }) => `${currentName}.${key}`\n                )\n              : currentName\n          );\n          if (hasNoErrors) {\n            const newValues = getValues(currentName);\n            if (isAppending) {\n              setIsAppending(false);\n            }\n            if (customField?.extra?.of?.extra) {\n              update(currentIndex, newValues);\n            } else {\n              update(currentIndex, newValues);\n            }\n            close();\n          }\n        }}\n        cancel={() => {\n          if (isAppending) {\n            setIsAppending(false);\n            remove(currentIndex);\n            close();\n            return;\n          }\n          update(currentIndex, valuesRef.current);\n          reset(undefined, {\n            keepTouched: true,\n            keepDefaultValues: true,\n            keepIsValid: true,\n            keepIsSubmitted: true,\n            keepValues: true,\n          });\n          close();\n        }}\n        type={isAppending ? 'append' : 'edit'}\n        appendLabel={customField.extra?.label.object.append.label}\n        appendProps={customField.extra?.label.object.append.props}\n        editLabel={customField.extra?.label.object.edit.label}\n        editProps={customField.extra?.label.object.edit.props}\n        cancelLabel={customField.extra?.label.object.cancel.label}\n        cancelProps={customField.extra?.label.object.cancel.props}\n        {...registerModal(`modal-${name}`)}\n      >\n        <Fieldset>\n          {customField.extra?.of?.type === 'object' ? (\n            <FieldObject\n              defaultValue={getValues(currentName) || undefined}\n              name={currentName}\n              error={error && error[currentIndex]}\n              formState={formState}\n              register={register}\n              control={control}\n              {...customField.extra?.of}\n              Field={Field}\n            />\n          ) : (\n            <Field\n              name={currentName}\n              {...customField.extra?.of}\n              error={error && error[currentIndex]}\n              key={currentName}\n            />\n          )}\n        </Fieldset>\n      </ArrayItemModal>\n      <TableContainer>\n        <Table>\n          {!customField.extra?.noHeader && customField.extra?.of?.extra && (\n            <ArrayItemHeader\n              labels={customField.extra?.of.extra.fields.map(\n                ({ label }) => label.primary\n              )}\n              disabled={customField.extra?.editable === false}\n            />\n          )}\n          <TableBody>\n            {values?.map((field, index) => {\n              return (\n                <ArrayItemDisplay\n                  key={index}\n                  name={`${name}.${index}`}\n                  data={field}\n                  edit={() => {\n                    setCurrentIndex(index);\n                    open(`modal-${name}`);\n                  }}\n                  remove={() => {\n                    remove(index);\n                  }}\n                  disabledEdit={customField.extra?.noEdit ?? false}\n                  disabledDelete={customField.extra?.noDelete ?? false}\n                  disabled={customField.extra?.editable ?? false}\n                />\n              );\n            })}\n          </TableBody>\n        </Table>\n      </TableContainer>\n      <div\n        className={\n          customField.extra?.label.object?.addButtonVariant === 'link'\n            ? 'px-2 py-2 bg-gray-200 border-t border-b border-gray-400'\n            : ''\n        }\n      >\n        <Button\n          type=\"button\"\n          name={`${name}-add-object`}\n          color=\"secondary\"\n          variant={customField.extra?.label.object?.addButtonVariant}\n          onClick={(ev) => {\n            ev.preventDefault();\n            if (customField.extra?.of?.extra) {\n              append({});\n            } else {\n              append('');\n            }\n            setCurrentIndex(currentLength + 1);\n            setIsAppending(true);\n          }}\n          disabled={!customField?.editable}\n        >\n          {customField.extra?.label.object?.add}\n        </Button>\n      </div>\n    </>\n  );\n};\n\nexport const ArrayItemModal = ({\n  type,\n  name,\n  title,\n  hint,\n  editOrAppend,\n  cancel,\n  editLabel,\n  editProps,\n  appendLabel,\n  appendProps,\n  cancelLabel,\n  cancelProps,\n  children,\n  ...props\n}: {\n  type: 'append' | 'edit';\n  name: string;\n  title?: string;\n  hint?: string;\n  editOrAppend: (name: string) => void;\n  cancel: (name: string) => void;\n  editLabel?: string;\n  editProps?: any;\n  appendLabel?: string;\n  appendProps?: any;\n  cancelLabel?: string;\n  cancelProps?: any;\n  children: React.ReactNode;\n  [key: string]: any;\n}) => {\n  return (\n    <Modal {...props} aria-labelledby=\"modal-label\">\n      <ModalHeading id=\"modal-label\">\n        {title ? title : type === 'edit' ? '\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1' : '\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7'}\n      </ModalHeading>\n      <ModalContent>\n        {hint && <Hint>{hint}</Hint>}\n        {children}\n      </ModalContent>\n      <ModalAction>\n        {type === 'edit' ? (\n          <Button\n            color=\"secondary\"\n            {...editProps}\n            onClick={async (e) => {\n              e.preventDefault();\n              editOrAppend(name);\n            }}\n          >\n            {editLabel || '\u0391\u03C0\u03BF\u03B8\u03AE\u03BA\u03B5\u03C5\u03C3\u03B7'}\n          </Button>\n        ) : (\n          <Button\n            color=\"primary\"\n            {...appendProps}\n            onClick={async (e) => {\n              e.preventDefault();\n              editOrAppend(name);\n            }}\n          >\n            {appendLabel || '\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7'}\n          </Button>\n        )}\n        <Button\n          variant=\"link\"\n          {...cancelProps}\n          onClick={(e) => {\n            e.preventDefault();\n            cancel(name);\n          }}\n        >\n          {cancelLabel || '\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7'}\n        </Button>\n      </ModalAction>\n    </Modal>\n  );\n};\n\nexport const ArrayItemHeader = ({ labels, disabled }) => {\n  return (\n    <TableHead>\n      <TableRow>\n        {labels.map((label, index) => {\n          return <TableHeadCell key={index}>{label}</TableHeadCell>;\n        })}\n        {!disabled && <TableHeadCell>\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2</TableHeadCell>}\n      </TableRow>\n    </TableHead>\n  );\n};\n\nexport const ArrayItemDisplay = ({\n  name,\n  data,\n  edit,\n  remove,\n  disabledEdit,\n  disabledDelete,\n  disabled,\n}: {\n  data: any;\n  name: string;\n  edit: (name: string) => void;\n  remove: (name: string) => void;\n  disabledEdit?: boolean;\n  disabledDelete?: boolean;\n  disabled?: boolean;\n}) => {\n  if (\n    Object.keys(data).length === 0 ||\n    (Object.keys(data).length === 1 && data.id)\n  ) {\n    return null;\n  }\n  delete data.id;\n  const values: string[] =\n    typeof data === 'string' ? [data] : Object.values(data);\n  return (\n    <TableRow>\n      {values.map((value, index) => {\n        return <TableDataCell key={index}>{value || ''}</TableDataCell>;\n      })}\n      {disabled === true ||\n      (disabledEdit === true && disabledDelete === true) ? null : (\n        <TableDataCell>\n          <ButtonGroup>\n            {disabledEdit !== true && (\n              <Button\n                variant=\"link\"\n                type=\"button\"\n                onClick={() => {\n                  edit(name);\n                }}\n              >\n                \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n              </Button>\n            )}\n            {disabledDelete !== true && (\n              <Button variant=\"link\" type=\"button\" onClick={() => remove(name)}>\n                \u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n              </Button>\n            )}\n          </ButtonGroup>\n        </TableDataCell>\n      )}\n    </TableRow>\n  );\n};\n\nexport default FormDialog;\n"],
+  "mappings": "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",
+  "names": ["values", "React"]
+}

package/cjs/FieldArray/index.js

@@ -33,21 +33,27 @@ __export(FieldArray_exports, {
 module.exports = __toCommonJS(FieldArray_exports);
 var import_react = __toESM(require("react"));
 var import_react_hook_form = require("react-hook-form");
-var import_FieldBaseContainer = __toESM(require("@digigov/form/Field/FieldBaseContainer"));
-var import_FieldObject = __toESM(require("@digigov/form/FieldObject"));
+var import_FieldBaseContainer = require("@digigov/form/Field/FieldBaseContainer");
+var import_FormDialog = require("@digigov/form/FieldArray/FormDialog");
+var import_FieldObject = require("@digigov/form/FieldObject");
 var import_Fieldset = require("@digigov/form/Fieldset");
-var import_Fieldset2 = __toESM(require("@digigov/react-core/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,
+  trigger,
   register,
+  clearErrors,
   control,
   formState,
   error,
+  getValues,
+  setValue,
   layout,
+  reset,
   label,
+  Field,
   ...customField
 }) => {
   const { fields, append, remove } = (0, import_react_hook_form.useFieldArray)({
@@ -55,48 +61,78 @@ const FieldArray = ({
     name
   });
   return /* @__PURE__ */ import_react.default.createElement(
-    import_FieldBaseContainer.default,
+    import_FieldBaseContainer.FieldBaseContainer,
     {
       label,
       layout,
       error: formState.isSubmitted && !formState.isSubmitting && error?.message && error ? error : void 0,
+      hasError: formState.isSubmitted && !formState.isSubmitting && !!error,
       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.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,
+    fields.length === 0 && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { ...customField.extra?.label.object?.nothing_added_props }, customField.extra?.label.object?.nothing_added),
+    customField.extra?.variant === "dialog" ? /* @__PURE__ */ import_react.default.createElement(
+      import_FormDialog.FormDialog,
       {
-        name: `${name}.${index}`,
-        error: Array.isArray(error) && error[index],
-        formState,
+        name,
+        trigger,
         register,
+        clearErrors,
         control,
-        ...customField.extra?.of
+        formState,
+        error,
+        getValues,
+        setValue,
+        layout,
+        label,
+        Field,
+        reset,
+        ...customField
       }
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_Button.Button,
+    ) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, fields.map((field, index) => /* @__PURE__ */ import_react.default.createElement(
+      import_Card.Card,
       {
-        name: `${name}-object-remove`,
-        type: "button",
-        color: "warning",
-        onClick: () => remove(index)
+        variant: customField.extra?.border ? "border" : "divider",
+        key: field.id
       },
-      customField.extra?.label.object?.delete
-    )))),
-    /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ import_react.default.createElement(import_Fieldset.Fieldset, null, /* @__PURE__ */ import_react.default.createElement(import_Fieldset.FieldsetLabel, null, customField.extra?.label.object.title, " ", !customField.extra?.noIndex && 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`,
+          variant: customField.extra?.label.object?.deleteButtonVariant,
+          type: "button",
+          color: "warning",
+          onClick: () => remove(index),
+          disabled: !customField?.editable
+        },
+        customField.extra?.label.object?.delete
+      ))
+    )), /* @__PURE__ */ import_react.default.createElement(
       import_Button.Button,
       {
         type: "button",
         name: `${name}-add-object`,
         color: "secondary",
+        variant: customField.extra?.label.object?.addButtonVariant,
         onClick: (ev) => {
           ev.preventDefault();
           append({});
-        }
+        },
+        disabled: !customField?.editable
       },
       customField.extra?.label.object?.add
-    )
+    ))
   );
 };
 var FieldArray_default = FieldArray;

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 { Card } from '@digigov/ui/content/Card';\nimport { Button } from '@digigov/ui/form/Button';\nimport { Hint } from '@digigov/ui/typography/Hint';\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\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    </FieldContainer>\n  );\n};\n\nexport default FieldArray;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,6BAA0D;AAC1D,gCAA2B;AAE3B,yBAAwB;AACxB,sBAA8B;AAC9B,IAAAA,mBAAqB;AACrB,kBAAqB;AACrB,oBAAuB;AACvB,kBAAqB;AAOd,MAAM,aAAwC,CAAC;AAAA,EACpD;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,0BAAAC;AAAA,IAAA;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,6BAAAD,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,iBAAAE,SAAA,MACC,6BAAAF,QAAA,cAAC,qCACE,YAAY,OAAO,MAAM,OAAO,OAAM,KAAE,QAAQ,CACnD,GACA,6BAAAA,QAAA;AAAA,MAAC,mBAAAG;AAAA,MAAA;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;AAAA,IACzB,GACA,6BAAAH,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", "FieldContainer", "Fieldset", "FieldObject"]
+  "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 { FormDialog } from '@digigov/form/FieldArray/FormDialog';\nimport { FieldObject } from '@digigov/form/FieldObject';\nimport { FieldsetLabel, 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  trigger: UseFormReturn['trigger'];\n  register: UseFormReturn['register'];\n  clearErrors: UseFormReturn['clearErrors'];\n  formState: UseFormReturn['formState'];\n  error?: ErrorOption;\n  getValues: UseFormReturn['getValues'];\n  setValue: UseFormReturn['setValue'];\n  reset: UseFormReturn['reset'];\n  Field: React.FC<FieldProps>;\n}\nexport const FieldArray: React.FC<FieldArrayProps> = ({\n  name,\n  trigger,\n  register,\n  clearErrors,\n  control,\n  formState,\n  error,\n  getValues,\n  setValue,\n  layout,\n  reset,\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      hasError={formState.isSubmitted && !formState.isSubmitting && !!error}\n      wrapper=\"fieldset\"\n      name={name}\n    >\n      {fields.length === 0 && (\n        <Hint {...customField.extra?.label.object?.nothing_added_props}>\n          {customField.extra?.label.object?.nothing_added}\n        </Hint>\n      )}\n      {customField.extra?.variant === 'dialog' ? (\n        <FormDialog\n          name={name}\n          trigger={trigger}\n          register={register}\n          clearErrors={clearErrors}\n          control={control}\n          formState={formState}\n          error={error}\n          getValues={getValues}\n          setValue={setValue}\n          layout={layout}\n          label={label}\n          Field={Field}\n          reset={reset}\n          {...customField}\n        />\n      ) : (\n        <>\n          {fields.map((field, index) => (\n            <Card\n              variant={customField.extra?.border ? 'border' : 'divider'}\n              key={field.id}\n            >\n              <Fieldset>\n                <FieldsetLabel>\n                  {customField.extra?.label.object.title}{' '}\n                  {!customField.extra?.noIndex && 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                  variant={customField.extra?.label.object?.deleteButtonVariant}\n                  type=\"button\"\n                  color=\"warning\"\n                  onClick={() => remove(index)}\n                  disabled={!customField?.editable}\n                >\n                  {customField.extra?.label.object?.delete}\n                </Button>\n              </Fieldset>\n            </Card>\n          ))}\n          <Button\n            type=\"button\"\n            name={`${name}-add-object`}\n            color=\"secondary\"\n            variant={customField.extra?.label.object?.addButtonVariant}\n            onClick={(ev) => {\n              ev.preventDefault();\n              append({});\n            }}\n            disabled={!customField?.editable}\n          >\n            {customField.extra?.label.object?.add}\n          </Button>\n        </>\n      )}\n    </FieldBaseContainer>\n  );\n};\n\nexport default FieldArray;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,6BAA0D;AAC1D,gCAAmC;AAEnC,wBAA2B;AAC3B,yBAA4B;AAC5B,sBAAwC;AACxC,kBAAqB;AACrB,oBAAuB;AACvB,kBAAqB;AAcd,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;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,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,OACE,UAAU,eACV,CAAC,UAAU,gBACX,OAAO,WACP,QACI,QACA;AAAA,MAEN,UAAU,UAAU,eAAe,CAAC,UAAU,gBAAgB,CAAC,CAAC;AAAA,MAChE,SAAQ;AAAA,MACR;AAAA;AAAA,IAEC,OAAO,WAAW,KACjB,6BAAAA,QAAA,cAAC,oBAAM,GAAG,YAAY,OAAO,MAAM,QAAQ,uBACxC,YAAY,OAAO,MAAM,QAAQ,aACpC;AAAA,IAED,YAAY,OAAO,YAAY,WAC9B,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,IACN,IAEA,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,OAAO,IAAI,CAAC,OAAO,UAClB,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,YAAY,OAAO,SAAS,WAAW;AAAA,QAChD,KAAK,MAAM;AAAA;AAAA,MAEX,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,qCACE,YAAY,OAAO,MAAM,OAAO,OAAO,KACvC,CAAC,YAAY,OAAO,WAAW,QAAQ,CAC1C,GACA,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,GAAG,IAAI,IAAI,KAAK;AAAA,UACtB,OAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,KAAK;AAAA,UAC1C;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAG,YAAY,OAAO;AAAA,UACvB;AAAA;AAAA,MACF,GACA,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,GAAG,IAAI;AAAA,UACb,SAAS,YAAY,OAAO,MAAM,QAAQ;AAAA,UAC1C,MAAK;AAAA,UACL,OAAM;AAAA,UACN,SAAS,MAAM,OAAO,KAAK;AAAA,UAC3B,UAAU,CAAC,aAAa;AAAA;AAAA,QAEvB,YAAY,OAAO,MAAM,QAAQ;AAAA,MACpC,CACF;AAAA,IACF,CACD,GACD,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAM,GAAG,IAAI;AAAA,QACb,OAAM;AAAA,QACN,SAAS,YAAY,OAAO,MAAM,QAAQ;AAAA,QAC1C,SAAS,CAAC,OAAO;AACf,aAAG,eAAe;AAClB,iBAAO,CAAC,CAAC;AAAA,QACX;AAAA,QACA,UAAU,CAAC,aAAa;AAAA;AAAA,MAEvB,YAAY,OAAO,MAAM,QAAQ;AAAA,IACpC,CACF;AAAA,EAEJ;AAEJ;AAEA,IAAO,qBAAQ;",
+  "names": ["React"]
 }