@digigov/form 2.0.0-d0adc9fb → 2.0.0-d2ffc726

package/cjs/FieldArray/BaseFieldArray/index.js

@@ -0,0 +1,109 @@
+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 BaseFieldArray_exports = {};
+__export(BaseFieldArray_exports, {
+  BaseFieldArray: () => BaseFieldArray,
+  default: () => BaseFieldArray_default
+});
+module.exports = __toCommonJS(BaseFieldArray_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_Card = require("@digigov/ui/content/Card");
+var import_Button = require("@digigov/ui/form/Button");
+const BaseFieldArray = import_react.default.forwardRef(
+  ({
+    name,
+    register,
+    control,
+    formState,
+    error,
+    getValues,
+    Field,
+    ...customField
+  }, ref) => {
+    const { append, remove } = (0, import_react_hook_form.useFieldArray)({
+      control,
+      name
+    });
+    const fields = getValues(name) || [];
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, fields.map((field, index) => /* @__PURE__ */ import_react.default.createElement(
+      import_Card.Card,
+      {
+        variant: customField.extra?.border ? "border" : "divider",
+        key: field.id || index
+      },
+      /* @__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 ? " " + String(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
+      ))
+    )), customField.editable && /* @__PURE__ */ import_react.default.createElement(
+      import_Button.Button,
+      {
+        ref,
+        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
+    ));
+  }
+);
+BaseFieldArray.displayName = "BaseFieldArray";
+var BaseFieldArray_default = BaseFieldArray;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BaseFieldArray
+});
+//# sourceMappingURL=BaseFieldArray.js.map

package/cjs/FieldArray/BaseFieldArray.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FieldArray/BaseFieldArray.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { useFieldArray } from 'react-hook-form';\nimport type { FieldArrayProps } from '@digigov/form/FieldArray';\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';\n\ntype BaseFieldArrayProps = Omit<\n  FieldArrayProps,\n  | 'registerFieldFocus'\n  | 'trigger'\n  | 'clearErrors'\n  | 'setValue'\n  | 'reset'\n  | 'resetField'\n>;\nexport const BaseFieldArray = React.forwardRef<\n  HTMLButtonElement,\n  BaseFieldArrayProps\n>(\n  (\n    {\n      name,\n      register,\n      control,\n      formState,\n      error,\n      getValues,\n      Field,\n      ...customField\n    },\n    ref\n  ) => {\n    const { append, remove } = useFieldArray({\n      control,\n      name,\n    });\n    const fields = getValues(name) || [];\n\n    return (\n      <>\n        {fields.map((field, index) => (\n          <Card\n            variant={customField.extra?.border ? 'border' : 'divider'}\n            key={field.id || index}\n          >\n            <Fieldset>\n              <FieldsetLabel>\n                {`${customField.extra?.label.object.title}${!customField.extra?.noIndex ? ' ' + String(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        {customField.editable && (\n          <Button\n            ref={ref}\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    );\n  }\n);\n\nBaseFieldArray.displayName = 'BaseFieldArray';\n\nexport default BaseFieldArray;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,6BAA8B;AAE9B,yBAA4B;AAC5B,sBAAwC;AACxC,kBAAqB;AACrB,oBAAuB;AAWhB,MAAM,iBAAiB,aAAAA,QAAM;AAAA,EAIlC,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,EAAE,QAAQ,OAAO,QAAI,sCAAc;AAAA,MACvC;AAAA,MACA;AAAA,IACF,CAAC;AACD,UAAM,SAAS,UAAU,IAAI,KAAK,CAAC;AAEnC,WACE,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,MAAM;AAAA;AAAA,MAEjB,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,qCACE,GAAG,YAAY,OAAO,MAAM,OAAO,KAAK,GAAG,CAAC,YAAY,OAAO,UAAU,MAAM,OAAO,QAAQ,CAAC,IAAI,EAAE,EACxG,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,GACA,YAAY,YACX,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,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,CAEJ;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;AAE7B,IAAO,yBAAQ;",
+  "names": ["React"]
+}

package/cjs/FieldArray/FormDialog/ArrayDisplay/ArrayContainerDisplay/index.js

