@digigov/form 1.2.0-a7ffb5dc → 2.0.0-07ee8440

package/cjs/Field/utils/index.js

@@ -1,167 +1,119 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.calculateField = calculateField;
-exports.evaluateFieldWithConditions = evaluateFieldWithConditions;
-exports.useField = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("react");
-var _FormContext = require("@digigov/form/FormContext");
-var _Checkboxes = _interopRequireDefault(require("@digigov/form/inputs/Checkboxes"));
-var _DateInput = _interopRequireDefault(require("@digigov/form/inputs/DateInput"));
-var _FileInput = _interopRequireDefault(require("@digigov/form/inputs/FileInput"));
-var _ImageInput = _interopRequireDefault(require("@digigov/form/inputs/ImageInput"));
-var _Input = _interopRequireDefault(require("@digigov/form/inputs/Input"));
-var _OtpInput = _interopRequireDefault(require("@digigov/form/inputs/OtpInput"));
-var _Radio = _interopRequireDefault(require("@digigov/form/inputs/Radio"));
-var _Select = _interopRequireDefault(require("@digigov/form/inputs/Select"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2["default"])(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var AutoCompleteInput = /*#__PURE__*/(0, _react.lazy)(function () {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require('@digigov/form/inputs/AutoCompleteInput'));
-  });
+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 utils_exports = {};
+__export(utils_exports, {
+  ALTERNATIVE_COMPONENTS: () => ALTERNATIVE_COMPONENTS,
+  CONTROLLED_FIELD_COMPONENTS: () => CONTROLLED_FIELD_COMPONENTS,
+  FIELD_COMPONENTS: () => FIELD_COMPONENTS
 });
-var 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"));
+var import_OtpInput = __toESM(require("@digigov/form/inputs/OtpInput"));
+var import_Radio = __toESM(require("@digigov/form/inputs/Radio"));
+var import_Select = __toESM(require("@digigov/form/inputs/Select"));
+const FIELD_COMPONENTS = {
   text: {
-    component: _Input["default"]
+    component: import_Input.default
   },
   string: {
-    component: _Input["default"]
+    component: import_Input.default
   },
   file: {
-    wrapper: 'fieldset',
-    component: _FileInput["default"]
+    wrapper: "fieldset",
+    component: import_FileInput.default
   },
   image: {
-    wrapper: 'fieldset',
-    component: _ImageInput["default"]
+    wrapper: "fieldset",
+    component: import_ImageInput.default
   },
   date: {
-    wrapper: 'fieldset',
+    wrapper: "fieldset",
     controlled: true,
-    component: _DateInput["default"]
+    component: import_DateInput.default
+  },
+  datetime: {
+    wrapper: "fieldset",
+    controlled: true,
+    component: import_DateTimeInput.default
   },
   otp: {
-    wrapper: 'fieldset',
+    wrapper: "fieldset",
     controlled: true,
-    component: _OtpInput["default"]
+    component: import_OtpInput.default
   },
-  'choice:multiple': {
-    wrapper: 'fieldset',
+  "choice:multiple": {
+    wrapper: "fieldset",
     controlled: true,
-    component: _Checkboxes["default"]
+    component: import_Checkboxes.default
   },
-  'choice:single': {
-    wrapper: 'fieldset',
+  "choice:single": {
+    wrapper: "fieldset",
     controlled: false,
-    component: _Radio["default"]
+    component: import_Radio.default
   }
 };
-var ALTERNATIVE_COMPONENTS = {
+const ALTERNATIVE_COMPONENTS = {
   Select: {
-    component: _Select["default"],
+    component: import_Select.default,
     controlled: false
   },
   AutoComplete: {
-    component: AutoCompleteInput,
-    controlled: true
+    component: import_AutoCompleteInput.default,
+    controlled: true,
+    wrapper: "fieldset"
   }
 };
-function calculateField(children, field, componentRegistry) {
-  var _field$extra;
-  var calculatedField = (0, _extends2["default"])({}, field);
-  var fieldComponentRegistry = (0, _extends2["default"])({}, FIELD_COMPONENTS, componentRegistry);
-  if (children) {
-    calculatedField.component = children;
-    calculatedField.controlled = true;
-  } else if (typeof field.component === 'function') {
-    // leave as is
-  } else if (!field.component && !field.type) {
-    var _fieldComponentRegist;
-    calculatedField.component = fieldComponentRegistry.string.component;
-    calculatedField.controlled = ((_fieldComponentRegist = fieldComponentRegistry.string) === null || _fieldComponentRegist === void 0 ? void 0 : _fieldComponentRegist.controlled) || false;
-  } else if (typeof (field === null || field === void 0 ? void 0 : (_field$extra = field.extra) === null || _field$extra === void 0 ? void 0 : _field$extra.component) === 'string' && ALTERNATIVE_COMPONENTS[field.extra.component]) {
-    var _ALTERNATIVE_COMPONEN;
-    calculatedField.controlled = ((_ALTERNATIVE_COMPONEN = ALTERNATIVE_COMPONENTS[field.extra.component]) === null || _ALTERNATIVE_COMPONEN === void 0 ? void 0 : _ALTERNATIVE_COMPONEN.controlled) || false;
-    calculatedField.component = ALTERNATIVE_COMPONENTS[field.extra.component].component;
-  } else if (!field.component && field.type && fieldComponentRegistry[field.type]) {
-    var _fieldComponentRegist2;
-    calculatedField.component = fieldComponentRegistry[field.type].component;
-    calculatedField.wrapper = fieldComponentRegistry[field.type].wrapper;
-    calculatedField.controlled = ((_fieldComponentRegist2 = fieldComponentRegistry[field.type]) === null || _fieldComponentRegist2 === void 0 ? void 0 : _fieldComponentRegist2.controlled) || false;
-  } else {
-    var _fieldComponentRegist3;
-    calculatedField.component = fieldComponentRegistry.string.component;
-    calculatedField.controlled = ((_fieldComponentRegist3 = fieldComponentRegistry.string) === null || _fieldComponentRegist3 === void 0 ? void 0 : _fieldComponentRegist3.controlled) || false;
-  }
-  return calculatedField;
-}
-var useField = exports.useField = function useField(name, customField) {
-  var _useContext = (0, _react.useContext)(_FormContext.FormContext),
-    fieldsMap = _useContext.fieldsMap,
-    control = _useContext.control,
-    register = _useContext.register,
-    reset = _useContext.reset,
-    trigger = _useContext.trigger,
-    clearErrors = _useContext.clearErrors,
-    errors = _useContext.errors,
-    registerField = _useContext.registerField,
-    watch = _useContext.watch,
-    componentRegistry = _useContext.componentRegistry,
-    getFieldState = _useContext.getFieldState,
-    setValue = _useContext.setValue,
-    getValues = _useContext.getValues,
-    unregister = _useContext.unregister,
-    formState = _useContext.formState;
-  if (!registerField) {
-    throw new Error("\n      You can't use the Field component without wrapping it in FormBuilder.\n      https://devs.pages.grnet.gr/digigov/digigov-sdk/sdk-docs/forms/create-simple-form/\n    ");
+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
   }
-  (0, _react.useMemo)(function () {
-    return (customField === null || customField === void 0 ? void 0 : customField.type) && registerField((0, _extends2["default"])({}, customField, {
-      key: name
-    }));
-  }, [customField, name, registerField]);
-  return {
-    field: customField || fieldsMap[name],
-    control: control,
-    register: register,
-    reset: reset,
-    trigger: trigger,
-    watch: watch,
-    componentRegistry: componentRegistry,
-    getFieldState: getFieldState,
-    setValue: setValue,
-    clearErrors: clearErrors,
-    getValues: getValues,
-    unregister: unregister,
-    formState: formState,
-    error: errors[name]
-  };
 };
-function evaluateFieldWithConditions(field, variables) {
-  var newField = (0, _extends2["default"])({}, field);
-  if (variables) {
-    for (var key in variables) {
-      if (field.condition[key] && field.condition[key].is) {
-        var is = field.condition[key].is;
-        if (is === variables[key] || Array.isArray(variables[key]) && variables[key].includes(is)) {
-          var then = field.condition[key].then || {};
-          for (var attr in then) {
-            newField[attr] = then[attr];
-          }
-        }
-      } else if (field.condition[key]) {
-        var otherwise = field.condition[key]["else"] || {};
-        for (var _attr in otherwise) {
-          newField[_attr] = otherwise[_attr];
-        }
-      }
-    }
-  }
-  return newField;
-}
+// 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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/Field/utils/index.ts"],
+  "sourcesContent": ["import { FieldComponentRegistry } from '@digigov/form/Field/types';\nimport AutoCompleteInput from '@digigov/form/inputs/AutoCompleteInput';\nimport Checkboxes from '@digigov/form/inputs/Checkboxes';\nimport DateInput from '@digigov/form/inputs/DateInput';\nimport 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

@@ -0,0 +1,80 @@
+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/
+    `);
+  }
+  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]
+  );
+  return {
+    field: customField || fieldsMap[name],
+    control,
+    register,
+    reset,
+    trigger,
+    watch,
+    componentRegistry,
+    getFieldState,
+    setValue,
+    clearErrors,
+    getValues,
+    unregister,
+    formState,
+    error
+  };
+};
+// 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  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