@digigov/form 2.0.0-d0adc9fb → 2.0.0-d2ffc726

package/FieldArray/FormDialog/ArrayDisplay/ArrayItemDisplay/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/FieldArray/FormDialog/ArrayDisplay/ArrayItemDisplay/index.js"
+}

package/FieldArray/FormDialog/ArrayDisplay/ArrayItemDisplay.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { ErrorOption, UseFieldArrayMove } from 'react-hook-form';
+import type { StackProps } from '@digigov/ui/layouts';
+export interface ArrayItemDisplayProps {
+    data: any;
+    name: string;
+    edit: (name: string) => void;
+    remove: (name: string) => void;
+    disabledEdit?: boolean;
+    disabledDelete?: boolean;
+    disabled?: boolean;
+    sortable: boolean;
+    index: number;
+    isFirst: boolean;
+    isLast: boolean;
+    move: UseFieldArrayMove;
+    valueDisplay?: (value: any) => React.ReactNode;
+    border: boolean;
+    wordBreak?: 'break-all' | 'none';
+    stackProps?: StackProps;
+    customField: any;
+    ofField: any;
+    fieldArrayValues: any[];
+    error?: Record<string, ErrorOption> | undefined;
+}
+export declare const ArrayItemDisplay: ({ name, data, edit, remove, disabledEdit, disabledDelete, disabled, sortable, index, isFirst, isLast, move, valueDisplay, border, wordBreak, stackProps, customField, ofField, fieldArrayValues, error, }: ArrayItemDisplayProps) => React.JSX.Element | null;

package/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": []
+}

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { TableHead, TableHeadCell, TableRow } from "@digigov/ui/content";
+const ArrayItemHeader = ({ labels, disabled }) => {
+  return /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, labels.map((label, index) => {
+    return /* @__PURE__ */ React.createElement(TableHeadCell, { key: index }, label);
+  }), !disabled && /* @__PURE__ */ React.createElement(TableHeadCell, null, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2")));
+};
+export {
+  ArrayItemHeader
+};
+//# sourceMappingURL=ArrayItemHeader.js.map

package/FieldArray/FormDialog/ArrayDisplay/ArrayItemHeader/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/FieldArray/FormDialog/ArrayDisplay/ArrayItemHeader/index.js"
+}

package/FieldArray/FormDialog/ArrayDisplay/ArrayItemHeader.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const ArrayItemHeader: ({ labels, disabled }: {
+    labels: any;
+    disabled: any;
+}) => React.JSX.Element;

package/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,OAAO,WAAW;AAClB,SAAS,WAAW,eAAe,gBAAgB;AAE5C,MAAM,kBAAkB,CAAC,EAAE,QAAQ,SAAS,MAAM;AACvD,SACE,oCAAC,iBACC,oCAAC,gBACE,OAAO,IAAI,CAAC,OAAO,UAAU;AAC5B,WAAO,oCAAC,iBAAc,KAAK,SAAQ,KAAM;AAAA,EAC3C,CAAC,GACA,CAAC,YAAY,oCAAC,qBAAc,wDAAS,CACxC,CACF;AAEJ;",
+  "names": []
+}

package/FieldArray/FormDialog/ArrayDisplay/__stories__/Cards.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Cards: () => React.JSX.Element;

package/FieldArray/FormDialog/ArrayDisplay/__stories__/Default.d.ts

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

package/FieldArray/FormDialog/ArrayDisplay/__stories__/ReadOnly.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ReadOnly: () => React.JSX.Element;

package/FieldArray/FormDialog/ArrayDisplay/__stories__/ReadOnlyCards.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ReadOnlyCards: () => React.JSX.Element;

package/FieldArray/FormDialog/ArrayDisplay/__stories__/Sortable.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Sortable: () => React.JSX.Element;

package/FieldArray/FormDialog/ArrayDisplay/__stories__/SortableCards.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SortableCards: () => React.JSX.Element;