@@ -0,0 +1,56 @@
+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 ArrayContainerDisplay_exports = {};
+__export(ArrayContainerDisplay_exports, {
+  ArrayContainerDisplay: () => ArrayContainerDisplay,
+  default: () => ArrayContainerDisplay_default
+});
+module.exports = __toCommonJS(ArrayContainerDisplay_exports);
+var import_react = __toESM(require("react"));
+var import_ArrayItemHeader = require("@digigov/form/FieldArray/FormDialog/ArrayDisplay/ArrayItemHeader");
+var import_content = require("@digigov/ui/content");
+const ArrayContainerDisplay = ({
+  fieldArrayValues,
+  ofField,
+  customField,
+  children
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, customField?.extra?.layout === "card" ? children : /* @__PURE__ */ import_react.default.createElement(import_content.TableContainer, { ...customField.extra?.tableContainer }, /* @__PURE__ */ import_react.default.createElement(import_content.Table, { verticalAlign: customField.extra?.verticalAlign }, !customField.extra?.noHeader && ofField?.extra && fieldArrayValues?.length > 0 && /* @__PURE__ */ import_react.default.createElement(
+    import_ArrayItemHeader.ArrayItemHeader,
+    {
+      labels: ofField.type === "object" ? ofField.extra.fields.map(({ label }) => label.primary) : [ofField.label.primary],
+      disabled: customField?.editable === false
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(import_content.TableBody, null, children))));
+};
+var ArrayContainerDisplay_default = ArrayContainerDisplay;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ArrayContainerDisplay
+});
+//# sourceMappingURL=ArrayContainerDisplay.js.map

package/cjs/FieldArray/FormDialog/ArrayDisplay/ArrayContainerDisplay.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/FieldArray/FormDialog/ArrayDisplay/ArrayContainerDisplay.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { ArrayItemHeader } from '@digigov/form/FieldArray/FormDialog/ArrayDisplay/ArrayItemHeader';\nimport { Table, TableBody, TableContainer } from '@digigov/ui/content';\n\nexport interface ArrayContainerDisplayProps {\n  fieldArrayValues: any[];\n  ofField: any;\n  customField: any;\n  children: React.ReactNode;\n}\n\nexport const ArrayContainerDisplay = ({\n  fieldArrayValues,\n  ofField,\n  customField,\n  children,\n}: ArrayContainerDisplayProps) => {\n  return (\n    <>\n      {customField?.extra?.layout === 'card' ? (\n        children\n      ) : (\n        <TableContainer {...customField.extra?.tableContainer}>\n          <Table verticalAlign={customField.extra?.verticalAlign}>\n            {!customField.extra?.noHeader &&\n              ofField?.extra &&\n              fieldArrayValues?.length > 0 && (\n                <ArrayItemHeader\n                  labels={\n                    ofField.type === 'object'\n                      ? ofField.extra.fields.map(({ label }) => label.primary)\n                      : [ofField.label.primary]\n                  }\n                  disabled={customField?.editable === false}\n                />\n              )}\n            <TableBody>{children}</TableBody>\n          </Table>\n        </TableContainer>\n      )}\n    </>\n  );\n};\n\nexport default ArrayContainerDisplay;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,6BAAgC;AAChC,qBAAiD;AAS1C,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAkC;AAChC,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,aAAa,OAAO,WAAW,SAC9B,WAEA,6BAAAA,QAAA,cAAC,iCAAgB,GAAG,YAAY,OAAO,kBACrC,6BAAAA,QAAA,cAAC,wBAAM,eAAe,YAAY,OAAO,iBACtC,CAAC,YAAY,OAAO,YACnB,SAAS,SACT,kBAAkB,SAAS,KACzB,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,QACE,QAAQ,SAAS,WACb,QAAQ,MAAM,OAAO,IAAI,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,IACrD,CAAC,QAAQ,MAAM,OAAO;AAAA,MAE5B,UAAU,aAAa,aAAa;AAAA;AAAA,EACtC,GAEJ,6BAAAA,QAAA,cAAC,gCAAW,QAAS,CACvB,CACF,CAEJ;AAEJ;AAEA,IAAO,gCAAQ;",
+  "names": ["React"]
+}

