@digigov/form 2.0.0-7d9a8d86 → 2.0.0-85c27c19

package/MultiplicityField/add-objects/index.js

@@ -1,9 +1,14 @@
-import React, {useEffect, useMemo} from "react";
+import React, { useEffect, useMemo } from "react";
 import {
   useWatch
 } from "react-hook-form";
-import {FieldBase} from "@digigov/form/Field/FieldBase";
-import {calculateField, useField} from "@digigov/form/Field/utils";
+import { FieldBase } from "@digigov/form/Field/FieldBase";
+import {
+  FIELD_COMPONENTS,
+  ALTERNATIVE_COMPONENTS
+} from "@digigov/form/Field/utils";
+import { calculateField } from "@digigov/form/Field/utils/calculateField";
+import { useField } from "@digigov/form/Field/utils/useField";
 import FieldObject from "@digigov/form/FieldObject";
 import Fieldset from "@digigov/react-core/Fieldset";
 import RadioConditional from "@digigov/react-core/RadioConditional";
@@ -45,50 +50,74 @@ const AddObjects = ({
     extra: {
       options: [
         {
-          label: {primary: extra?.label.question.yes},
+          label: { primary: extra?.label.question.yes },
+          id: `radio-input-${name}-yes`,
           value: "yes",
           selected: function RadioSelected() {
-            return /* @__PURE__ */ React.createElement(RadioConditional, {
-              hidden: needsMore !== "yes" || extra?.max && extra?.max - stashedObjects.length === 0
-            }, needsMore === "yes" && fields.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FieldObject, {
-              name: currentName,
-              error: error && error[currentIndex],
-              register,
-              formState,
-              control,
-              ...extra?.of,
-              label: extra?.label.question.objectLabel || extra?.of.label
-            }), /* @__PURE__ */ React.createElement(Button, {
-              color: "secondary",
-              onClick: async (e) => {
-                e.preventDefault();
-                const nestedFields = extra?.of.extra.fields.map((f) => `${currentName}.${f.key}`);
-                const result = await trigger(nestedFields);
-                result && setValue("needs-more", "");
-                result && onStash(getValues(currentName));
-              }
-            }, extra?.label.object.add)));
+            return /* @__PURE__ */ React.createElement(
+              RadioConditional,
+              {
+                hidden: needsMore !== "yes" || extra?.max && extra?.max - stashedObjects.length === 0
+              },
+              needsMore === "yes" && fields.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+                FieldObject,
+                {
+                  name: currentName,
+                  error: error && error[currentIndex],
+                  register,
+                  formState,
+                  control,
+                  ...extra?.of,
+                  label: extra?.label.question.objectLabel || extra?.of.label
+                }
+              ), /* @__PURE__ */ React.createElement(
+                Button,
+                {
+                  color: "secondary",
+                  name: `${currentName}-add-object`,
+                  onClick: async (e) => {
+                    e.preventDefault();
+                    const nestedFields = extra?.of.extra.fields.map(
+                      (f) => `${currentName}.${f.key}`
+                    );
+                    const result = await trigger(nestedFields);
+                    result && setValue("needs-more", "");
+                    result && onStash(getValues(currentName));
+                  }
+                },
+                extra?.label.object.add
+              ))
+            );
           }
         },
         {
-          label: {primary: extra?.label.question.no},
+          label: { primary: extra?.label.question.no },
+          id: `radio-input-${name}-no`,
           value: "no"
         }
       ]
     }
   };