package/FieldArray/FormDialog/ArrayDisplay/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { UseFieldArrayMove } from 'react-hook-form';
+export interface ArrayDisplayProps {
+    fieldArrayName: string;
+    fieldArrayValues: any[];
+    ofField: any;
+    customField: any;
+    onEdit: (index: number) => void;
+    onRemove: (index: number) => void;
+    move: UseFieldArrayMove;
+    sortable: boolean;
+    error?: any;
+}
+export declare const ArrayDisplay: ({ fieldArrayName, fieldArrayValues, ofField, customField, onEdit, onRemove, move, sortable, error, }: ArrayDisplayProps) => React.JSX.Element;
+export default ArrayDisplay;

package/FieldArray/FormDialog/ArrayDisplay/index.js

@@ -0,0 +1,57 @@
+import React from "react";
+import { ArrayContainerDisplay } from "@digigov/form/FieldArray/FormDialog/ArrayDisplay/ArrayContainerDisplay";
+import { ArrayItemDisplay } from "@digigov/form/FieldArray/FormDialog/ArrayDisplay/ArrayItemDisplay";
+const ArrayDisplay = ({
+  fieldArrayName,
+  fieldArrayValues,
+  ofField,
+  customField,
+  onEdit,
+  onRemove,
+  move,
+  sortable,
+  error
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    ArrayContainerDisplay,
+    {
+      fieldArrayValues,
+      ofField,
+      customField
+    },
+    fieldArrayValues?.map?.((field, index) => {
+      return /* @__PURE__ */ React.createElement(
+        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;
+export {
+  ArrayDisplay,
+  ArrayDisplay_default as default
+};
+//# sourceMappingURL=index.js.map

package/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,OAAO,WAAW;AAElB,SAAS,6BAA6B;AACtC,SAAS,wBAAwB;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;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC,kBAAkB,MAAM,CAAC,OAAO,UAAU;AACzC,aACE;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": []
+}

package/{inputs/Input/inputsInputScenarios → FieldArray/FormDialog/ArrayDisplay}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../../cjs/inputs/Input/inputsInputScenarios/index.js"
+  "main": "../../../cjs/FieldArray/FormDialog/ArrayDisplay/index.js"
 }

package/FieldArray/FormDialog/ArrayEditModal/index.js

@@ -0,0 +1,158 @@
+import React, { useCallback, useEffect, useMemo, useRef } from "react";
+import { createPortal } from "react-dom";
+import { useForm } from "react-hook-form";
+import { FieldObject } from "@digigov/form/FieldObject";
+import { Fieldset } from "@digigov/form/Fieldset";
+import { FormContext, useFormContext } from "@digigov/form/FormContext";
+import { yupResolver } from "@digigov/form/utils";
+import { useValidationSchema } from "@digigov/form/validators";
+import {
+  Modal,
+  ModalAction,
+  ModalContent,
+  ModalHeading
+} from "@digigov/ui/app/Modal";
+import { Button } from "@digigov/ui/form/Button";
+import { Hint } from "@digigov/ui/typography/Hint";
+const ArrayEditModal = React.forwardRef(function ArrayEditModal2({
+  type,
+  title,
+  hint,
+  defaultValue,
+  editOrAppend,
+  cancel,
+  addTitle,
+  editLabel,
+  editProps,
+  appendLabel,
+  appendProps,
+  cancelLabel,
+  cancelProps,
+  ofField,
+  error: customErrors,
+  Field,
+  ...modalProps
+}, ref) {
+  const parentCtx = useFormContext();
+  const schema = useValidationSchema(
+    ofField.type === "object" && ofField.extra.fields ? Object.values(ofField.extra.fields) : [ofField]
+  );
+  const resolver = useMemo(() => {
+    if (!schema) return;
+    return yupResolver(schema);
+  }, [schema]);
+  const parentFormOptions = parentCtx.control._options;
+  const form = useForm({
+    resolver,
+    mode: parentFormOptions.mode,
+    reValidateMode: parentFormOptions.reValidateMode,
+    shouldFocusError: true,
+    // TODO: Consider using our own focus manager
+    criteriaMode: parentFormOptions.criteriaMode
+  });
+  const { reset, setValue, setError } = form;
+  useEffect(() => {
+    if (modalProps.open) {
+      reset(void 0);
+      if (type === "edit" && customErrors) {
+        for (const [key, error] of Object.entries(customErrors)) {
+          setError(
+            key,
+            typeof error === "string" ? { message: error } : error
+          );
+        }
+      }
+      if (defaultValue) {
+        Object.entries(defaultValue).forEach(([key, value]) => {
+          setValue(key, value);
+        });
+      }
+      if (type === "append" && ofField?.type === "object" && ofField.extra?.fields) {
+        ofField.extra.fields.forEach((field) => {
+          if (defaultValue && defaultValue[field.key] !== void 0) return;
+          switch (field.type) {
+            case "array":
+              setValue(field.key, []);
+              break;
+            case "object":
+              setValue(field.key, {});
+              break;
+            default:
+              setValue(field.key, "");
+          }
+        });
+      }
+    }
+  }, [modalProps.open, defaultValue, reset, setValue, type, ofField]);
+  const onSubmit = useCallback(
+    (data) => {
+      editOrAppend(data);
+    },
+    [editOrAppend]
+  );
+  const handleSubmitWithoutPropagation = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    return form.handleSubmit(onSubmit)(e);
+  };
+  const formRef = useRef(null);
+  const ctx = {
+    ...parentCtx,
+    control: form.control,
+    register: form.register,
+    watch: form.watch,
+    resetField: form.resetField,
+    registerField: () => {
+    },
+    // If we use parent registerField, validation breaks
+    registerFieldFocus: () => {
+      return () => {
+      };
+    },
+    errors: form.formState.errors,
+    formState: form.formState,
+    reset: form.reset,
+    trigger: form.trigger,
+    getFieldState: form.getFieldState,
+    setValue: form.setValue,
+    clearErrors: form.clearErrors,
+    getValues: form.getValues,
+    getValuesFromParentForm: parentCtx.getValues,
+    unregister: form.unregister,
+    setError: form.setError,
+    formRef,
+    submit: form.handleSubmit(onSubmit)
+  };
+  return /* @__PURE__ */ React.createElement(ModalPortal, { ...modalProps, ref, "aria-labelledby": "modal-label" }, /* @__PURE__ */ React.createElement(FormContext.Provider, { value: ctx }, /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmitWithoutPropagation, ref: formRef }, /* @__PURE__ */ React.createElement(ModalHeading, { id: "modal-label" }, title ? title : type === "edit" ? "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1" : addTitle || "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7"), /* @__PURE__ */ React.createElement(ModalContent, null, hint && /* @__PURE__ */ React.createElement(Hint, null, hint), /* @__PURE__ */ React.createElement(Fieldset, null, ofField?.type === "object" ? /* @__PURE__ */ React.createElement(
+    FieldObject,
+    {
+      ...ofField,
+      defaultValue: defaultValue || void 0,
+      formState: form.formState,
+      register: form.register,
+      control: form.control,
+      name: void 0,
+      Field,
+      error: customErrors
+    }
+  ) : /* @__PURE__ */ React.createElement(Field, { error: customErrors, ...ofField }))), /* @__PURE__ */ React.createElement(ModalAction, null, type === "edit" ? /* @__PURE__ */ React.createElement(Button, { color: "secondary", ...editProps, type: "submit" }, editLabel || "\u0391\u03C0\u03BF\u03B8\u03AE\u03BA\u03B5\u03C5\u03C3\u03B7") : /* @__PURE__ */ React.createElement(Button, { color: "primary", ...appendProps, type: "submit" }, appendLabel || "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7"), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      variant: "link",
+      type: "button",
+      ...cancelProps,
+      onClick: (e) => {
+        e.preventDefault();
+        cancel();
+      }
+    },
+    cancelLabel || "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7"
+  )))));
+});
+const ModalPortal = (props) => {
+  return createPortal(/* @__PURE__ */ React.createElement(Modal, { ...props }), document.body);
+};
+export {
+  ArrayEditModal
+};
+//# sourceMappingURL=ArrayEditModal.js.map