package/cjs/FieldArray/FormDialog/ArrayDisplay/ArrayItemDisplay/index.js

@@ -0,0 +1,209 @@
+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 ArrayItemDisplay_exports = {};
+__export(ArrayItemDisplay_exports, {
+  ArrayItemDisplay: () => ArrayItemDisplay
+});
+module.exports = __toCommonJS(ArrayItemDisplay_exports);
+var import_react = __toESM(require("react"));
+var import_ui = require("@digigov/ui");
+var import_content = require("@digigov/ui/content");
+var import_Button = require("@digigov/ui/form/Button");
+var import_layouts = require("@digigov/ui/layouts");
+var import_Heading = __toESM(require("@digigov/ui/typography/Heading"));
+var import_NormalText = require("@digigov/ui/typography/NormalText");
+const ArrayItemDisplay = ({
+  name,
+  data,
+  edit,
+  remove,
+  disabledEdit,
+  disabledDelete,
+  disabled,
+  sortable,
+  index,
+  isFirst,
+  isLast,
+  move,
+  valueDisplay,
+  border = true,
+  wordBreak = "break-all",
+  stackProps = {
+    spacing: 4,
+    alignItems: "flex-end",
+    justifyContent: "flex-end",
+    direction: "column"
+  },
+  customField,
+  ofField,
+  fieldArrayValues,
+  error
+}) => {
+  if (data === void 0 || data === null) {
+    return null;
+  }
+  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 || {});
+  const borderVariant = border === false || sortable ? "none" : "border";
+  const hasItemButtons = !disabled && (!disabledEdit || !disabledDelete);
+  const fieldLabel = ofField?.type === "object" ? ofField?.extra?.fields.reduce(
+    (acc, { key, label }) => ({
+      ...acc,
+      [key]: label.primary
+    }),
+    {}
+  ) : ofField?.label?.primary;
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, customField?.extra?.layout === "card" ? /* @__PURE__ */ import_react.default.createElement(
+    import_content.Card,
+    {
+      borderColor: "light",
+      variant: "border",
+      dense: true,
+      ...customField?.extra.cardContainer
+    },
+    sortable && /* @__PURE__ */ import_react.default.createElement(import_Heading.default, { size: "sm" }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE #", index + 1),
+    /* @__PURE__ */ import_react.default.createElement(import_content.SummaryList, { mb: 0, noLastBorder: !hasItemButtons, error: !!error }, error && Object.keys(error).length > 0 && Object.entries(error).map(([fieldKey, fieldError]) => /* @__PURE__ */ import_react.default.createElement(import_ui.ErrorMessage, { key: fieldKey, id: `${name}-error` }, `${ofField?.type === "object" && ofField?.extra?.fields ? `${fieldLabel[fieldKey] || fieldKey}: ` : ""}`, fieldError.message)), values?.map?.((value, valueIndex) => {
+      const key = ofField?.type === "object" ? ofField?.extra?.fields?.[valueIndex]?.key : ofField?.key;
+      const label = ofField?.type === "object" ? fieldLabel[key] : fieldLabel;
+      const shouldShowKey = !customField?.extra?.noHeader && ofField?.extra && fieldArrayValues?.length > 0;
+      return /* @__PURE__ */ import_react.default.createElement(import_content.SummaryListItem, { key: valueIndex }, shouldShowKey && /* @__PURE__ */ import_react.default.createElement(
+        import_content.SummaryListItemKey,
+        {
+          error: !!error && Object.keys(error)?.includes(key)
+        },
+        label
+      ), /* @__PURE__ */ import_react.default.createElement(
+        import_content.SummaryListItemValue,
+        {
+          error: !shouldShowKey && !!error && Object.keys(error)?.includes(key)
+        },
+        value?.name || (Array.isArray(value) ? value.join("\n") : valueDisplay ? valueDisplay(value) : value) || ""
+      ));
+    })),
+    disabled === true || disabledEdit === true && disabledDelete === true ? null : /* @__PURE__ */ import_react.default.createElement(import_Button.ButtonGroup, { mb: 0, ...customField?.extra?.cardButtonGroup }, 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"
+    )),
+    sortable && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_layouts.SectionBreak, null), sortable && !disabled && !(isFirst && isLast) && /* @__PURE__ */ import_react.default.createElement(import_NormalText.NormalText, { mb: 0 }, "\u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7", " ", !isFirst && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "\u03C0\u03C1\u03BF\u03C2 \u03C4\u03B1", " ", /* @__PURE__ */ import_react.default.createElement(
+      import_Button.Button,
+      {
+        type: "button",
+        variant: "link",
+        onClick: () => move(index, index - 1)
+      },
+      "\u03C0\u03AC\u03BD\u03C9"
+    )), !isFirst && !isLast && " \u03AE ", !isLast && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "\u03C0\u03C1\u03BF\u03C2 \u03C4\u03B1", " ", /* @__PURE__ */ import_react.default.createElement(
+      import_Button.Button,
+      {
+        type: "button",
+        variant: "link",
+        onClick: () => move(index, index + 1)
+      },
+      "\u03BA\u03AC\u03C4\u03C9"
+    ))))
+  ) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_content.TableRow, null, values?.map?.((value, valueIndex) => {
+    const fieldKey = ofField?.type === "object" ? ofField?.extra?.fields?.[valueIndex]?.key : ofField?.key;
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_content.TableDataCell,
+      {
+        key: valueIndex,
+        variant: borderVariant,
+        wordBreak,
+        pb: sortable ? 0 : void 0,
+        pt: sortable ? 4 : void 0,
+        highlight: !!error && Object.keys(error)?.includes(fieldKey) ? "error" : void 0
+      },
+      sortable && valueIndex === 0 && /* @__PURE__ */ import_react.default.createElement(import_Heading.default, { size: "sm", mb: 2 }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE #", index + 1),
+      value?.name || (Array.isArray(value) ? value.join("\n") : valueDisplay ? valueDisplay(value) : value) || ""
+    );
+  }), disabled === true || disabledEdit === true && disabledDelete === true ? null : /* @__PURE__ */ import_react.default.createElement(import_content.TableDataCell, { variant: borderVariant }, /* @__PURE__ */ import_react.default.createElement(import_layouts.Stack, { ...stackProps }, 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"
+  )))), sortable && /* @__PURE__ */ import_react.default.createElement(import_content.TableRow, null, /* @__PURE__ */ import_react.default.createElement(
+    import_content.TableDataCell,
+    {
+      variant: isLast ? "none" : "border",
+      colSpan: disabled === true || disabledEdit === true && disabledDelete === true ? values.length : values.length + 1
+    },
+    sortable && !disabled && !(isFirst && isLast) && /* @__PURE__ */ import_react.default.createElement(import_layouts.Grid, { xs: 12, mt: 2 }, "\u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7", " ", !isFirst && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "\u03C0\u03C1\u03BF\u03C2 \u03C4\u03B1", " ", /* @__PURE__ */ import_react.default.createElement(
+      import_Button.Button,
+      {
+        type: "button",
+        variant: "link",
+        onClick: () => move(index, index - 1)
+      },
+      "\u03C0\u03AC\u03BD\u03C9"
+    )), !isFirst && !isLast && " \u03AE ", !isLast && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "\u03C0\u03C1\u03BF\u03C2 \u03C4\u03B1", " ", /* @__PURE__ */ import_react.default.createElement(
+      import_Button.Button,
+      {
+        type: "button",
+        variant: "link",
+        onClick: () => move(index, index + 1)
+      },
+      "\u03BA\u03AC\u03C4\u03C9"
+    )))
+  ))));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ArrayItemDisplay
+});
+//# sourceMappingURL=ArrayItemDisplay.js.map