-  const {field, control, register, reset, error: needsMoreError} = useField(radioField.key, radioField?.type ? radioField : null);
-  const calculatedField = useMemo(() => calculateField(children, field), [field]);
-  const needsMore = useWatch({name: field.key, control});
+  const {
+    field,
+    control,
+    register,
+    reset,
+    error: needsMoreError
+  } = useField(radioField.key, radioField?.type ? radioField : null);
+  const calculatedField = useMemo(
+    () => calculateField(children, field, FIELD_COMPONENTS, ALTERNATIVE_COMPONENTS),
+    [field]
+  );
+  const needsMore = useWatch({ name: field.key, control });
   useEffect(() => {
     if (needsMore === "yes") {
-      append({afm: "", firstName: "", lastName: ""});
+      append({ afm: "", firstName: "", lastName: "" });
     }
     if (needsMore === "no" && stashedObjects.length < fields.length) {
       remove(currentIndex);
     }
-    if (needsMore === "")
-      clearErrors("needs-more");
+    if (needsMore === "") clearErrors("needs-more");
   }, [needsMore]);
   calculatedField.label = calculatedField.label || {};
   if (extra?.length) {
@@ -100,14 +129,17 @@ const AddObjects = ({
   } else if (extra?.max) {
     calculatedField.label.secondary = ` \u0388\u03C7\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03B9 ${stashedObjects.length} \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2 \u03BA\u03B1\u03B9 \u03C3\u03B1\u03C2 \u03B1\u03C0\u03BF\u03BC\u03AD\u03BD\u03BF\u03C5\u03BD ${extra.max - stashedObjects.length} \u03B5\u03C0\u03B9\u03C0\u03BB\u03AD\u03BF\u03BD \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2.`;
   }
-  return /* @__PURE__ */ React.createElement(Fieldset, null, /* @__PURE__ */ React.createElement(FieldBase, {
-    ...calculatedField,
-    name: calculatedField.key,
-    control,
-    register,
-    reset,
-    error: extra?.max - stashedObjects.length === 0 || extra?.length - stashedObjects.length === 0 ? error : needsMoreError
-  }));
+  return /* @__PURE__ */ React.createElement(Fieldset, null, /* @__PURE__ */ React.createElement(
+    FieldBase,
+    {
+      ...calculatedField,
+      name: calculatedField.key,
+      control,
+      register,
+      reset,
+      error: extra?.max - stashedObjects.length === 0 || extra?.length - stashedObjects.length === 0 ? error : needsMoreError
+    }
+  ));
 };
 var add_objects_default = AddObjects;
 export {

package/MultiplicityField/add-objects.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ErrorOption, FieldArrayWithId, UseFieldArrayReturn } from 'react-hook-form';
-import { MultiplicityProps, StashedObject } from '@digigov/form/MultiplicityField';
+import type { MultiplicityProps, StashedObject } from '@digigov/form/MultiplicityField/types';
 export interface AddObjectsProps extends Omit<MultiplicityProps, 'key' | 'component'> {
     fields: FieldArrayWithId[];
     error?: ErrorOption;
@@ -8,6 +8,7 @@ export interface AddObjectsProps extends Omit<MultiplicityProps, 'key' | 'compon
     remove: UseFieldArrayReturn['remove'];
     stashedObjects: StashedObject[];
     onStash: (arg0: StashedObject) => void;
+    children?: React.ReactNode;
 }
 export declare const AddObjects: React.FC<AddObjectsProps>;
 export default AddObjects;

package/MultiplicityField/add-objects.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/MultiplicityField/add-objects.tsx"],
-  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useEffect, useMemo } from 'react';\n// import { FormBuilderProps } from '@digigov/form';\nimport {\n  ErrorOption,\n  FieldArrayWithId,\n  UseFieldArrayReturn,\n  useWatch,\n} from 'react-hook-form';\nimport { FieldBase } from '@digigov/form/Field/FieldBase';\nimport { CalculatedField } from '@digigov/form/Field/types';\nimport { calculateField, useField } from '@digigov/form/Field/utils';\nimport FieldObject from '@digigov/form/FieldObject';\nimport {\n  MultiplicityProps,\n  StashedObject,\n} from '@digigov/form/MultiplicityField';\nimport { FieldSpec } from '@digigov/form/types';\nimport Fieldset from '@digigov/react-core/Fieldset';\nimport RadioConditional from '@digigov/react-core/RadioConditional';\nimport Button from '@digigov/ui/form/Button';\nexport interface AddObjectsProps\n  extends Omit<MultiplicityProps, 'key' | 'component'> {\n  fields: FieldArrayWithId[];\n  error?: ErrorOption;\n  append: UseFieldArrayReturn['append'];\n  remove: UseFieldArrayReturn['remove'];\n  stashedObjects: StashedObject[];\n  onStash: (arg0: StashedObject) => void;\n}\n\nexport const AddObjects: React.FC<AddObjectsProps> = ({\n  name,\n  fields,\n  formState,\n  extra,\n  append,\n  remove,\n  trigger,\n  clearErrors,\n  children,\n  setValue,\n  stashedObjects,\n  getValues,\n  onStash,\n  error,\n}) => {\n  const currentIndex = fields.length > 0 ? fields.length - 1 : fields.length;\n  const currentName = `${name}.${currentIndex}`;\n  const radioField: FieldSpec = {\n    key: 'needs-more',\n    type: 'choice:single',\n    label: {\n      primary: extra?.label.question.title,\n    },\n    required: true,\n    validators: [\n      {\n        name: 'is-locked',\n        message: 'form.error.needs-more',\n        test: (data) => {\n          return data === 'no';\n        },\n      },\n    ],\n    extra: {\n      options: [\n        {\n          label: { primary: extra?.label.question.yes },\n          value: 'yes',\n          selected: function RadioSelected() {\n            return (\n              <RadioConditional\n                hidden={\n                  needsMore !== 'yes' ||\n                  (extra?.max && extra?.max - stashedObjects.length === 0)\n                }\n              >\n                {needsMore === 'yes' && fields.length > 0 && (\n                  <>\n                    <FieldObject\n                      name={currentName}\n                      error={error && error[currentIndex]}\n                      register={register}\n                      formState={formState}\n                      control={control}\n                      {...extra?.of}\n                      label={\n                        extra?.label.question.objectLabel || extra?.of.label\n                      }\n                    />\n                    <Button\n                      color=\"secondary\"\n                      onClick={async (e) => {\n                        e.preventDefault();\n                        const nestedFields = extra?.of.extra.fields.map(\n                          (f) => `${currentName}.${f.key}`\n                        );\n                        const result = await trigger(nestedFields);\n                        result && setValue('needs-more', '');\n                        result && onStash(getValues(currentName));\n                      }}\n                    >\n                      {extra?.label.object.add}\n                    </Button>\n                  </>\n                )}\n              </RadioConditional>\n            );\n          },\n        },\n        {\n          label: { primary: extra?.label.question.no },\n          value: 'no',\n        },\n      ],\n    },\n  };\n\n  const { field, control, register, reset, error: needsMoreError } = useField(\n    radioField.key,\n    radioField?.type ? radioField : null\n  );\n\n  const calculatedField: CalculatedField = useMemo(\n    () => calculateField(children, field),\n    [field]\n  );\n  const needsMore = useWatch({ name: field.key, control });\n\n  useEffect(() => {\n    if (needsMore === 'yes') {\n      append({ afm: '', firstName: '', lastName: '' });\n    }\n    if (needsMore === 'no' && stashedObjects.length < fields.length) {\n      remove(currentIndex);\n    }\n    if (needsMore === '') clearErrors('needs-more');\n  }, [needsMore]);\n\n  // TODO: Refactor types so that label is always required, the following\n  // assignment is a temp fix for typescript build to run\n  calculatedField.label = calculatedField.label || {};\n  if (extra?.length) {\n    calculatedField.label.secondary = `\u0388\u03C7\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03B9 ${\n      stashedObjects.length\n    } \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2 \u03BA\u03B1\u03B9 \u03C3\u03B1\u03C2 \u03B1\u03C0\u03BF\u03BC\u03AD\u03BD\u03BF\u03C5\u03BD \u03B1\u03BA\u03CC\u03BC\u03B1 ${\n      extra.length - stashedObjects.length\n    } \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2.`;\n  } else if (extra?.min && extra?.max) {\n    calculatedField.label.secondary = `\u03A4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03B9 \u03B1\u03BA\u03CC\u03BC\u03B1 ${\n      extra?.min - stashedObjects.length\n    } \u03BA\u03B1\u03B9 \u03C4\u03BF \u03BC\u03AD\u03B3\u03B9\u03C3\u03C4\u03BF ${\n      extra?.max\n    } \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2. \u03A0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03B1\u03BA\u03CC\u03BC\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03B3\u03BF\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7 \u00AB\u039D\u03B1\u03B9\u00BB \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03B5\u03C1\u03CE\u03C4\u03B7\u03C3\u03B7.`;\n  } else if (extra?.min) {\n    calculatedField.label.secondary = `\u03A4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03B9 \u03B1\u03BA\u03CC\u03BC\u03B1 ${\n      extra?.min - stashedObjects.length\n    } \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2. \u03A0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03B1\u03BA\u03CC\u03BC\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03B3\u03BF\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7 \u00AB\u039D\u03B1\u03B9\u00BB \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03B5\u03C1\u03CE\u03C4\u03B7\u03C3\u03B7.`;\n  } else if (extra?.max) {\n    calculatedField.label.secondary = ` \u0388\u03C7\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03B9 ${\n      stashedObjects.length\n    } \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2 \u03BA\u03B1\u03B9 \u03C3\u03B1\u03C2 \u03B1\u03C0\u03BF\u03BC\u03AD\u03BD\u03BF\u03C5\u03BD ${\n      extra.max - stashedObjects.length\n    } \u03B5\u03C0\u03B9\u03C0\u03BB\u03AD\u03BF\u03BD \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2.`;\n  }\n  return (\n    <Fieldset>\n      <FieldBase\n        {...calculatedField}\n        name={calculatedField.key}\n        control={control}\n        register={register}\n        reset={reset}\n        error={\n          extra?.max - stashedObjects.length === 0 ||\n          extra?.length - stashedObjects.length === 0\n            ? error\n            : needsMoreError\n        }\n      />\n    </Fieldset>\n  );\n};\n\nexport default AddObjects;\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useEffect, useMemo } from 'react';\nimport {\n  ErrorOption,\n  FieldArrayWithId,\n  UseFieldArrayReturn,\n  useWatch,\n} from 'react-hook-form';\nimport { FieldBase } from '@digigov/form/Field/FieldBase';\nimport { CalculatedField } from '@digigov/form/Field/types';\nimport {\n  FIELD_COMPONENTS,\n  ALTERNATIVE_COMPONENTS,\n} from '@digigov/form/Field/utils';\nimport { calculateField } from '@digigov/form/Field/utils/calculateField';\nimport { useField } from '@digigov/form/Field/utils/useField';\n\nimport FieldObject from '@digigov/form/FieldObject';\nimport type {\n  MultiplicityProps,\n  StashedObject,\n} from '@digigov/form/MultiplicityField/types';\nimport { FieldSpec } from '@digigov/form/types';\nimport Fieldset from '@digigov/react-core/Fieldset';\nimport RadioConditional from '@digigov/react-core/RadioConditional';\nimport Button from '@digigov/ui/form/Button';\n\nexport interface AddObjectsProps\n  extends Omit<MultiplicityProps, 'key' | 'component'> {\n  fields: FieldArrayWithId[];\n  error?: ErrorOption;\n  append: UseFieldArrayReturn['append'];\n  remove: UseFieldArrayReturn['remove'];\n  stashedObjects: StashedObject[];\n  onStash: (arg0: StashedObject) => void;\n  children?: React.ReactNode;\n}\n\nexport const AddObjects: React.FC<AddObjectsProps> = ({\n  name,\n  fields,\n  formState,\n  extra,\n  append,\n  remove,\n  trigger,\n  clearErrors,\n  children,\n  setValue,\n  stashedObjects,\n  getValues,\n  onStash,\n  error,\n}) => {\n  const currentIndex = fields.length > 0 ? fields.length - 1 : fields.length;\n  const currentName = `${name}.${currentIndex}`;\n  const radioField: FieldSpec = {\n    key: 'needs-more',\n    type: 'choice:single',\n    label: {\n      primary: extra?.label.question.title,\n    },\n    required: true,\n    validators: [\n      {\n        name: 'is-locked',\n        message: 'form.error.needs-more',\n        test: (data) => {\n          return data === 'no';\n        },\n      },\n    ],\n    extra: {\n      options: [\n        {\n          label: { primary: extra?.label.question.yes },\n          id: `radio-input-${name}-yes`,\n          value: 'yes',\n          selected: function RadioSelected() {\n            return (\n              <RadioConditional\n                hidden={\n                  needsMore !== 'yes' ||\n                  (extra?.max && extra?.max - stashedObjects.length === 0)\n                }\n              >\n                {needsMore === 'yes' && fields.length > 0 && (\n                  <>\n                    <FieldObject\n                      name={currentName}\n                      error={error && error[currentIndex]}\n                      register={register}\n                      formState={formState}\n                      control={control}\n                      {...extra?.of}\n                      label={\n                        extra?.label.question.objectLabel || extra?.of.label\n                      }\n                    />\n                    <Button\n                      color=\"secondary\"\n                      name={`${currentName}-add-object`}\n                      onClick={async (e) => {\n                        e.preventDefault();\n                        const nestedFields = extra?.of.extra.fields.map(\n                          (f) => `${currentName}.${f.key}`\n                        );\n                        const result = await trigger(nestedFields);\n                        result && setValue('needs-more', '');\n                        result && onStash(getValues(currentName));\n                      }}\n                    >\n                      {extra?.label.object.add}\n                    </Button>\n                  </>\n                )}\n              </RadioConditional>\n            );\n          },\n        },\n        {\n          label: { primary: extra?.label.question.no },\n          id: `radio-input-${name}-no`,\n          value: 'no',\n        },\n      ],\n    },\n  };\n\n  const {\n    field,\n    control,\n    register,\n    reset,\n    error: needsMoreError,\n  } = useField(radioField.key, radioField?.type ? radioField : null);\n\n  const calculatedField: CalculatedField = useMemo(\n    () =>\n      calculateField(children, field, FIELD_COMPONENTS, ALTERNATIVE_COMPONENTS),\n    [field]\n  );\n  const needsMore = useWatch({ name: field.key, control });\n\n  useEffect(() => {\n    if (needsMore === 'yes') {\n      append({ afm: '', firstName: '', lastName: '' });\n    }\n    if (needsMore === 'no' && stashedObjects.length < fields.length) {\n      remove(currentIndex);\n    }\n    if (needsMore === '') clearErrors('needs-more');\n  }, [needsMore]);\n\n  // TODO: Refactor types so that label is always required, the following\n  // assignment is a temp fix for typescript build to run\n  calculatedField.label = calculatedField.label || {};\n  if (extra?.length) {\n    calculatedField.label.secondary = `\u0388\u03C7\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03B9 ${\n      stashedObjects.length\n    } \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2 \u03BA\u03B1\u03B9 \u03C3\u03B1\u03C2 \u03B1\u03C0\u03BF\u03BC\u03AD\u03BD\u03BF\u03C5\u03BD \u03B1\u03BA\u03CC\u03BC\u03B1 ${\n      extra.length - stashedObjects.length\n    } \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2.`;\n  } else if (extra?.min && extra?.max) {\n    calculatedField.label.secondary = `\u03A4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03B9 \u03B1\u03BA\u03CC\u03BC\u03B1 ${\n      extra?.min - stashedObjects.length\n    } \u03BA\u03B1\u03B9 \u03C4\u03BF \u03BC\u03AD\u03B3\u03B9\u03C3\u03C4\u03BF ${\n      extra?.max\n    } \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2. \u03A0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03B1\u03BA\u03CC\u03BC\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03B3\u03BF\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7 \u00AB\u039D\u03B1\u03B9\u00BB \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03B5\u03C1\u03CE\u03C4\u03B7\u03C3\u03B7.`;\n  } else if (extra?.min) {\n    calculatedField.label.secondary = `\u03A4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03B9 \u03B1\u03BA\u03CC\u03BC\u03B1 ${\n      extra?.min - stashedObjects.length\n    } \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2. \u03A0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03B1\u03BA\u03CC\u03BC\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03B3\u03BF\u03BD\u03C4\u03B1\u03C2 \u03C4\u03B7\u03BD \u03B1\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7 \u00AB\u039D\u03B1\u03B9\u00BB \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03B5\u03C1\u03CE\u03C4\u03B7\u03C3\u03B7.`;\n  } else if (extra?.max) {\n    calculatedField.label.secondary = ` \u0388\u03C7\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03B9 ${\n      stashedObjects.length\n    } \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2 \u03BA\u03B1\u03B9 \u03C3\u03B1\u03C2 \u03B1\u03C0\u03BF\u03BC\u03AD\u03BD\u03BF\u03C5\u03BD ${\n      extra.max - stashedObjects.length\n    } \u03B5\u03C0\u03B9\u03C0\u03BB\u03AD\u03BF\u03BD \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AD\u03C2.`;\n  }\n  return (\n    <Fieldset>\n      <FieldBase\n        {...calculatedField}\n        name={calculatedField.key}\n        control={control}\n        register={register}\n        reset={reset}\n        error={\n          extra?.max - stashedObjects.length === 0 ||\n          extra?.length - stashedObjects.length === 0\n            ? error\n            : needsMoreError\n        }\n      />\n    </Fieldset>\n  );\n};\n\nexport default AddObjects;\n"],
+  "mappings": "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",
   "names": []
 }