package/FieldArray/FormDialog/ArrayEditModal/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/FieldArray/FormDialog/ArrayEditModal/index.js"
+}

package/FieldArray/FormDialog/ArrayEditModal.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { ErrorOption } from 'react-hook-form';
+import type { FieldProps, FormData } from '@digigov/form/Field/types';
+import type { ModalProps } from '@digigov/ui/app/Modal';
+export interface ArrayEditModalProps extends Omit<ModalProps, 'children'> {
+    type: 'append' | 'edit';
+    name: string;
+    title?: string;
+    hint?: string;
+    editOrAppend: (data: FormData) => void;
+    cancel: () => void;
+    addTitle?: string;
+    editLabel?: string;
+    editProps?: any;
+    appendLabel?: string;
+    appendProps?: any;
+    cancelLabel?: string;
+    cancelProps?: any;
+    ofField?: any;
+    arrayItemName: string;
+    defaultValue?: any;
+    Field: React.FC<FieldProps>;
+    error?: ErrorOption;
+    currentIndex: number;
+}
+export declare const ArrayEditModal: React.ForwardRefExoticComponent<Omit<ArrayEditModalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/FieldArray/FormDialog/ArrayEditModal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FieldArray/FormDialog/ArrayEditModal.tsx"],
+  "sourcesContent": ["import React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport type { ErrorOption, UseFormProps } from 'react-hook-form';\nimport { useForm } from 'react-hook-form';\nimport type {\n  FieldProps,\n  FieldSpec,\n  FormData,\n} from '@digigov/form/Field/types';\nimport { FieldObject } from '@digigov/form/FieldObject';\nimport { Fieldset } from '@digigov/form/Fieldset';\nimport { FormContext, useFormContext } from '@digigov/form/FormContext';\nimport { yupResolver } from '@digigov/form/utils';\nimport { useValidationSchema } from '@digigov/form/validators';\nimport type { ModalProps } from '@digigov/ui/app/Modal';\nimport {\n  Modal,\n  ModalAction,\n  ModalContent,\n  ModalHeading,\n} from '@digigov/ui/app/Modal';\nimport { Button } from '@digigov/ui/form/Button';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport interface ArrayEditModalProps extends Omit<ModalProps, 'children'> {\n  type: 'append' | 'edit';\n  name: string;\n  title?: string;\n  hint?: string;\n  editOrAppend: (data: FormData) => void;\n  cancel: () => void;\n  addTitle?: string;\n  editLabel?: string;\n  editProps?: any;\n  appendLabel?: string;\n  appendProps?: any;\n  cancelLabel?: string;\n  cancelProps?: any;\n  ofField?: any;\n  arrayItemName: string;\n  defaultValue?: any;\n  Field: React.FC<FieldProps>;\n  error?: ErrorOption;\n  currentIndex: number;\n}\n\nexport const ArrayEditModal = React.forwardRef<\n  HTMLDivElement,\n  ArrayEditModalProps\n>(function ArrayEditModal(\n  {\n    type,\n    title,\n    hint,\n    defaultValue,\n    editOrAppend,\n    cancel,\n    addTitle,\n    editLabel,\n    editProps,\n    appendLabel,\n    appendProps,\n    cancelLabel,\n    cancelProps,\n    ofField,\n    error: customErrors,\n    Field,\n    ...modalProps\n  },\n  ref\n) {\n  const parentCtx = useFormContext();\n  const schema = useValidationSchema(\n    ofField.type === 'object' && ofField.extra.fields\n      ? Object.values(ofField.extra.fields)\n      : [ofField]\n  );\n\n  const resolver: UseFormProps['resolver'] = useMemo(() => {\n    if (!schema) return;\n\n    return yupResolver(schema);\n  }, [schema]);\n\n  const parentFormOptions = parentCtx.control._options;\n  const form = useForm({\n    resolver,\n    mode: parentFormOptions.mode,\n    reValidateMode: parentFormOptions.reValidateMode,\n    shouldFocusError: true, // TODO: Consider using our own focus manager\n    criteriaMode: parentFormOptions.criteriaMode,\n  });\n\n  const { reset, setValue, setError } = form;\n\n  // Reset form and set default values when modal opens\n  useEffect(() => {\n    if (modalProps.open) {\n      // Reset form first to clear any previous values\n      reset(undefined);\n\n      // Set custom errors if in edit mode\n      if (type === 'edit' && customErrors) {\n        for (const [key, error] of Object.entries(customErrors)) {\n          setError(\n            key,\n            typeof error === 'string' ? { message: error } : (error as any)\n          );\n        }\n      }\n\n      // Set default values if they exist\n      if (defaultValue) {\n        Object.entries(defaultValue).forEach(([key, value]) => {\n          setValue(key, value);\n        });\n      }\n\n      if (\n        type === 'append' &&\n        ofField?.type === 'object' &&\n        ofField.extra?.fields\n      ) {\n        // For append mode, set empty values for all fields in case no defaultValue is provided\n        ofField.extra.fields.forEach((field: FieldSpec) => {\n          if (defaultValue && defaultValue[field.key] !== undefined) return;\n          switch (field.type) {\n            case 'array':\n              setValue(field.key, []);\n              break;\n            case 'object':\n              setValue(field.key, {});\n              break;\n            default:\n              // TODO: This replicates legacy behaviour. Maybe reconsider this?\n              setValue(field.key, '');\n          }\n        });\n      }\n    }\n  }, [modalProps.open, defaultValue, reset, setValue, type, ofField]);\n\n  const onSubmit = useCallback(\n    (data: FormData): void => {\n      editOrAppend(data);\n    },\n    [editOrAppend]\n  );\n\n  const handleSubmitWithoutPropagation = (e: React.FormEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    return form.handleSubmit(onSubmit)(e);\n  };\n\n  const formRef = useRef(null);\n\n  const ctx = {\n    ...parentCtx,\n    control: form.control,\n    register: form.register,\n    watch: form.watch,\n    resetField: form.resetField,\n    registerField: () => {}, // If we use parent registerField, validation breaks\n    registerFieldFocus: () => {\n      return () => {};\n    },\n    errors: form.formState.errors,\n    formState: form.formState,\n    reset: form.reset,\n    trigger: form.trigger,\n    getFieldState: form.getFieldState,\n    setValue: form.setValue,\n    clearErrors: form.clearErrors,\n    getValues: form.getValues,\n    getValuesFromParentForm: parentCtx.getValues,\n    unregister: form.unregister,\n    setError: form.setError,\n    formRef,\n    submit: form.handleSubmit(onSubmit),\n  };\n\n  return (\n    <ModalPortal {...modalProps} ref={ref} aria-labelledby=\"modal-label\">\n      <FormContext.Provider value={ctx}>\n        <form onSubmit={handleSubmitWithoutPropagation} ref={formRef}>\n          <ModalHeading id=\"modal-label\">\n            {title\n              ? title\n              : type === 'edit'\n                ? '\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1'\n                : addTitle || '\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7'}\n          </ModalHeading>\n          <ModalContent>\n            {hint && <Hint>{hint}</Hint>}\n            <Fieldset>\n              {ofField?.type === 'object' ? (\n                <FieldObject\n                  {...ofField}\n                  defaultValue={defaultValue || undefined}\n                  formState={form.formState}\n                  register={form.register}\n                  control={form.control}\n                  name={undefined}\n                  Field={Field}\n                  error={customErrors}\n                />\n              ) : (\n                <Field error={customErrors} {...ofField} />\n              )}\n            </Fieldset>\n          </ModalContent>\n          <ModalAction>\n            {type === 'edit' ? (\n              <Button color=\"secondary\" {...editProps} type=\"submit\">\n                {editLabel || '\u0391\u03C0\u03BF\u03B8\u03AE\u03BA\u03B5\u03C5\u03C3\u03B7'}\n              </Button>\n            ) : (\n              <Button color=\"primary\" {...appendProps} type=\"submit\">\n                {appendLabel || '\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7'}\n              </Button>\n            )}\n            <Button\n              variant=\"link\"\n              type=\"button\"\n              {...cancelProps}\n              onClick={(e) => {\n                e.preventDefault();\n                cancel();\n              }}\n            >\n              {cancelLabel || '\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7'}\n            </Button>\n          </ModalAction>\n        </form>\n      </FormContext.Provider>\n    </ModalPortal>\n  );\n});\n\nconst ModalPortal = (props: ModalProps) => {\n  return createPortal(<Modal {...props} />, document.body);\n};\n"],
+  "mappings": "AAAA,OAAO,SAAS,aAAa,WAAW,SAAS,cAAc;AAC/D,SAAS,oBAAoB;AAE7B,SAAS,eAAe;AAMxB,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,aAAa,sBAAsB;AAC5C,SAAS,mBAAmB;AAC5B,SAAS,2BAA2B;AAEpC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,YAAY;AAwBd,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBACT;AAAA,EACE;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;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,YAAY,eAAe;AACjC,QAAM,SAAS;AAAA,IACb,QAAQ,SAAS,YAAY,QAAQ,MAAM,SACvC,OAAO,OAAO,QAAQ,MAAM,MAAM,IAClC,CAAC,OAAO;AAAA,EACd;AAEA,QAAM,WAAqC,QAAQ,MAAM;AACvD,QAAI,CAAC,OAAQ;AAEb,WAAO,YAAY,MAAM;AAAA,EAC3B,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,oBAAoB,UAAU,QAAQ;AAC5C,QAAM,OAAO,QAAQ;AAAA,IACnB;AAAA,IACA,MAAM,kBAAkB;AAAA,IACxB,gBAAgB,kBAAkB;AAAA,IAClC,kBAAkB;AAAA;AAAA,IAClB,cAAc,kBAAkB;AAAA,EAClC,CAAC;AAED,QAAM,EAAE,OAAO,UAAU,SAAS,IAAI;AAGtC,YAAU,MAAM;AACd,QAAI,WAAW,MAAM;AAEnB,YAAM,MAAS;AAGf,UAAI,SAAS,UAAU,cAAc;AACnC,mBAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,YAAY,GAAG;AACvD;AAAA,YACE;AAAA,YACA,OAAO,UAAU,WAAW,EAAE,SAAS,MAAM,IAAK;AAAA,UACpD;AAAA,QACF;AAAA,MACF;AAGA,UAAI,cAAc;AAChB,eAAO,QAAQ,YAAY,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AACrD,mBAAS,KAAK,KAAK;AAAA,QACrB,CAAC;AAAA,MACH;AAEA,UACE,SAAS,YACT,SAAS,SAAS,YAClB,QAAQ,OAAO,QACf;AAEA,gBAAQ,MAAM,OAAO,QAAQ,CAAC,UAAqB;AACjD,cAAI,gBAAgB,aAAa,MAAM,GAAG,MAAM,OAAW;AAC3D,kBAAQ,MAAM,MAAM;AAAA,YAClB,KAAK;AACH,uBAAS,MAAM,KAAK,CAAC,CAAC;AACtB;AAAA,YACF,KAAK;AACH,uBAAS,MAAM,KAAK,CAAC,CAAC;AACtB;AAAA,YACF;AAEE,uBAAS,MAAM,KAAK,EAAE;AAAA,UAC1B;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,MAAM,cAAc,OAAO,UAAU,MAAM,OAAO,CAAC;AAElE,QAAM,WAAW;AAAA,IACf,CAAC,SAAyB;AACxB,mBAAa,IAAI;AAAA,IACnB;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,iCAAiC,CAAC,MAAuB;AAC7D,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAClB,WAAO,KAAK,aAAa,QAAQ,EAAE,CAAC;AAAA,EACtC;AAEA,QAAM,UAAU,OAAO,IAAI;AAE3B,QAAM,MAAM;AAAA,IACV,GAAG;AAAA,IACH,SAAS,KAAK;AAAA,IACd,UAAU,KAAK;AAAA,IACf,OAAO,KAAK;AAAA,IACZ,YAAY,KAAK;AAAA,IACjB,eAAe,MAAM;AAAA,IAAC;AAAA;AAAA,IACtB,oBAAoB,MAAM;AACxB,aAAO,MAAM;AAAA,MAAC;AAAA,IAChB;AAAA,IACA,QAAQ,KAAK,UAAU;AAAA,IACvB,WAAW,KAAK;AAAA,IAChB,OAAO,KAAK;AAAA,IACZ,SAAS,KAAK;AAAA,IACd,eAAe,KAAK;AAAA,IACpB,UAAU,KAAK;AAAA,IACf,aAAa,KAAK;AAAA,IAClB,WAAW,KAAK;AAAA,IAChB,yBAAyB,UAAU;AAAA,IACnC,YAAY,KAAK;AAAA,IACjB,UAAU,KAAK;AAAA,IACf;AAAA,IACA,QAAQ,KAAK,aAAa,QAAQ;AAAA,EACpC;AAEA,SACE,oCAAC,eAAa,GAAG,YAAY,KAAU,mBAAgB,iBACrD,oCAAC,YAAY,UAAZ,EAAqB,OAAO,OAC3B,oCAAC,UAAK,UAAU,gCAAgC,KAAK,WACnD,oCAAC,gBAAa,IAAG,iBACd,QACG,QACA,SAAS,SACP,uEACA,YAAY,kDACpB,GACA,oCAAC,oBACE,QAAQ,oCAAC,YAAM,IAAK,GACrB,oCAAC,gBACE,SAAS,SAAS,WACjB;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,cAAc,gBAAgB;AAAA,MAC9B,WAAW,KAAK;AAAA,MAChB,UAAU,KAAK;AAAA,MACf,SAAS,KAAK;AAAA,MACd,MAAM;AAAA,MACN;AAAA,MACA,OAAO;AAAA;AAAA,EACT,IAEA,oCAAC,SAAM,OAAO,cAAe,GAAG,SAAS,CAE7C,CACF,GACA,oCAAC,mBACE,SAAS,SACR,oCAAC,UAAO,OAAM,aAAa,GAAG,WAAW,MAAK,YAC3C,aAAa,8DAChB,IAEA,oCAAC,UAAO,OAAM,WAAW,GAAG,aAAa,MAAK,YAC3C,eAAe,kDAClB,GAEF;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACJ,GAAG;AAAA,MACJ,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,eAAO;AAAA,MACT;AAAA;AAAA,IAEC,eAAe;AAAA,EAClB,CACF,CACF,CACF,CACF;AAEJ,CAAC;AAED,MAAM,cAAc,CAAC,UAAsB;AACzC,SAAO,aAAa,oCAAC,SAAO,GAAG,OAAO,GAAI,SAAS,IAAI;AACzD;",
+  "names": ["ArrayEditModal"]
+}

package/FieldArray/FormDialog/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { ErrorOption, UseFormReturn } from 'react-hook-form';
+import type { FieldProps } from '@digigov/form/Field/types';
+export interface FormDialogProps extends FieldProps {
+    control: UseFormReturn['control'];
+    trigger: UseFormReturn['trigger'];
+    register: UseFormReturn['register'];
+    clearErrors: UseFormReturn['clearErrors'];
+    formState: UseFormReturn['formState'];
+    error?: ErrorOption;
+    getValues: UseFormReturn['getValues'];
+    setValue: UseFormReturn['setValue'];
+    reset: UseFormReturn['reset'];
+    resetField?: UseFormReturn['resetField'];
+    sortable: boolean;
+    Field: React.FC<FieldProps>;
+}
+export declare const FormDialog: React.ForwardRefExoticComponent<FormDialogProps & React.RefAttributes<HTMLButtonElement>>;
+export default FormDialog;