package/cjs/FieldArray/FormDialog/ArrayDisplay/ArrayItemDisplay.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/FieldArray/FormDialog/ArrayDisplay/ArrayItemDisplay.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport type { ErrorOption, UseFieldArrayMove } from 'react-hook-form';\nimport { ErrorMessage } from '@digigov/ui';\nimport {\n  Card,\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  TableDataCell,\n  TableRow,\n} from '@digigov/ui/content';\nimport { Button, ButtonGroup } from '@digigov/ui/form/Button';\nimport type { StackProps } from '@digigov/ui/layouts';\nimport { Grid, SectionBreak, Stack } from '@digigov/ui/layouts';\nimport Heading from '@digigov/ui/typography/Heading';\nimport { NormalText } from '@digigov/ui/typography/NormalText';\n\nexport interface ArrayItemDisplayProps {\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  sortable: boolean;\n  index: number;\n  isFirst: boolean;\n  isLast: boolean;\n  move: UseFieldArrayMove;\n  valueDisplay?: (value) => React.ReactNode;\n  border: boolean;\n  wordBreak?: 'break-all' | 'none';\n  stackProps?: StackProps;\n  customField: any;\n  ofField: any;\n  fieldArrayValues: any[];\n  error?: Record<string, ErrorOption> | undefined;\n}\n\nexport const ArrayItemDisplay = ({\n  name,\n  data,\n  edit,\n  remove,\n  disabledEdit,\n  disabledDelete,\n  disabled,\n  sortable,\n  index,\n  isFirst,\n  isLast,\n  move,\n  valueDisplay,\n  border = true,\n  wordBreak = 'break-all',\n  stackProps = {\n    spacing: 4,\n    alignItems: 'flex-end',\n    justifyContent: 'flex-end',\n    direction: 'column',\n  },\n  customField,\n  ofField,\n  fieldArrayValues,\n  error,\n}: ArrayItemDisplayProps) => {\n  if (data === undefined || data === null) {\n    return null;\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 | Record<string, any>)[] =\n    typeof data === 'string' ? [data] : Object.values(data || {});\n  const borderVariant = border === false || sortable ? 'none' : 'border';\n  // Show last border if there are action buttons to separate buttons from item values\n  const hasItemButtons = !disabled && (!disabledEdit || !disabledDelete);\n\n  const fieldLabel: Record<string, string> | string =\n    ofField?.type === 'object'\n      ? ofField?.extra?.fields.reduce(\n          (acc: Record<string, string>, { key, label }) => ({\n            ...acc,\n            [key]: label.primary,\n          }),\n          {}\n        )\n      : ofField?.label?.primary;\n\n  return (\n    <>\n      {customField?.extra?.layout === 'card' ? (\n        <Card\n          borderColor=\"light\"\n          variant=\"border\"\n          dense\n          {...customField?.extra.cardContainer}\n        >\n          {sortable && <Heading size=\"sm\">\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE #{index + 1}</Heading>}\n          <SummaryList mb={0} noLastBorder={!hasItemButtons} error={!!error}>\n            {error &&\n              Object.keys(error).length > 0 &&\n              Object.entries(error).map(([fieldKey, fieldError]) => (\n                <ErrorMessage key={fieldKey} id={`${name}-error`}>\n                  {`${\n                    ofField?.type === 'object' && ofField?.extra?.fields\n                      ? `${fieldLabel[fieldKey] || fieldKey}: `\n                      : ''\n                  }`}\n                  {\n                    fieldError.message /* This is expected to be a SafeHTML component, not a string */\n                  }\n                </ErrorMessage>\n              ))}\n            {values?.map?.((value, valueIndex) => {\n              const key =\n                ofField?.type === 'object'\n                  ? ofField?.extra?.fields?.[valueIndex]?.key\n                  : ofField?.key;\n              const label =\n                ofField?.type === 'object' ? fieldLabel[key] : fieldLabel;\n\n              const shouldShowKey =\n                !customField?.extra?.noHeader &&\n                ofField?.extra &&\n                fieldArrayValues?.length > 0;\n\n              return (\n                <SummaryListItem key={valueIndex}>\n                  {shouldShowKey && (\n                    <SummaryListItemKey\n                      error={!!error && Object.keys(error)?.includes(key)}\n                    >\n                      {label}\n                    </SummaryListItemKey>\n                  )}\n                  <SummaryListItemValue\n                    error={\n                      !shouldShowKey &&\n                      !!error &&\n                      Object.keys(error)?.includes(key)\n                    }\n                  >\n                    {(value as Record<string, any>)?.name ||\n                      (Array.isArray(value)\n                        ? value.join('\\n')\n                        : valueDisplay\n                          ? valueDisplay(value)\n                          : value) ||\n                      ''}\n                  </SummaryListItemValue>\n                </SummaryListItem>\n              );\n            })}\n          </SummaryList>\n          {disabled === true ||\n          (disabledEdit === true && disabledDelete === true) ? null : (\n            <ButtonGroup mb={0} {...customField?.extra?.cardButtonGroup}>\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\n                  variant=\"link\"\n                  type=\"button\"\n                  onClick={() => remove(name)}\n                >\n                  \u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n                </Button>\n              )}\n            </ButtonGroup>\n          )}\n          {sortable && (\n            <>\n              <SectionBreak />\n              {sortable && !disabled && !(isFirst && isLast) && (\n                <NormalText mb={0}>\n                  \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7{' '}\n                  {!isFirst && (\n                    <>\n                      \u03C0\u03C1\u03BF\u03C2 \u03C4\u03B1{' '}\n                      <Button\n                        type=\"button\"\n                        variant=\"link\"\n                        onClick={() => move(index, index - 1)}\n                      >\n                        \u03C0\u03AC\u03BD\u03C9\n                      </Button>\n                    </>\n                  )}\n                  {!isFirst && !isLast && ' \u03AE '}\n                  {!isLast && (\n                    <>\n                      \u03C0\u03C1\u03BF\u03C2 \u03C4\u03B1{' '}\n                      <Button\n                        type=\"button\"\n                        variant=\"link\"\n                        onClick={() => move(index, index + 1)}\n                      >\n                        \u03BA\u03AC\u03C4\u03C9\n                      </Button>\n                    </>\n                  )}\n                </NormalText>\n              )}\n            </>\n          )}\n        </Card>\n      ) : (\n        <>\n          <TableRow>\n            {values?.map?.((value, valueIndex) => {\n              const fieldKey =\n                ofField?.type === 'object'\n                  ? ofField?.extra?.fields?.[valueIndex]?.key\n                  : ofField?.key;\n              return (\n                <TableDataCell\n                  key={valueIndex}\n                  variant={borderVariant}\n                  wordBreak={wordBreak}\n                  pb={sortable ? 0 : undefined}\n                  pt={sortable ? 4 : undefined}\n                  highlight={\n                    !!error && Object.keys(error)?.includes(fieldKey)\n                      ? 'error'\n                      : undefined\n                  }\n                >\n                  {sortable && valueIndex === 0 && (\n                    <Heading size=\"sm\" mb={2}>\n                      \u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE #{index + 1}\n                    </Heading>\n                  )}\n                  {(value as Record<string, any>)?.name ||\n                    (Array.isArray(value)\n                      ? value.join('\\n')\n                      : valueDisplay\n                        ? valueDisplay(value)\n                        : value) ||\n                    ''}\n                </TableDataCell>\n              );\n            })}\n            {disabled === true ||\n            (disabledEdit === true && disabledDelete === true) ? null : (\n              <TableDataCell variant={borderVariant}>\n                <Stack {...stackProps}>\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\n                      variant=\"link\"\n                      type=\"button\"\n                      onClick={() => remove(name)}\n                    >\n                      \u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n                    </Button>\n                  )}\n                </Stack>\n              </TableDataCell>\n            )}\n          </TableRow>\n          {sortable && (\n            <TableRow>\n              <TableDataCell\n                variant={isLast ? 'none' : 'border'}\n                colSpan={\n                  disabled === true ||\n                  (disabledEdit === true && disabledDelete === true)\n                    ? values.length\n                    : values.length + 1\n                }\n              >\n                {sortable && !disabled && !(isFirst && isLast) && (\n                  <Grid xs={12} mt={2}>\n                    \u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7{' '}\n                    {!isFirst && (\n                      <>\n                        \u03C0\u03C1\u03BF\u03C2 \u03C4\u03B1{' '}\n                        <Button\n                          type=\"button\"\n                          variant=\"link\"\n                          onClick={() => move(index, index - 1)}\n                        >\n                          \u03C0\u03AC\u03BD\u03C9\n                        </Button>\n                      </>\n                    )}\n                    {!isFirst && !isLast && ' \u03AE '}\n                    {!isLast && (\n                      <>\n                        \u03C0\u03C1\u03BF\u03C2 \u03C4\u03B1{' '}\n                        <Button\n                          type=\"button\"\n                          variant=\"link\"\n                          onClick={() => move(index, index + 1)}\n                        >\n                          \u03BA\u03AC\u03C4\u03C9\n                        </Button>\n                      </>\n                    )}\n                  </Grid>\n                )}\n              </TableDataCell>\n            </TableRow>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "Heading"]
+}