package/MultiplicityField/index.d.ts

@@ -1,23 +1,6 @@
 import React from 'react';
-import { ErrorOption, UseFormReturn } from 'react-hook-form';
-import { FieldSpec } from '@digigov/form';
-import { ControlledFieldProps } from '@digigov/form/Field/types';
-export interface MultiplicityProps extends Omit<ControlledFieldProps, 'value' | 'onChange' | 'error' | 'extra'> {
-    name: string;
-    control: UseFormReturn['control'];
-    register: UseFormReturn['register'];
-    trigger: UseFormReturn['trigger'];
-    clearErrors: UseFormReturn['clearErrors'];
-    formState: UseFormReturn['formState'];
-    setValue: UseFormReturn['setValue'];
-    getValues: UseFormReturn['getValues'];
-    unregister: UseFormReturn['unregister'];
-    error?: ErrorOption;
-    extra?: Record<string, any>;
-    label?: FieldSpec['label'];
-    layout?: FieldSpec['layout'];
-}
-export type StashedObject = Record<string, any>;
+import { UseFormReturn } from 'react-hook-form';
+import { MultiplicityProps } from '@digigov/form/MultiplicityField/types';
 export declare const Multiplicity: React.FC<MultiplicityProps>;
 export default Multiplicity;
 export interface ListObjectProps {

package/MultiplicityField/index.js

@@ -1,14 +1,14 @@
-import React, {useState} from "react";
-import {useFieldArray} from "react-hook-form";
+import React, { useState } from "react";
+import { useFieldArray } from "react-hook-form";
 import FieldContainer from "@digigov/form/Field/FieldBaseContainer";
 import FieldObject from "@digigov/form/FieldObject";
 import AddObjects from "@digigov/form/MultiplicityField/add-objects";
-import {Card} from "@digigov/react-core/Card";
-import {CardContent} from "@digigov/react-core/CardContent";
-import {CardAction} from "@digigov/react-core/CardAction";
-import {Button} from "@digigov/react-core/Button";
-import {Heading} from "@digigov/react-core/Heading";
-import {CardHeading} from "@digigov/react-core/CardHeading";
+import { Button } from "@digigov/react-core/Button";
+import { Card } from "@digigov/react-core/Card";
+import { CardAction } from "@digigov/react-core/CardAction";
+import { CardContent } from "@digigov/react-core/CardContent";
+import { CardHeading } from "@digigov/react-core/CardHeading";
+import { Heading } from "@digigov/react-core/Heading";
 const Multiplicity = ({
   extra,
   name,
@@ -24,7 +24,7 @@ const Multiplicity = ({
   getValues,
   unregister
 }) => {
-  const {fields, append, remove} = useFieldArray({
+  const { fields, append, remove } = useFieldArray({
     control,
     name
   });
@@ -38,43 +38,52 @@ const Multiplicity = ({
     newStashedObjects.splice(index, 1);
     setStashedObjects(newStashedObjects);
   };
-  return /* @__PURE__ */ React.createElement(FieldContainer, {
-    label,
-    layout,
-    error: formState.isSubmitted && !formState.isSubmitting && error?.message ? error : void 0,
-    wrapper: "fieldset",
-    name
-  }, stashedObjects.length > 0 ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Heading, {
-    size: "md"
-  }, extra?.label.object.title_added), stashedObjects.map((_Object, index) => {
-    return /* @__PURE__ */ React.createElement(ListObject, {
-      key: `${name}.${index}`,
-      index,
-      name,
-      extra,
-      control,
-      register,
-      formState,
-      onDelete: handleDelete
-    });
-  })) : "", /* @__PURE__ */ React.createElement(AddObjects, {
-    name,
-    register,
-    control,
-    fields,
-    formState,
-    error,
-    stashedObjects,
-    extra,
-    append,
-    remove,
-    onStash: handleStash,
-    setValue,
-    getValues,
-    unregister,
-    trigger,
-    clearErrors
-  }));
+  return /* @__PURE__ */ React.createElement(
+    FieldContainer,
+    {
+      label,
+      layout,
+      error: formState.isSubmitted && !formState.isSubmitting && error?.message ? error : void 0,
+      wrapper: "fieldset",
+      name
+    },
+    stashedObjects.length > 0 ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Heading, { size: "md" }, extra?.label.object.title_added), stashedObjects.map((_Object, index) => {
+      return /* @__PURE__ */ React.createElement(
+        ListObject,
+        {
+          key: `${name}.${index}`,
+          index,
+          name,
+          extra,
+          control,
+          register,
+          formState,
+          onDelete: handleDelete
+        }
+      );
+    })) : "",
+    /* @__PURE__ */ React.createElement(
+      AddObjects,
+      {
+        name,
+        register,
+        control,
+        fields,
+        formState,
+        error,
+        stashedObjects,
+        extra,
+        append,
+        remove,
+        onStash: handleStash,
+        setValue,
+        getValues,
+        unregister,
+        trigger,
+        clearErrors
+      }
+    )
+  );
 };
 var MultiplicityField_default = Multiplicity;
 const ListObject = ({
@@ -85,21 +94,19 @@ const ListObject = ({
   register,
   onDelete,
   formState
+  // onEdit,
 }) => {
   const currentName = `${name}.${index}`;
-  return /* @__PURE__ */ React.createElement(Card, {
-    variant: extra?.border && "border"
-  }, /* @__PURE__ */ React.createElement(CardHeading, null, extra?.label.object.title, " #", index + 1), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(FieldObject, {
-    name: currentName,
-    formState,
-    register,
-    control,
-    ...extra?.of
-  })), /* @__PURE__ */ React.createElement(CardAction, null, /* @__PURE__ */ React.createElement(Button, {
-    type: "button",
-    variant: "link",
-    onClick: () => onDelete(index)
-  }, extra?.label.object.delete)));
+  return /* @__PURE__ */ React.createElement(Card, { variant: extra?.border && "border" }, /* @__PURE__ */ React.createElement(CardHeading, null, extra?.label.object.title, " #", index + 1), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(
+    FieldObject,
+    {
+      name: currentName,
+      formState,
+      register,
+      control,
+      ...extra?.of
+    }
+  )), /* @__PURE__ */ React.createElement(CardAction, null, /* @__PURE__ */ React.createElement(Button, { type: "button", variant: "link", onClick: () => onDelete(index) }, extra?.label.object.delete)));
 };
 export {
   ListObject,

package/MultiplicityField/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/MultiplicityField/index.tsx"],
-  "sourcesContent": ["import React, { useState } from 'react';\nimport { ErrorOption, useFieldArray, UseFormReturn } from 'react-hook-form';\nimport { FieldSpec } from '@digigov/form';\nimport FieldContainer from '@digigov/form/Field/FieldBaseContainer';\nimport { ControlledFieldProps } from '@digigov/form/Field/types';\nimport FieldObject from '@digigov/form/FieldObject';\nimport AddObjects from '@digigov/form/MultiplicityField/add-objects';\nimport { Card } from '@digigov/react-core/Card';\nimport { CardContent } from '@digigov/react-core/CardContent';\nimport { CardAction } from '@digigov/react-core/CardAction';\nimport { Button } from '@digigov/react-core/Button';\nimport { Heading } from '@digigov/react-core/Heading';\nimport { CardHeading } from '@digigov/react-core/CardHeading';\n\n\nexport interface MultiplicityProps\n  extends Omit<ControlledFieldProps, 'value' | 'onChange' | 'error' | 'extra'> {\n  name: string;\n  control: UseFormReturn['control'];\n  register: UseFormReturn['register'];\n  trigger: UseFormReturn['trigger'];\n  clearErrors: UseFormReturn['clearErrors'];\n  formState: UseFormReturn['formState'];\n  setValue: UseFormReturn['setValue'];\n  getValues: UseFormReturn['getValues'];\n  unregister: UseFormReturn['unregister'];\n  error?: ErrorOption;\n  extra?: Record<string, any>;\n  label?: FieldSpec['label'];\n  layout?: FieldSpec['layout'];\n}\n\nexport type StashedObject = Record<string, any>;\n\n// epeidh einai forwardRef to ref mas to dinei xwrista apo ta props\nexport const Multiplicity: React.FC<MultiplicityProps> = ({\n  extra,\n  name,\n  control,\n  error,\n  register,\n  trigger,\n  clearErrors,\n  formState,\n  label,\n  layout,\n  setValue,\n  getValues,\n  unregister,\n}) => {\n  const { fields, append, remove } = useFieldArray({\n    control,\n    name,\n  });\n  const [stashedObjects, setStashedObjects] = useState<StashedObject[]>([]);\n  const handleStash = (data) => {\n    setStashedObjects([...stashedObjects, data]);\n  };\n  const handleDelete = (index) => {\n    remove(index);\n    // creating a new array to maintain immutability\n    const newStashedObjects = [...stashedObjects];\n    newStashedObjects.splice(index, 1);\n    setStashedObjects(newStashedObjects);\n  };\n  return (\n    <FieldContainer\n      label={label}\n      layout={layout}\n      error={\n        formState.isSubmitted && !formState.isSubmitting && error?.message\n          ? error\n          : undefined\n      }\n      wrapper=\"fieldset\"\n      name={name}\n    >\n      {stashedObjects.length > 0 ? (\n        <div>\n          <Heading size=\"md\">{extra?.label.object.title_added}</Heading>\n          {stashedObjects.map((_Object, index) => {\n            return (\n              <ListObject\n                key={`${name}.${index}`}\n                index={index}\n                name={name}\n                extra={extra}\n                control={control}\n                register={register}\n                formState={formState}\n                onDelete={handleDelete}\n              />\n            );\n          })}\n        </div>\n      ) : (\n        ''\n      )}\n      <AddObjects\n        name={name}\n        register={register}\n        control={control}\n        fields={fields}\n        formState={formState}\n        error={error}\n        stashedObjects={stashedObjects}\n        extra={extra}\n        append={append}\n        remove={remove}\n        onStash={handleStash}\n        setValue={setValue}\n        getValues={getValues}\n        unregister={unregister}\n        trigger={trigger}\n        clearErrors={clearErrors}\n      />\n    </FieldContainer>\n  );\n};\n\nexport default Multiplicity;\n\nexport interface ListObjectProps {\n  index: number;\n  name: string;\n  control: UseFormReturn['control'];\n  register: UseFormReturn['register'];\n  formState: UseFormReturn['formState'];\n  onDelete: (index: number) => void;\n  extra?: Record<string, any>;\n}\n\nexport const ListObject: React.FC<ListObjectProps> = ({\n  index,\n  name,\n  extra,\n  control,\n  register,\n  onDelete,\n  formState,\n  // onEdit,\n}) => {\n  const currentName = `${name}.${index}`;\n  return (\n    <Card variant={extra?.border && 'border'}>\n      <CardHeading>\n        {extra?.label.object.title} #{index + 1}\n      </CardHeading>\n      <CardContent>\n        <FieldObject\n          name={currentName}\n          formState={formState}\n          register={register}\n          control={control}\n          {...extra?.of}\n        />\n      </CardContent>\n      <CardAction>\n        <Button type=\"button\" variant=\"link\" onClick={() => onDelete(index)}>\n          {extra?.label.object.delete}\n        </Button>\n      </CardAction>\n    </Card>\n  );\n};\n"],
-  "mappings": "AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAuBO,MAAM,eAA4C,CAAC;AAAA,EACxD;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,MACI;AACJ,QAAM,CAAE,QAAQ,QAAQ,UAAW,cAAc;AAAA,IAC/C;AAAA,IACA;AAAA;AAEF,QAAM,CAAC,gBAAgB,qBAAqB,SAA0B;AACtE,QAAM,cAAc,CAAC,SAAS;AAC5B,sBAAkB,CAAC,GAAG,gBAAgB;AAAA;AAExC,QAAM,eAAe,CAAC,UAAU;AAC9B,WAAO;AAEP,UAAM,oBAAoB,CAAC,GAAG;AAC9B,sBAAkB,OAAO,OAAO;AAChC,sBAAkB;AAAA;AAEpB,SACE,oCAAC,gBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,OACE,UAAU,eAAe,CAAC,UAAU,gBAAgB,OAAO,UACvD,QACA;AAAA,IAEN,SAAQ;AAAA,IACR;AAAA,KAEC,eAAe,SAAS,IACvB,oCAAC,OAAD,MACE,oCAAC,SAAD;AAAA,IAAS,MAAK;AAAA,KAAM,OAAO,MAAM,OAAO,cACvC,eAAe,IAAI,CAAC,SAAS,UAAU;AACtC,WACE,oCAAC,YAAD;AAAA,MACE,KAAK,GAAG,QAAQ;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA;AAAA,QAMlB,IAEF,oCAAC,YAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAMR,IAAO,4BAAQ;AAYR,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEI;AACJ,QAAM,cAAc,GAAG,QAAQ;AAC/B,SACE,oCAAC,MAAD;AAAA,IAAM,SAAS,OAAO,UAAU;AAAA,KAC9B,oCAAC,aAAD,MACG,OAAO,MAAM,OAAO,OAAM,MAAG,QAAQ,IAExC,oCAAC,aAAD,MACE,oCAAC,aAAD;AAAA,IACE,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,OACI,OAAO;AAAA,OAGf,oCAAC,YAAD,MACE,oCAAC,QAAD;AAAA,IAAQ,MAAK;AAAA,IAAS,SAAQ;AAAA,IAAO,SAAS,MAAM,SAAS;AAAA,KAC1D,OAAO,MAAM,OAAO;AAAA;",
+  "sourcesContent": ["import React, { useState } from 'react';\nimport { useFieldArray, UseFormReturn } from 'react-hook-form';\nimport FieldContainer from '@digigov/form/Field/FieldBaseContainer';\n\nimport FieldObject from '@digigov/form/FieldObject';\nimport AddObjects from '@digigov/form/MultiplicityField/add-objects';\nimport {\n  MultiplicityProps,\n  StashedObject,\n} from '@digigov/form/MultiplicityField/types';\nimport { Button } from '@digigov/react-core/Button';\nimport { Card } from '@digigov/react-core/Card';\nimport { CardAction } from '@digigov/react-core/CardAction';\nimport { CardContent } from '@digigov/react-core/CardContent';\nimport { CardHeading } from '@digigov/react-core/CardHeading';\nimport { Heading } from '@digigov/react-core/Heading';\n\n// epeidh einai forwardRef to ref mas to dinei xwrista apo ta props\nexport const Multiplicity: React.FC<MultiplicityProps> = ({\n  extra,\n  name,\n  control,\n  error,\n  register,\n  trigger,\n  clearErrors,\n  formState,\n  label,\n  layout,\n  setValue,\n  getValues,\n  unregister,\n}) => {\n  const { fields, append, remove } = useFieldArray({\n    control,\n    name,\n  });\n  const [stashedObjects, setStashedObjects] = useState<StashedObject[]>([]);\n  const handleStash = (data) => {\n    setStashedObjects([...stashedObjects, data]);\n  };\n  const handleDelete = (index) => {\n    remove(index);\n    // creating a new array to maintain immutability\n    const newStashedObjects = [...stashedObjects];\n    newStashedObjects.splice(index, 1);\n    setStashedObjects(newStashedObjects);\n  };\n  return (\n    <FieldContainer\n      label={label}\n      layout={layout}\n      error={\n        formState.isSubmitted && !formState.isSubmitting && error?.message\n          ? error\n          : undefined\n      }\n      wrapper=\"fieldset\"\n      name={name}\n    >\n      {stashedObjects.length > 0 ? (\n        <div>\n          <Heading size=\"md\">{extra?.label.object.title_added}</Heading>\n          {stashedObjects.map((_Object, index) => {\n            return (\n              <ListObject\n                key={`${name}.${index}`}\n                index={index}\n                name={name}\n                extra={extra}\n                control={control}\n                register={register}\n                formState={formState}\n                onDelete={handleDelete}\n              />\n            );\n          })}\n        </div>\n      ) : (\n        ''\n      )}\n      <AddObjects\n        name={name}\n        register={register}\n        control={control}\n        fields={fields}\n        formState={formState}\n        error={error}\n        stashedObjects={stashedObjects}\n        extra={extra}\n        append={append}\n        remove={remove}\n        onStash={handleStash}\n        setValue={setValue}\n        getValues={getValues}\n        unregister={unregister}\n        trigger={trigger}\n        clearErrors={clearErrors}\n      />\n    </FieldContainer>\n  );\n};\n\nexport default Multiplicity;\n\nexport interface ListObjectProps {\n  index: number;\n  name: string;\n  control: UseFormReturn['control'];\n  register: UseFormReturn['register'];\n  formState: UseFormReturn['formState'];\n  onDelete: (index: number) => void;\n  extra?: Record<string, any>;\n}\n\nexport const ListObject: React.FC<ListObjectProps> = ({\n  index,\n  name,\n  extra,\n  control,\n  register,\n  onDelete,\n  formState,\n  // onEdit,\n}) => {\n  const currentName = `${name}.${index}`;\n  return (\n    <Card variant={extra?.border && 'border'}>\n      <CardHeading>\n        {extra?.label.object.title} #{index + 1}\n      </CardHeading>\n      <CardContent>\n        <FieldObject\n          name={currentName}\n          formState={formState}\n          register={register}\n          control={control}\n          {...extra?.of}\n        />\n      </CardContent>\n      <CardAction>\n        <Button type=\"button\" variant=\"link\" onClick={() => onDelete(index)}>\n          {extra?.label.object.delete}\n        </Button>\n      </CardAction>\n    </Card>\n  );\n};\n"],
+  "mappings": "AAAA,OAAO,SAAS,gBAAgB;AAChC,SAAS,qBAAoC;AAC7C,OAAO,oBAAoB;AAE3B,OAAO,iBAAiB;AACxB,OAAO,gBAAgB;AAKvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AAGjB,MAAM,eAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,QAAQ,QAAQ,OAAO,IAAI,cAAc;AAAA,IAC/C;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAA0B,CAAC,CAAC;AACxE,QAAM,cAAc,CAAC,SAAS;AAC5B,sBAAkB,CAAC,GAAG,gBAAgB,IAAI,CAAC;AAAA,EAC7C;AACA,QAAM,eAAe,CAAC,UAAU;AAC9B,WAAO,KAAK;AAEZ,UAAM,oBAAoB,CAAC,GAAG,cAAc;AAC5C,sBAAkB,OAAO,OAAO,CAAC;AACjC,sBAAkB,iBAAiB;AAAA,EACrC;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,OACE,UAAU,eAAe,CAAC,UAAU,gBAAgB,OAAO,UACvD,QACA;AAAA,MAEN,SAAQ;AAAA,MACR;AAAA;AAAA,IAEC,eAAe,SAAS,IACvB,oCAAC,aACC,oCAAC,WAAQ,MAAK,QAAM,OAAO,MAAM,OAAO,WAAY,GACnD,eAAe,IAAI,CAAC,SAAS,UAAU;AACtC,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,GAAG,IAAI,IAAI,KAAK;AAAA,UACrB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU;AAAA;AAAA,MACZ;AAAA,IAEJ,CAAC,CACH,IAEA;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EACF;AAEJ;AAEA,IAAO,4BAAQ;AAYR,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAEF,MAAM;AACJ,QAAM,cAAc,GAAG,IAAI,IAAI,KAAK;AACpC,SACE,oCAAC,QAAK,SAAS,OAAO,UAAU,YAC9B,oCAAC,mBACE,OAAO,MAAM,OAAO,OAAM,MAAG,QAAQ,CACxC,GACA,oCAAC,mBACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG,OAAO;AAAA;AAAA,EACb,CACF,GACA,oCAAC,kBACC,oCAAC,UAAO,MAAK,UAAS,SAAQ,QAAO,SAAS,MAAM,SAAS,KAAK,KAC/D,OAAO,MAAM,OAAO,MACvB,CACF,CACF;AAEJ;",
   "names": []
 }

package/MultiplicityField/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/MultiplicityField/types/index.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/{validators/validators.spec → MultiplicityField/types}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../cjs/validators/validators.spec/index.js"
+  "main": "../../cjs/MultiplicityField/types/index.js"
 }

package/MultiplicityField/types.d.ts

@@ -0,0 +1,19 @@
+import { ErrorOption, UseFormReturn } from 'react-hook-form';
+import { FieldSpec } from '@digigov/form/Field/types';
+import { ControlledFieldProps } from '@digigov/form/Field/types';
+export interface MultiplicityProps extends Omit<ControlledFieldProps, 'value' | 'onChange' | 'error' | 'extra'> {
+    name: string;
+    control: UseFormReturn['control'];
+    register: UseFormReturn['register'];
+    trigger: UseFormReturn['trigger'];
+    clearErrors: UseFormReturn['clearErrors'];
+    formState: UseFormReturn['formState'];
+    setValue: UseFormReturn['setValue'];
+    getValues: UseFormReturn['getValues'];
+    unregister: UseFormReturn['unregister'];
+    error?: ErrorOption;
+    extra?: Record<string, any>;
+    label?: FieldSpec['label'];
+    layout?: FieldSpec['layout'];
+}
+export type StashedObject = Record<string, any>;

package/MultiplicityField/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/Questions/Questions/index.js

@@ -1,6 +1,6 @@
-import React, {useState, useEffect} from "react";
-import {getNextStep} from "@digigov/form/Questions/getNextStep";
-import {QuestionsContext} from "@digigov/form/Questions/QuestionsContext";
+import React, { useState, useEffect } from "react";
+import { getNextStep } from "@digigov/form/Questions/getNextStep";
+import { QuestionsContext } from "@digigov/form/Questions/QuestionsContext";
 const isBrowser = typeof window !== "undefined";
 const Questions = ({
   name,
@@ -13,7 +13,7 @@ const Questions = ({
   localDraft = false,
   children
 }) => {
-  const [currentStep, setCurrentStep] = useState({name: ""});
+  const [currentStep, setCurrentStep] = useState({ name: "" });
   useEffect(() => {
     if (!forceStepName) {
       setCurrentStep(steps[0]);
@@ -21,12 +21,14 @@ const Questions = ({
   }, [forceStepName, steps]);
   useEffect(() => {
     if (forceStepName !== currentStep.name) {
-      const forceStep = steps.find(({name: name2}) => name2 === forceStepName);
+      const forceStep = steps.find(({ name: name2 }) => name2 === forceStepName);
       forceStep && setCurrentStep(forceStep);
     }
   }, [forceStepName]);
   const localData = isBrowser && localDraft && window.localStorage.getItem(`questions-${name}`);
-  const [data, setData] = useState(localData && JSON.parse(localData) || initialData);
+  const [data, setData] = useState(
+    localData && JSON.parse(localData) || initialData
+  );
   const submitStep = (stepName, stepData) => {
     data[stepName] = stepData;
     if (localDraft) {
@@ -44,15 +46,19 @@ const Questions = ({
       onSubmit(data);
     }
   };
-  return /* @__PURE__ */ React.createElement(QuestionsContext.Provider, {
-    value: {
-      steps,
-      currentStep,
-      submitStep,
-      data,
-      onActiveStep
-    }
-  }, children);
+  return /* @__PURE__ */ React.createElement(
+    QuestionsContext.Provider,
+    {
+      value: {
+        steps,
+        currentStep,
+        submitStep,
+        data,
+        onActiveStep
+      }
+    },
+    children
+  );
 };
 export {
   Questions

package/Questions/Questions.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Questions/Questions.tsx"],
   "sourcesContent": ["import React, { useState, useEffect } from 'react';\nimport { getNextStep } from '@digigov/form/Questions/getNextStep';\nimport { QuestionsContext } from '@digigov/form/Questions/QuestionsContext';\nimport { StepInterface } from '@digigov/form/Questions/Step/types';\nimport { QuestionsInterface } from '@digigov/form/Questions/types';\n\nconst isBrowser = typeof window !== 'undefined';\n\n/**\n * The Question component accepts question data as props\n * uses composable components to provide a wholesome UX\n *\n */\nexport const Questions: React.FC<QuestionsInterface> = ({\n  name,\n  steps,\n  initialData = {},\n  onChange,\n  onSubmit,\n  onActiveStep,\n  forceStepName,\n  localDraft = false,\n  children,\n}) => {\n  const [currentStep, setCurrentStep] = useState<StepInterface>({ name: '' });\n  useEffect(() => {\n    if (!forceStepName) {\n      setCurrentStep(steps[0]);\n    }\n  }, [forceStepName, steps]);\n  useEffect(() => {\n    if (forceStepName !== currentStep.name) {\n      const forceStep = steps.find(({ name }) => name === forceStepName);\n      forceStep && setCurrentStep(forceStep);\n    }\n  }, [forceStepName]);\n  const localData =\n    isBrowser && localDraft && window.localStorage.getItem(`questions-${name}`);\n  const [data, setData] = useState(\n    (localData && JSON.parse(localData)) || initialData\n  );\n  const submitStep = (stepName, stepData): void => {\n    data[stepName] = stepData;\n    if (localDraft) {\n      isBrowser &&\n        window.localStorage.setItem(`questions-${name}`, JSON.stringify(data));\n    }\n    if (onChange) {\n      onChange && onChange(data);\n    }\n    setData(data);\n    const nextStep = getNextStep(currentStep, steps, data);\n    if (nextStep) {\n      onActiveStep && onActiveStep(nextStep);\n      setCurrentStep(nextStep);\n    } else {\n      onSubmit(data);\n    }\n  };\n\n  return (\n    <QuestionsContext.Provider\n      value={{\n        steps,\n        currentStep,\n        submitStep,\n        data,\n        onActiveStep,\n      }}\n    >\n      {children}\n    </QuestionsContext.Provider>\n  );\n};\n"],
-  "mappings": "AAAA;AACA;AACA;AAIA,MAAM,YAAY,OAAO,WAAW;AAO7B,MAAM,YAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,MACI;AACJ,QAAM,CAAC,aAAa,kBAAkB,SAAwB,CAAE,MAAM;AACtE,YAAU,MAAM;AACd,QAAI,CAAC,eAAe;AAClB,qBAAe,MAAM;AAAA;AAAA,KAEtB,CAAC,eAAe;AACnB,YAAU,MAAM;AACd,QAAI,kBAAkB,YAAY,MAAM;AACtC,YAAM,YAAY,MAAM,KAAK,CAAC,CAAE,iBAAW,UAAS;AACpD,mBAAa,eAAe;AAAA;AAAA,KAE7B,CAAC;AACJ,QAAM,YACJ,aAAa,cAAc,OAAO,aAAa,QAAQ,aAAa;AACtE,QAAM,CAAC,MAAM,WAAW,SACrB,aAAa,KAAK,MAAM,cAAe;AAE1C,QAAM,aAAa,CAAC,UAAU,aAAmB;AAC/C,SAAK,YAAY;AACjB,QAAI,YAAY;AACd,mBACE,OAAO,aAAa,QAAQ,aAAa,QAAQ,KAAK,UAAU;AAAA;AAEpE,QAAI,UAAU;AACZ,kBAAY,SAAS;AAAA;AAEvB,YAAQ;AACR,UAAM,WAAW,YAAY,aAAa,OAAO;AACjD,QAAI,UAAU;AACZ,sBAAgB,aAAa;AAC7B,qBAAe;AAAA,WACV;AACL,eAAS;AAAA;AAAA;AAIb,SACE,oCAAC,iBAAiB,UAAlB;AAAA,IACE,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,KAGD;AAAA;",
-  "names": []
+  "mappings": "AAAA,OAAO,SAAS,UAAU,iBAAiB;AAC3C,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AAIjC,MAAM,YAAY,OAAO,WAAW;AAO7B,MAAM,YAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA,cAAc,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AACF,MAAM;AACJ,QAAM,CAAC,aAAa,cAAc,IAAI,SAAwB,EAAE,MAAM,GAAG,CAAC;AAC1E,YAAU,MAAM;AACd,QAAI,CAAC,eAAe;AAClB,qBAAe,MAAM,CAAC,CAAC;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,eAAe,KAAK,CAAC;AACzB,YAAU,MAAM;AACd,QAAI,kBAAkB,YAAY,MAAM;AACtC,YAAM,YAAY,MAAM,KAAK,CAAC,EAAE,MAAAA,MAAK,MAAMA,UAAS,aAAa;AACjE,mBAAa,eAAe,SAAS;AAAA,IACvC;AAAA,EACF,GAAG,CAAC,aAAa,CAAC;AAClB,QAAM,YACJ,aAAa,cAAc,OAAO,aAAa,QAAQ,aAAa,IAAI,EAAE;AAC5E,QAAM,CAAC,MAAM,OAAO,IAAI;AAAA,IACrB,aAAa,KAAK,MAAM,SAAS,KAAM;AAAA,EAC1C;AACA,QAAM,aAAa,CAAC,UAAU,aAAmB;AAC/C,SAAK,QAAQ,IAAI;AACjB,QAAI,YAAY;AACd,mBACE,OAAO,aAAa,QAAQ,aAAa,IAAI,IAAI,KAAK,UAAU,IAAI,CAAC;AAAA,IACzE;AACA,QAAI,UAAU;AACZ,kBAAY,SAAS,IAAI;AAAA,IAC3B;AACA,YAAQ,IAAI;AACZ,UAAM,WAAW,YAAY,aAAa,OAAO,IAAI;AACrD,QAAI,UAAU;AACZ,sBAAgB,aAAa,QAAQ;AACrC,qBAAe,QAAQ;AAAA,IACzB,OAAO;AACL,eAAS,IAAI;AAAA,IACf;AAAA,EACF;AAEA,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA;AAAA,IAEC;AAAA,EACH;AAEJ;",
+  "names": ["name"]
 }

package/Questions/Questions.stories/index.js

@@ -4,8 +4,9 @@ var Questions_stories_default = {
   component: Questions,
   displayName: "Questions"
 };
-export * from "@digigov/form/Questions/__stories__/Default";
+import { Default } from "@digigov/form/Questions/__stories__/Default";
 export {
+  Default,
   Questions_stories_default as default
 };
 //# sourceMappingURL=Questions.stories.js.map

package/Questions/Questions.stories.d.ts

@@ -4,5 +4,5 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/form/Questions/__stories__/Default";
+export { Default } from "@digigov/form/Questions/__stories__/Default";
 import Questions from '@digigov/form/Questions';

package/Questions/Questions.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Questions/Questions.stories.js"],
-  "sourcesContent": ["import Questions from '@digigov/form/Questions';\nexport default {\n  title: 'Digigov Form/Questions',\n  component: Questions,\n  displayName: 'Questions',\n};\nexport * from '@digigov/form/Questions/__stories__/Default';\n"],
-  "mappings": "AAAA;AACA,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA;AAEf;",
+  "sourcesContent": ["import Questions from '@digigov/form/Questions';\nexport default {\n  title: 'Digigov Form/Questions',\n  component: Questions,\n  displayName: 'Questions',\n};\nexport { Default } from '@digigov/form/Questions/__stories__/Default';\n"],
+  "mappings": "AAAA,OAAO,eAAe;AACtB,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;",
   "names": []
 }

package/Questions/QuestionsContext/index.js

@@ -1,5 +1,5 @@
-import {createContext} from "react";
-const defaultStep = {name: ""};
+import { createContext } from "react";
+const defaultStep = { name: "" };
 const QuestionsContext = createContext({
   currentStep: defaultStep,
   steps: [],