package/cjs/{locales/el → FieldArray/FormDialog/ArrayDisplay/ArrayItemHeader}/index.js

@@ -25,11 +25,20 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var el_exports = {};
-__export(el_exports, {
-  default: () => el_default
+var ArrayItemHeader_exports = {};
+__export(ArrayItemHeader_exports, {
+  ArrayItemHeader: () => ArrayItemHeader
 });
-module.exports = __toCommonJS(el_exports);
-var import_el = __toESM(require("@digigov/ui/i18n/locales/el"));
-var el_default = import_el.default;
-//# sourceMappingURL=el.js.map
+module.exports = __toCommonJS(ArrayItemHeader_exports);
+var import_react = __toESM(require("react"));
+var import_content = require("@digigov/ui/content");
+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")));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ArrayItemHeader
+});
+//# sourceMappingURL=ArrayItemHeader.js.map

package/cjs/FieldArray/FormDialog/ArrayDisplay/ArrayItemHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/FieldArray/FormDialog/ArrayDisplay/ArrayItemHeader.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { TableHead, TableHeadCell, TableRow } from '@digigov/ui/content';\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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAmD;AAE5C,MAAM,kBAAkB,CAAC,EAAE,QAAQ,SAAS,MAAM;AACvD,SACE,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,+BACE,OAAO,IAAI,CAAC,OAAO,UAAU;AAC5B,WAAO,6BAAAA,QAAA,cAAC,gCAAc,KAAK,SAAQ,KAAM;AAAA,EAC3C,CAAC,GACA,CAAC,YAAY,6BAAAA,QAAA,cAAC,oCAAc,wDAAS,CACxC,CACF;AAEJ;",
+  "names": ["React"]
+}

package/cjs/FieldArray/FormDialog/ArrayDisplay/index.js

@@ -0,0 +1,90 @@
+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 ArrayDisplay_exports = {};
+__export(ArrayDisplay_exports, {
+  ArrayDisplay: () => ArrayDisplay,
+  default: () => ArrayDisplay_default
+});
+module.exports = __toCommonJS(ArrayDisplay_exports);
+var import_react = __toESM(require("react"));
+var import_ArrayContainerDisplay = require("@digigov/form/FieldArray/FormDialog/ArrayDisplay/ArrayContainerDisplay");
+var import_ArrayItemDisplay = require("@digigov/form/FieldArray/FormDialog/ArrayDisplay/ArrayItemDisplay");
+const ArrayDisplay = ({
+  fieldArrayName,
+  fieldArrayValues,
+  ofField,
+  customField,
+  onEdit,
+  onRemove,
+  move,
+  sortable,
+  error
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_ArrayContainerDisplay.ArrayContainerDisplay,
+    {
+      fieldArrayValues,
+      ofField,
+      customField
+    },
+    fieldArrayValues?.map?.((field, index) => {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_ArrayItemDisplay.ArrayItemDisplay,
+        {
+          error: error && error[index] ? error[index] : void 0,
+          key: index,
+          name: `${fieldArrayName}.${index}`,
+          index,
+          isFirst: index === 0,
+          isLast: index === fieldArrayValues.length - 1,
+          data: field,
+          edit: () => onEdit(index),
+          stackProps: customField?.extra?.stackProps,
+          wordBreak: customField?.extra?.wordBreak,
+          valueDisplay: customField?.extra?.valueDisplay,
+          remove: () => onRemove(index),
+          border: customField.extra?.border,
+          move,
+          sortable,
+          disabledEdit: sortable ? true : customField.extra?.noEdit ?? false,
+          disabledDelete: customField.extra?.noDelete ?? false,
+          disabled: customField?.editable === false,
+          fieldArrayValues,
+          ofField,
+          customField
+        }
+      );
+    })
+  );
+};
+var ArrayDisplay_default = ArrayDisplay;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ArrayDisplay
+});
+//# sourceMappingURL=index.js.map

package/cjs/FieldArray/FormDialog/ArrayDisplay/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/FieldArray/FormDialog/ArrayDisplay/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport type { UseFieldArrayMove } from 'react-hook-form';\nimport { ArrayContainerDisplay } from '@digigov/form/FieldArray/FormDialog/ArrayDisplay/ArrayContainerDisplay';\nimport { ArrayItemDisplay } from '@digigov/form/FieldArray/FormDialog/ArrayDisplay/ArrayItemDisplay';\nexport interface ArrayDisplayProps {\n  fieldArrayName: string;\n  fieldArrayValues: any[];\n  ofField: any;\n  customField: any;\n  onEdit: (index: number) => void;\n  onRemove: (index: number) => void;\n  move: UseFieldArrayMove;\n  sortable: boolean;\n  error?: any;\n}\n\nexport const ArrayDisplay = ({\n  fieldArrayName,\n  fieldArrayValues,\n  ofField,\n  customField,\n  onEdit,\n  onRemove,\n  move,\n  sortable,\n  error,\n}: ArrayDisplayProps) => {\n  return (\n    <ArrayContainerDisplay\n      fieldArrayValues={fieldArrayValues}\n      ofField={ofField}\n      customField={customField}\n    >\n      {fieldArrayValues?.map?.((field, index) => {\n        return (\n          <ArrayItemDisplay\n            error={error && error[index] ? error[index] : undefined}\n            key={index}\n            name={`${fieldArrayName}.${index}`}\n            index={index}\n            isFirst={index === 0}\n            isLast={index === fieldArrayValues.length - 1}\n            data={field}\n            edit={() => onEdit(index)}\n            stackProps={customField?.extra?.stackProps}\n            wordBreak={customField?.extra?.wordBreak}\n            valueDisplay={customField?.extra?.valueDisplay}\n            remove={() => onRemove(index)}\n            border={customField.extra?.border}\n            move={move}\n            sortable={sortable}\n            disabledEdit={\n              sortable ? true : (customField.extra?.noEdit ?? false)\n            }\n            disabledDelete={customField.extra?.noDelete ?? false}\n            disabled={customField?.editable === false}\n            fieldArrayValues={fieldArrayValues}\n            ofField={ofField}\n            customField={customField}\n          />\n        );\n      })}\n    </ArrayContainerDisplay>\n  );\n};\n\nexport default ArrayDisplay;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mCAAsC;AACtC,8BAAiC;AAa1B,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC,kBAAkB,MAAM,CAAC,OAAO,UAAU;AACzC,aACE,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,SAAS,MAAM,KAAK,IAAI,MAAM,KAAK,IAAI;AAAA,UAC9C,KAAK;AAAA,UACL,MAAM,GAAG,cAAc,IAAI,KAAK;AAAA,UAChC;AAAA,UACA,SAAS,UAAU;AAAA,UACnB,QAAQ,UAAU,iBAAiB,SAAS;AAAA,UAC5C,MAAM;AAAA,UACN,MAAM,MAAM,OAAO,KAAK;AAAA,UACxB,YAAY,aAAa,OAAO;AAAA,UAChC,WAAW,aAAa,OAAO;AAAA,UAC/B,cAAc,aAAa,OAAO;AAAA,UAClC,QAAQ,MAAM,SAAS,KAAK;AAAA,UAC5B,QAAQ,YAAY,OAAO;AAAA,UAC3B;AAAA,UACA;AAAA,UACA,cACE,WAAW,OAAQ,YAAY,OAAO,UAAU;AAAA,UAElD,gBAAgB,YAAY,OAAO,YAAY;AAAA,UAC/C,UAAU,aAAa,aAAa;AAAA,UACpC;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,IAEJ,CAAC;AAAA,EACH;AAEJ;AAEA,IAAO,uBAAQ;",
+  "names": ["React"]
+}