@digigov/form 2.0.0-7d9a8d86 → 2.0.0-834daea4

package/FormBuilder/index.js

@@ -1,6 +1,158 @@
-import {FormBuilder} from "@digigov/form/FormBuilder/FormBuilder";
+import React, { useCallback, useContext, useRef } from "react";
+import { useForm } from "react-hook-form";
+import { Field } from "@digigov/form/Field";
+import { CONTROLLED_FIELD_COMPONENTS } from "@digigov/form/Field/utils";
+import { Fieldset } from "@digigov/form/Fieldset";
+import { FormContext } from "@digigov/form/FormContext";
+import { yupResolver } from "@digigov/form/utils";
+import { useValidationSchema } from "@digigov/form/validators";
+import { Button } from "@digigov/ui/form/Button";
+import { Form } from "@digigov/ui/form/Form";
+const FormBase = React.forwardRef(function FormBase2({
+  onSubmit,
+  children,
+  registerField,
+  fieldsMap,
+  fieldsetsMap,
+  resolver,
+  mode,
+  initial,
+  reValidateMode,
+  shouldFocusError,
+  criteriaMode,
+  componentRegistry,
+  grid,
+  ...props
+}, ref) {
+  const form = useForm({
+    resolver,
+    mode,
+    defaultValues: initial,
+    reValidateMode,
+    shouldFocusError,
+    criteriaMode
+  });
+  const handleSubmit = useCallback(
+    (data) => {
+      onSubmit && onSubmit(data);
+    },
+    [onSubmit]
+  );
+  const submit = form.handleSubmit(handleSubmit);
+  const ctx = {
+    fieldsMap,
+    fieldsetsMap,
+    control: form.control,
+    register: form.register,
+    watch: form.watch,
+    resetField: form.resetField,
+    registerField,
+    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,
+    unregister: form.unregister,
+    componentRegistry,
+    setError: form.setError,
+    formRef: ref,
+    submit
+  };
+  return /* @__PURE__ */ React.createElement(FormContext.Provider, { value: ctx }, /* @__PURE__ */ React.createElement(Form, { grid, onSubmit: submit, ref, ...props }, children));
+});
+const useFormContext = () => {
+  return useContext(FormContext);
+};
+const useFormValues = () => {
+  const ctx = useFormContext();
+  return ctx.getValues();
+};
+const FormBuilder = React.forwardRef(function FormBuilder2({
+  fields = [],
+  fieldsets,
+  initial = {},
+  onSubmit,
+  children,
+  reValidateMode = "onSubmit",
+  mode = "onSubmit",
+  shouldFocusError = true,
+  criteriaMode = "all",
+  auto = false,
+  validatorRegistry,
+  componentRegistry,
+  grid = false,
+  ...props
+}, ref) {
+  const fieldsState = useRef(fields);
+  const setFieldsState = useCallback((newFields) => {
+    fieldsState.current = newFields;
+  }, []);
+  const schema = useValidationSchema(fieldsState, validatorRegistry);
+  const registerField = useCallback((field) => {
+    const fieldIndex = fieldsState.current.findIndex(
+      (f) => f.key === field.key
+    );
+    if (fieldIndex > -1) {
+      fieldsState.current[fieldIndex] = field;
+    } else {
+      fieldsState.current.push(field);
+    }
+    setFieldsState(fieldsState.current);
+  }, []);
+  let resolver;
+  let fieldsMap;
+  let fieldsetsMap;
+  let fieldChildren;
+  if (schema) {
+    resolver = yupResolver(schema);
+    fieldsMap = fields ? fields.reduce((map, field) => ({ ...map, [field.key]: field }), {}) : {};
+    fieldsetsMap = fieldsets && fieldsets.reduce(
+      (map, fieldset) => ({ ...map, [fieldset.key]: fieldset }),
+      {}
+    );
+    if (auto) {
+      if (fieldsets) {
+        fieldChildren = fieldsets.map((fieldset) => /* @__PURE__ */ React.createElement(Fieldset, { key: fieldset.key }));
+      } else if (fields) {
+        fieldChildren = fields.map((field) => /* @__PURE__ */ React.createElement(Field, { key: field.key, name: field.key }));
+      }
+    }
+  }
+  return /* @__PURE__ */ React.createElement(
+    FormBase,
+    {
+      resolver,
+      fieldsetsMap,
+      fieldsMap,
+      registerField,
+      initial,
+      reValidateMode,
+      mode,
+      shouldFocusError,
+      criteriaMode,
+      onSubmit,
+      componentRegistry,
+      ref,
+      grid,
+      ...props
+    },
+    fieldChildren,
+    auto && /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"),
+    children
+  );
+});
+const ControlledFormBuilder = (props) => {
+  return /* @__PURE__ */ React.createElement(FormBuilder, { ...props, componentRegistry: CONTROLLED_FIELD_COMPONENTS });
+};
 var FormBuilder_default = FormBuilder;
 export {
-  FormBuilder_default as default
+  ControlledFormBuilder,
+  FormBase,
+  FormBuilder_default as default,
+  useFormContext,
+  useFormValues
 };
 //# sourceMappingURL=index.js.map

package/FormBuilder/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/FormBuilder/index.tsx"],
-  "sourcesContent": ["import { FormBuilder } from '@digigov/form/FormBuilder/FormBuilder';\n\nexport default FormBuilder;\n"],
-  "mappings": "AAAA;AAEA,IAAO,sBAAQ;",
-  "names": []
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useCallback, useContext, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { Field } from '@digigov/form/Field';\nimport { CONTROLLED_FIELD_COMPONENTS } from '@digigov/form/Field/utils';\nimport { Fieldset } from '@digigov/form/Fieldset';\nimport { FormContext } from '@digigov/form/FormContext';\nimport { FormBaseProps, FormData, FormBuilderProps } from '@digigov/form/types';\nimport { yupResolver } from '@digigov/form/utils';\nimport { useValidationSchema } from '@digigov/form/validators';\nimport { Button } from '@digigov/ui/form/Button';\nimport { Form } from '@digigov/ui/form/Form';\n\nconst FormBase = React.forwardRef(function FormBase(\n  {\n    onSubmit,\n    children,\n    registerField,\n    fieldsMap,\n    fieldsetsMap,\n    resolver,\n    mode,\n    initial,\n    reValidateMode,\n    shouldFocusError,\n    criteriaMode,\n    componentRegistry,\n    grid,\n    ...props\n  }: FormBaseProps,\n  ref: React.Ref<HTMLFormElement>\n) {\n  const form = useForm({\n    resolver,\n    mode,\n    defaultValues: initial,\n    reValidateMode,\n    shouldFocusError,\n    criteriaMode,\n  });\n\n  const handleSubmit = useCallback(\n    (data: FormData): void => {\n      onSubmit && onSubmit(data);\n    },\n    [onSubmit]\n  );\n  const submit = form.handleSubmit(handleSubmit);\n  const ctx = {\n    fieldsMap,\n    fieldsetsMap,\n    control: form.control,\n    register: form.register,\n    watch: form.watch,\n    resetField: form.resetField,\n    registerField: registerField,\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    unregister: form.unregister,\n    componentRegistry,\n    setError: form.setError,\n    formRef: ref,\n    submit,\n  };\n  return (\n    <FormContext.Provider value={ctx}>\n      <Form grid={grid} onSubmit={submit} ref={ref} {...props}>\n        {children}\n      </Form>\n    </FormContext.Provider>\n  );\n});\n\nconst useFormContext = () => {\n  return useContext(FormContext);\n};\nconst useFormValues = () => {\n  const ctx = useFormContext();\n  return ctx.getValues();\n};\nconst FormBuilder = React.forwardRef(function FormBuilder(\n  {\n    fields = [],\n    fieldsets,\n    initial = {},\n    onSubmit,\n    children,\n    reValidateMode = 'onSubmit',\n    mode = 'onSubmit',\n    shouldFocusError = true,\n    criteriaMode = 'all',\n    auto = false,\n    validatorRegistry,\n    componentRegistry,\n    grid = false,\n    ...props\n  }: FormBuilderProps,\n  ref: React.Ref<HTMLFormElement>\n): React.ReactElement {\n  const fieldsState = useRef(fields);\n  const setFieldsState = useCallback((newFields) => {\n    fieldsState.current = newFields;\n  }, []);\n  const schema = useValidationSchema(fieldsState, validatorRegistry);\n  const registerField = useCallback((field) => {\n    const fieldIndex = fieldsState.current.findIndex(\n      (f) => f.key === field.key\n    );\n    if (fieldIndex > -1) {\n      fieldsState.current[fieldIndex] = field;\n    } else {\n      fieldsState.current.push(field);\n    }\n    setFieldsState(fieldsState.current);\n  }, []);\n  let resolver;\n  let fieldsMap;\n  let fieldsetsMap;\n  let fieldChildren;\n  if (schema) {\n    resolver = yupResolver(schema);\n    fieldsMap = fields\n      ? fields.reduce((map, field) => ({ ...map, [field.key]: field }), {})\n      : {};\n    fieldsetsMap =\n      fieldsets &&\n      fieldsets.reduce(\n        (map, fieldset) => ({ ...map, [fieldset.key]: fieldset }),\n        {}\n      );\n\n    if (auto) {\n      if (fieldsets) {\n        fieldChildren = fieldsets.map((fieldset) => (\n          <Fieldset key={fieldset.key} />\n        ));\n      } else if (fields) {\n        fieldChildren = fields.map((field) => (\n          <Field key={field.key} name={field.key} />\n        ));\n      }\n    }\n  }\n  return (\n    <FormBase\n      resolver={resolver}\n      fieldsetsMap={fieldsetsMap}\n      fieldsMap={fieldsMap}\n      registerField={registerField}\n      initial={initial}\n      reValidateMode={reValidateMode}\n      mode={mode}\n      shouldFocusError={shouldFocusError}\n      criteriaMode={criteriaMode}\n      onSubmit={onSubmit}\n      componentRegistry={componentRegistry}\n      ref={ref}\n      grid={grid}\n      {...props}\n    >\n      {fieldChildren}\n      {auto && <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>}\n      {children}\n    </FormBase>\n  );\n});\nexport const ControlledFormBuilder = (props) => {\n  return (\n    <FormBuilder {...props} componentRegistry={CONTROLLED_FIELD_COMPONENTS} />\n  );\n};\nexport default FormBuilder;\n\nexport { useFormContext, useFormValues, FormBase };\n"],
+  "mappings": "AACA,OAAO,SAAS,aAAa,YAAY,cAAc;AACvD,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,mCAAmC;AAC5C,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAE5B,SAAS,mBAAmB;AAC5B,SAAS,2BAA2B;AACpC,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,WAAW,MAAM,WAAW,SAASA,UACzC;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,GAAG;AACL,GACA,KACA;AACA,QAAM,OAAO,QAAQ;AAAA,IACnB;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,eAAe;AAAA,IACnB,CAAC,SAAyB;AACxB,kBAAY,SAAS,IAAI;AAAA,IAC3B;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,SAAS,KAAK,aAAa,YAAY;AAC7C,QAAM,MAAM;AAAA,IACV;AAAA,IACA;AAAA,IACA,SAAS,KAAK;AAAA,IACd,UAAU,KAAK;AAAA,IACf,OAAO,KAAK;AAAA,IACZ,YAAY,KAAK;AAAA,IACjB;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,YAAY,KAAK;AAAA,IACjB;AAAA,IACA,UAAU,KAAK;AAAA,IACf,SAAS;AAAA,IACT;AAAA,EACF;AACA,SACE,oCAAC,YAAY,UAAZ,EAAqB,OAAO,OAC3B,oCAAC,QAAK,MAAY,UAAU,QAAQ,KAAW,GAAG,SAC/C,QACH,CACF;AAEJ,CAAC;AAED,MAAM,iBAAiB,MAAM;AAC3B,SAAO,WAAW,WAAW;AAC/B;AACA,MAAM,gBAAgB,MAAM;AAC1B,QAAM,MAAM,eAAe;AAC3B,SAAO,IAAI,UAAU;AACvB;AACA,MAAM,cAAc,MAAM,WAAW,SAASC,aAC5C;AAAA,EACE,SAAS,CAAC;AAAA,EACV;AAAA,EACA,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GACA,KACoB;AACpB,QAAM,cAAc,OAAO,MAAM;AACjC,QAAM,iBAAiB,YAAY,CAAC,cAAc;AAChD,gBAAY,UAAU;AAAA,EACxB,GAAG,CAAC,CAAC;AACL,QAAM,SAAS,oBAAoB,aAAa,iBAAiB;AACjE,QAAM,gBAAgB,YAAY,CAAC,UAAU;AAC3C,UAAM,aAAa,YAAY,QAAQ;AAAA,MACrC,CAAC,MAAM,EAAE,QAAQ,MAAM;AAAA,IACzB;AACA,QAAI,aAAa,IAAI;AACnB,kBAAY,QAAQ,UAAU,IAAI;AAAA,IACpC,OAAO;AACL,kBAAY,QAAQ,KAAK,KAAK;AAAA,IAChC;AACA,mBAAe,YAAY,OAAO;AAAA,EACpC,GAAG,CAAC,CAAC;AACL,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,QAAQ;AACV,eAAW,YAAY,MAAM;AAC7B,gBAAY,SACR,OAAO,OAAO,CAAC,KAAK,WAAW,EAAE,GAAG,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,CAAC,IAClE,CAAC;AACL,mBACE,aACA,UAAU;AAAA,MACR,CAAC,KAAK,cAAc,EAAE,GAAG,KAAK,CAAC,SAAS,GAAG,GAAG,SAAS;AAAA,MACvD,CAAC;AAAA,IACH;AAEF,QAAI,MAAM;AACR,UAAI,WAAW;AACb,wBAAgB,UAAU,IAAI,CAAC,aAC7B,oCAAC,YAAS,KAAK,SAAS,KAAK,CAC9B;AAAA,MACH,WAAW,QAAQ;AACjB,wBAAgB,OAAO,IAAI,CAAC,UAC1B,oCAAC,SAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,IACA,QAAQ,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAAA,IACtC;AAAA,EACH;AAEJ,CAAC;AACM,MAAM,wBAAwB,CAAC,UAAU;AAC9C,SACE,oCAAC,eAAa,GAAG,OAAO,mBAAmB,6BAA6B;AAE5E;AACA,IAAO,sBAAQ;",
+  "names": ["FormBase", "FormBuilder"]
 }

package/FormBuilder/index.test.d.ts

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

package/FormBuilder/scenarios.test.d.ts

@@ -0,0 +1,88 @@
+export declare const INPUTS_FIELDS: ({
+    key: string;
+    type: string;
+    required: boolean;
+    label: {
+        primary: string;
+        secondary: string;
+    };
+    maxLength?: undefined;
+    extra?: undefined;
+} | {
+    key: string;
+    type: string;
+    maxLength: number;
+    label: {
+        primary: string;
+        secondary?: undefined;
+    };
+    required: boolean;
+    extra?: undefined;
+} | {
+    key: string;
+    type: string;
+    required: boolean;
+    label: {
+        primary: string;
+        secondary?: undefined;
+    };
+    extra: {
+        options: {
+            label: {
+                primary: string;
+            };
+            value: string;
+        }[];
+        component?: undefined;
+        multiple?: undefined;
+    };
+    maxLength?: undefined;
+} | {
+    key: string;
+    required: boolean;
+    type: string;
+    label: {
+        primary: string;
+        secondary?: undefined;
+    };
+    extra: {
+        component: string;
+        multiple: boolean;
+        options: {
+            label: {
+                primary: string;
+            };
+            value: string;
+        }[];
+    };
+    maxLength?: undefined;
+} | {
+    key: string;
+    type: string;
+    required: boolean;
+    label: {
+        primary: string;
+        secondary?: undefined;
+    };
+    extra: {
+        component: string;
+        options: {
+            label: {
+                primary: string;
+            };
+            value: string;
+        }[];
+        multiple?: undefined;
+    };
+    maxLength?: undefined;
+} | {
+    key: string;
+    type: string;
+    required: boolean;
+    label: {
+        primary: string;
+        secondary?: undefined;
+    };
+    maxLength?: undefined;
+    extra?: undefined;
+})[];

package/FormContext/index.js

@@ -1,4 +1,4 @@
-import {createContext} from "react";
+import { createContext } from "react";
 const FormContext = createContext({
   fieldsMap: {},
   fieldsetsMap: {}

package/FormContext.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/FormContext.tsx"],
   "sourcesContent": ["import React from 'react';\nimport { createContext } from 'react';\nimport { FormContextProps } from '@digigov/form/types';\n\nexport const FormContext: React.Context<FormContextProps> = createContext({\n  fieldsMap: {},\n  fieldsetsMap: {},\n} as FormContextProps);\n"],
-  "mappings": "AACA;AAGO,MAAM,cAA+C,cAAc;AAAA,EACxE,WAAW;AAAA,EACX,cAAc;AAAA;",
+  "mappings": "AACA,SAAS,qBAAqB;AAGvB,MAAM,cAA+C,cAAc;AAAA,EACxE,WAAW,CAAC;AAAA,EACZ,cAAc,CAAC;AACjB,CAAqB;",
   "names": []
 }

package/MultiplicityField/MultiplicityField.stories/index.js

@@ -4,13 +4,19 @@ var MultiplicityField_stories_default = {
   component: MultiplicityField,
   displayName: "MultiplicityField"
 };
-export * from "@digigov/form/MultiplicityField/__stories__/Default";
-export * from "@digigov/form/MultiplicityField/__stories__/WithMinLength";
-export * from "@digigov/form/MultiplicityField/__stories__/WithMaxLength";
-export * from "@digigov/form/MultiplicityField/__stories__/WithMinAndMaxLength";
-export * from "@digigov/form/MultiplicityField/__stories__/WithExactLength";
-export * from "@digigov/form/MultiplicityField/__stories__/PreviewDisplay";
+import { Default } from "@digigov/form/MultiplicityField/__stories__/Default";
+import { PreviewDisplay } from "@digigov/form/MultiplicityField/__stories__/PreviewDisplay";
+import { WithMinLength } from "@digigov/form/MultiplicityField/__stories__/WithMinLength";
+import { WithMaxLength } from "@digigov/form/MultiplicityField/__stories__/WithMaxLength";
+import { WithMinAndMaxLength } from "@digigov/form/MultiplicityField/__stories__/WithMinAndMaxLength";
+import { WithExactLength } from "@digigov/form/MultiplicityField/__stories__/WithExactLength";
 export {
+  Default,
+  PreviewDisplay,
+  WithExactLength,
+  WithMaxLength,
+  WithMinAndMaxLength,
+  WithMinLength,
   MultiplicityField_stories_default as default
 };
 //# sourceMappingURL=MultiplicityField.stories.js.map

package/MultiplicityField/MultiplicityField.stories.d.ts

@@ -4,10 +4,10 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/form/MultiplicityField/__stories__/Default";
-export * from "@digigov/form/MultiplicityField/__stories__/WithMinLength";
-export * from "@digigov/form/MultiplicityField/__stories__/WithMaxLength";
-export * from "@digigov/form/MultiplicityField/__stories__/WithMinAndMaxLength";
-export * from "@digigov/form/MultiplicityField/__stories__/WithExactLength";
-export * from "@digigov/form/MultiplicityField/__stories__/PreviewDisplay";
+export { Default } from "@digigov/form/MultiplicityField/__stories__/Default";
+export { PreviewDisplay } from "@digigov/form/MultiplicityField/__stories__/PreviewDisplay";
+export { WithMinLength } from "@digigov/form/MultiplicityField/__stories__/WithMinLength";
+export { WithMaxLength } from "@digigov/form/MultiplicityField/__stories__/WithMaxLength";
+export { WithMinAndMaxLength } from "@digigov/form/MultiplicityField/__stories__/WithMinAndMaxLength";
+export { WithExactLength } from "@digigov/form/MultiplicityField/__stories__/WithExactLength";
 import MultiplicityField from '@digigov/form/MultiplicityField';

package/MultiplicityField/MultiplicityField.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/MultiplicityField/MultiplicityField.stories.js"],
-  "sourcesContent": ["import MultiplicityField from '@digigov/form/MultiplicityField';\nexport default {\n  title: 'Digigov Form/MultiplicityField',\n  component: MultiplicityField,\n  displayName: 'MultiplicityField',\n};\nexport * from '@digigov/form/MultiplicityField/__stories__/Default';\nexport * from '@digigov/form/MultiplicityField/__stories__/WithMinLength';\nexport * from '@digigov/form/MultiplicityField/__stories__/WithMaxLength';\nexport * from '@digigov/form/MultiplicityField/__stories__/WithMinAndMaxLength';\nexport * from '@digigov/form/MultiplicityField/__stories__/WithExactLength';\nexport * from '@digigov/form/MultiplicityField/__stories__/PreviewDisplay';\n"],
-  "mappings": "AAAA;AACA,IAAO,oCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA;AAEf;AACA;AACA;AACA;AACA;AACA;",
+  "sourcesContent": ["import MultiplicityField from '@digigov/form/MultiplicityField';\nexport default {\n  title: 'Digigov Form/MultiplicityField',\n  component: MultiplicityField,\n  displayName: 'MultiplicityField',\n};\nexport { Default } from '@digigov/form/MultiplicityField/__stories__/Default';\nexport { PreviewDisplay } from '@digigov/form/MultiplicityField/__stories__/PreviewDisplay';\nexport { WithMinLength } from '@digigov/form/MultiplicityField/__stories__/WithMinLength';\nexport { WithMaxLength } from '@digigov/form/MultiplicityField/__stories__/WithMaxLength';\nexport { WithMinAndMaxLength } from '@digigov/form/MultiplicityField/__stories__/WithMinAndMaxLength';\nexport { WithExactLength } from '@digigov/form/MultiplicityField/__stories__/WithExactLength';\n"],
+  "mappings": "AAAA,OAAO,uBAAuB;AAC9B,IAAO,oCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;",
   "names": []
 }

package/MultiplicityField/__stories__/Default/index.js

@@ -1,6 +1,6 @@
 import React from "react";
-import FormBuilder, {Field} from "@digigov/form";
-import {Button} from "@digigov/ui/form/Button";
+import FormBuilder, { Field } from "@digigov/form";
+import { Button } from "@digigov/ui/form/Button";
 const fields = [
   {
     key: "string",
@@ -49,7 +49,7 @@ const fields = [
               key: "afm",
               type: "afm",
               required: true,
-              label: {primary: "\u0391\u03A6\u039C"}
+              label: { primary: "\u0391\u03A6\u039C" }
             },
             {
               key: "firstName",
@@ -82,22 +82,18 @@ const fields = [
     }
   }
 ];
-const Default = () => /* @__PURE__ */ React.createElement(FormBuilder, {
-  onSubmit: (data) => {
-    console.log(data);
-  }
-}, /* @__PURE__ */ React.createElement(Field, {
-  name: "string",
-  ...fields[0]
-}), /* @__PURE__ */ React.createElement(Field, {
-  name: "multiplicity",
-  ...fields[1]
-}), /* @__PURE__ */ React.createElement(Field, {
-  name: "phonenumber",
-  ...fields[2]
-}), /* @__PURE__ */ React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
+const Default = () => /* @__PURE__ */ React.createElement(
+  FormBuilder,
+  {
+    onSubmit: (data) => {
+      console.log(data);
+    }
+  },
+  /* @__PURE__ */ React.createElement(Field, { name: "string", ...fields[0] }),
+  /* @__PURE__ */ React.createElement(Field, { name: "multiplicity", ...fields[1] }),
+  /* @__PURE__ */ React.createElement(Field, { name: "phonenumber", ...fields[2] }),
+  /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
+);
 export {
   Default
 };

package/MultiplicityField/__stories__/Default.d.ts

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

package/MultiplicityField/__stories__/Default.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MultiplicityField/__stories__/Default.tsx"],
   "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field, FieldSpec } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nconst fields = [\n  {\n    key: 'string',\n    type: 'string',\n    label: {\n      primary: '\u03A0\u03B5\u03B4\u03AF\u03BF \u03BA\u03B5\u03B9\u03BC\u03AD\u03BD\u03BF\u03C5',\n      secondary:\n        '\u03A4\u03BF multiplicity field \u03B5\u03AF\u03BD\u03B1\u03B9 \u03AD\u03BD\u03B1 \u03C0\u03B5\u03B4\u03AF\u03BF \u03BF\u03C0\u03CC\u03C4\u03B5 \u03C6\u03B1\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03BA\u03B1\u03B9 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AD\u03C1\u03BF\u03C2 \u03C4\u03B7\u03C2 \u03C6\u03CC\u03C1\u03BC\u03B1\u03C2',\n    },\n  },\n  {\n    key: 'multiplicity',\n    type: 'array',\n    multiplicity: true,\n    label: {\n      primary: '\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2',\n      secondary: '\u039F\u03B9 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03AC\u03BD\u03B8\u03C1\u03C9\u03C0\u03BF\u03B9 \u03C3\u03B1\u03BD \u03BA\u03B1\u03B9 \u03B5\u03BC\u03AC\u03C2',\n    },\n    extra: {\n      border: true,\n      label: {\n        object: {\n          title: '\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2',\n          title_added: '\u039F\u03B9 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03AD\u03C7\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03B9',\n          add: '\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7',\n          delete: '\u0391\u03C6\u03B1\u03AF\u03C1\u03B5\u03C3\u03B7 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03BF\u03C2',\n        },\n        question: {\n          title: '\u0398\u03AD\u03BB\u03B5\u03C4\u03B5 \u03BD\u03B1 \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03B5\u03C0\u03B9\u03C0\u03BB\u03AD\u03BF\u03BD \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2;',\n          objectLabel: {\n            primary: '\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03BD\u03AD\u03BF\u03C5 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1',\n            secondary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03B1 \u03C3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BC\u03B5\u03C4\u03AC \u03C0\u03B1\u03C4\u03AE\u03C3\u03C4\u03B5 \u00AB\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7\u00BB',\n          },\n          yes: '\u039D\u03B1\u03B9',\n          no: '\u038C\u03C7\u03B9',\n        },\n      },\n      of: {\n        type: 'object',\n        label: {\n          primary: '\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1',\n          secondary: '\u0394\u03B5\u03AF\u03C4\u03B5 \u03BA\u03B1\u03B9 \u03B1\u03BB\u03BB\u03AC\u03BE\u03C4\u03B5 \u03C4\u03B1 \u03C3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C4\u03BF\u03C5 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1',\n        },\n        extra: {\n          fields: [\n            {\n              key: 'afm',\n              type: 'afm',\n              required: true,\n              label: { primary: '\u0391\u03A6\u039C' },\n            },\n            {\n              key: 'firstName',\n              required: true,\n              type: 'string',\n              label: {\n                primary: '\u038C\u03BD\u03BF\u03BC\u03B1',\n              },\n            },\n            {\n              key: 'lastName',\n              required: true,\n              type: 'string',\n              label: {\n                primary: '\u0395\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF',\n              },\n            },\n          ],\n        },\n      },\n    },\n  },\n  {\n    key: 'phonenumber',\n    type: 'phone_number',\n    required: true,\n    label: {\n      primary: '\u03A3\u03C4\u03B1\u03B8\u03B5\u03C1\u03CC \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF',\n      secondary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF\u03BD \u03B1\u03C1\u03B9\u03B8\u03BC\u03CC \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 \u03C3\u03B1\u03C2',\n    },\n  },\n] as FieldSpec[];\n\nexport const Default = () => (\n  <FormBuilder\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n  >\n    <Field name=\"string\" {...fields[0]} />\n    <Field name=\"multiplicity\" {...fields[1]} />\n    <Field name=\"phonenumber\" {...fields[2]} />\n    <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n  </FormBuilder>\n);\n"],
-  "mappings": "AAAA;AACA;AACA;AAEA,MAAM,SAAS;AAAA,EACb;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WACE;AAAA;AAAA;AAAA,EAGN;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,cAAc;AAAA,IACd,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA;AAAA,IAEb,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,UACN,OAAO;AAAA,UACP,aAAa;AAAA,UACb,KAAK;AAAA,UACL,QAAQ;AAAA;AAAA,QAEV,UAAU;AAAA,UACR,OAAO;AAAA,UACP,aAAa;AAAA,YACX,SAAS;AAAA,YACT,WAAW;AAAA;AAAA,UAEb,KAAK;AAAA,UACL,IAAI;AAAA;AAAA;AAAA,MAGR,IAAI;AAAA,QACF,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS;AAAA,UACT,WAAW;AAAA;AAAA,QAEb,OAAO;AAAA,UACL,QAAQ;AAAA,YACN;AAAA,cACE,KAAK;AAAA,cACL,MAAM;AAAA,cACN,UAAU;AAAA,cACV,OAAO,CAAE,SAAS;AAAA;AAAA,YAEpB;AAAA,cACE,KAAK;AAAA,cACL,UAAU;AAAA,cACV,MAAM;AAAA,cACN,OAAO;AAAA,gBACL,SAAS;AAAA;AAAA;AAAA,YAGb;AAAA,cACE,KAAK;AAAA,cACL,UAAU;AAAA,cACV,MAAM;AAAA,cACN,OAAO;AAAA,gBACL,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQvB;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA;AAAA;AAAA;AAKV,MAAM,UAAU,MACrB,oCAAC,aAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,OAAD;AAAA,EAAO,MAAK;AAAA,KAAa,OAAO;AAAA,IAChC,oCAAC,OAAD;AAAA,EAAO,MAAK;AAAA,KAAmB,OAAO;AAAA,IACtC,oCAAC,OAAD;AAAA,EAAO,MAAK;AAAA,KAAkB,OAAO;AAAA,IACrC,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe,aAAwB;AAC9C,SAAS,cAAc;AAEvB,MAAM,SAAS;AAAA,EACb;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WACE;AAAA,IACJ;AAAA,EACF;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,cAAc;AAAA,IACd,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,IACb;AAAA,IACA,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,UACN,OAAO;AAAA,UACP,aAAa;AAAA,UACb,KAAK;AAAA,UACL,QAAQ;AAAA,QACV;AAAA,QACA,UAAU;AAAA,UACR,OAAO;AAAA,UACP,aAAa;AAAA,YACX,SAAS;AAAA,YACT,WAAW;AAAA,UACb;AAAA,UACA,KAAK;AAAA,UACL,IAAI;AAAA,QACN;AAAA,MACF;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS;AAAA,UACT,WAAW;AAAA,QACb;AAAA,QACA,OAAO;AAAA,UACL,QAAQ;AAAA,YACN;AAAA,cACE,KAAK;AAAA,cACL,MAAM;AAAA,cACN,UAAU;AAAA,cACV,OAAO,EAAE,SAAS,qBAAM;AAAA,YAC1B;AAAA,YACA;AAAA,cACE,KAAK;AAAA,cACL,UAAU;AAAA,cACV,MAAM;AAAA,cACN,OAAO;AAAA,gBACL,SAAS;AAAA,cACX;AAAA,YACF;AAAA,YACA;AAAA,cACE,KAAK;AAAA,cACL,UAAU;AAAA,cACV,MAAM;AAAA,cACN,OAAO;AAAA,gBACL,SAAS;AAAA,cACX;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,IACb;AAAA,EACF;AACF;AAEO,MAAM,UAAU,MACrB;AAAA,EAAC;AAAA;AAAA,IACC,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA,oCAAC,SAAM,MAAK,UAAU,GAAG,OAAO,CAAC,GAAG;AAAA,EACpC,oCAAC,SAAM,MAAK,gBAAgB,GAAG,OAAO,CAAC,GAAG;AAAA,EAC1C,oCAAC,SAAM,MAAK,eAAe,GAAG,OAAO,CAAC,GAAG;AAAA,EACzC,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAChC;",
   "names": []
 }

package/MultiplicityField/__stories__/PreviewDisplay/index.js

@@ -20,7 +20,7 @@ import SummaryList, {
 } from "@digigov/ui/content/SummaryList";
 import GovGRFooter from "@digigov/ui/govgr/Footer";
 import GovGRLogo from "@digigov/ui/govgr/GovGRLogo";
-import Layout, {Container, Main} from "@digigov/ui/layouts/Basic/";
+import Layout, { Container, Main } from "@digigov/ui/layouts/Basic/";
 const fields = [
   {
     name: "\u038C\u03BD\u03BF\u03BC\u03B1",
@@ -59,32 +59,11 @@ const fields = [
     value: "\u039A\u0391\u03A1\u03A4\u0391"
   }
 ];
-const PreviewDisplay = () => /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(Header, null, /* @__PURE__ */ React.createElement(HeaderContent, null, /* @__PURE__ */ React.createElement(HeaderSection, null, /* @__PURE__ */ React.createElement(GovGRLogo, {
-  href: "#"
-}), /* @__PURE__ */ React.createElement(HeaderTitle, null, "\u03A0\u03C1\u03CC\u03C4\u03C5\u03C0\u03BF-\u0391\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC\u03C2")))), /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(HeadingCaption, null, "\u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE \u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD"), /* @__PURE__ */ React.createElement(Heading, null, "\u03A0\u03C1\u03BF\u03B5\u03C0\u03B9\u03C3\u03BA\u03CC\u03C0\u03B7\u03C3\u03B7"), /* @__PURE__ */ React.createElement(Paragraph, null, /* @__PURE__ */ React.createElement(Paragraph, null, "\u03A0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03BF\u03BD\u03C4\u03B1\u03B9 \u03BF\u03B9 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2 \u03C4\u03BF\u03C5 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD")), /* @__PURE__ */ React.createElement(Card, {
-  variant: "border",
-  borderColor: "dark"
-}, /* @__PURE__ */ React.createElement(CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 1"), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(SummaryList, null, fields && fields.map((field, index) => {
-  return /* @__PURE__ */ React.createElement(SummaryListItem, {
-    key: index
-  }, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, field.name), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, field.value));
-})))), /* @__PURE__ */ React.createElement(Card, {
-  variant: "border",
-  borderColor: "dark"
-}, /* @__PURE__ */ React.createElement(CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 2"), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(SummaryList, null, fields && fields.map((field, index) => {
-  return /* @__PURE__ */ React.createElement(SummaryListItem, {
-    key: index
-  }, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, field.name), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, field.value));
-})))), /* @__PURE__ */ React.createElement(Card, {
-  variant: "border",
-  borderColor: "dark"
-}, /* @__PURE__ */ React.createElement(CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 3"), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(SummaryList, null, /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2"))))), "Contentw", /* @__PURE__ */ React.createElement(Heading, {
-  size: "md"
-}, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2"), /* @__PURE__ */ React.createElement(SummaryList, null, /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u039C\u0391\u03A1\u0399\u039F\u03A3")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0395\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u039C\u0395\u039D\u0395\u039E\u0395\u03A3")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "15/12/1988")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u03A3\u03C7\u03BF\u03BB\u03B5\u03AF\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, /* @__PURE__ */ React.createElement(List, {
-  marginBottom: 0,
-  marginTop: 0,
-  listStyle: "bullet"
-}, /* @__PURE__ */ React.createElement(ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /* @__PURE__ */ React.createElement(ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /* @__PURE__ */ React.createElement(ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /* @__PURE__ */ React.createElement(ListItem, null, "15o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u0393\u03A5\u039C\u039D\u0391\u03A3\u0399\u039F \u0391\u0398\u0397\u039D\u03A9\u039D")))), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2"))))), /* @__PURE__ */ React.createElement(GovGRFooter, null));
+const PreviewDisplay = () => /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(Header, null, /* @__PURE__ */ React.createElement(HeaderContent, null, /* @__PURE__ */ React.createElement(HeaderSection, null, /* @__PURE__ */ React.createElement(GovGRLogo, { href: "#" }), /* @__PURE__ */ React.createElement(HeaderTitle, null, "\u03A0\u03C1\u03CC\u03C4\u03C5\u03C0\u03BF-\u0391\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC\u03C2")))), /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(HeadingCaption, null, "\u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE \u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD"), /* @__PURE__ */ React.createElement(Heading, null, "\u03A0\u03C1\u03BF\u03B5\u03C0\u03B9\u03C3\u03BA\u03CC\u03C0\u03B7\u03C3\u03B7"), /* @__PURE__ */ React.createElement(Paragraph, null, /* @__PURE__ */ React.createElement(Paragraph, null, "\u03A0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03BF\u03BD\u03C4\u03B1\u03B9 \u03BF\u03B9 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2 \u03C4\u03BF\u03C5 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD")), /* @__PURE__ */ React.createElement(Card, { variant: "border", borderColor: "dark" }, /* @__PURE__ */ React.createElement(CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 1"), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(SummaryList, { noLastBorder: true, marginBottom: 0 }, fields && fields.map((field, index) => {
+  return /* @__PURE__ */ React.createElement(SummaryListItem, { key: index }, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, field.name), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, field.value));
+})))), /* @__PURE__ */ React.createElement(Card, { variant: "border", borderColor: "dark" }, /* @__PURE__ */ React.createElement(CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 2"), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(SummaryList, { noLastBorder: true, marginBottom: 0 }, fields && fields.map((field, index) => {
+  return /* @__PURE__ */ React.createElement(SummaryListItem, { key: index }, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, field.name), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, field.value));
+})))), /* @__PURE__ */ React.createElement(Card, { variant: "border", borderColor: "dark" }, /* @__PURE__ */ React.createElement(CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 3"), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(SummaryList, null, /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2"))))), "Contentw", /* @__PURE__ */ React.createElement(Heading, { size: "md" }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2"), /* @__PURE__ */ React.createElement(SummaryList, null, /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u039C\u0391\u03A1\u0399\u039F\u03A3")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0395\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u039C\u0395\u039D\u0395\u039E\u0395\u03A3")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "15/12/1988")), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u03A3\u03C7\u03BF\u03BB\u03B5\u03AF\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, /* @__PURE__ */ React.createElement(List, { marginBottom: 0, marginTop: 0, listStyle: "bullet" }, /* @__PURE__ */ React.createElement(ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /* @__PURE__ */ React.createElement(ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /* @__PURE__ */ React.createElement(ListItem, null, "2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3"), /* @__PURE__ */ React.createElement(ListItem, null, "15o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u0393\u03A5\u039C\u039D\u0391\u03A3\u0399\u039F \u0391\u0398\u0397\u039D\u03A9\u039D")))), /* @__PURE__ */ React.createElement(SummaryListItem, null, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2"))))), /* @__PURE__ */ React.createElement(GovGRFooter, null));
 export {
   PreviewDisplay
 };

package/MultiplicityField/__stories__/PreviewDisplay.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const PreviewDisplay: () => JSX.Element;
+import React from 'react';
+export declare const PreviewDisplay: () => React.JSX.Element;

package/MultiplicityField/__stories__/PreviewDisplay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MultiplicityField/__stories__/PreviewDisplay.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport {\n  Header,\n  HeaderSection,\n  HeaderContent,\n  HeaderTitle,\n  HeadingCaption,\n  Heading,\n  Paragraph,\n  Card,\n  CardHeading,\n  CardContent,\n  List,\n  ListItem,\n} from '@digigov/ui';\nimport SummaryList, {\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n} from '@digigov/ui/content/SummaryList';\nimport GovGRFooter from '@digigov/ui/govgr/Footer';\nimport GovGRLogo from '@digigov/ui/govgr/GovGRLogo';\nimport Layout, { Container, Main } from '@digigov/ui/layouts/Basic/';\n\nconst fields = [\n  {\n    name: '\u038C\u03BD\u03BF\u03BC\u03B1',\n    value: '\u039C\u0391\u03A1\u0399\u039F\u03A3',\n  },\n  {\n    name: '\u0395\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF',\n    value: '\u039C\u0395\u039D\u0395\u039E\u0395\u03A3',\n  },\n  {\n    name: '\u038C\u03BD\u03BF\u03BC\u03B1 \u03A0\u03B1\u03C4\u03AD\u03C1\u03B1',\n    value: '\u039D\u0399\u039A\u039F\u03A3',\n  },\n  {\n    name: '\u038C\u03BD\u03BF\u03BC\u03B1 \u039C\u03B7\u03C4\u03AD\u03C1\u03B1',\n    value: '\u039C\u0391\u03A1\u0399\u0391',\n  },\n  {\n    name: '\u0391.\u03A6.\u039C',\n    value: '12030454',\n  },\n  {\n    name: '\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF',\n    value: '6984386756',\n  },\n  {\n    name: '\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2',\n    value: '22/03/78',\n  },\n  {\n    name: '\u0391.\u0394.\u03A4',\n    value: '\u03A8456789',\n  },\n  {\n    name: '\u03A4\u03CD\u03C0\u03BF\u03C2 A.\u0394.\u03A4',\n    value: '\u039A\u0391\u03A1\u03A4\u0391',\n  },\n];\n\nexport const PreviewDisplay = () => (\n  <Layout>\n    <Header>\n      <HeaderContent>\n        <HeaderSection>\n          <GovGRLogo href=\"#\" />\n          <HeaderTitle>\u03A0\u03C1\u03CC\u03C4\u03C5\u03C0\u03BF-\u0391\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC\u03C2</HeaderTitle>\n        </HeaderSection>\n      </HeaderContent>\n    </Header>\n    <Container>\n      <Main>\n        <HeadingCaption>\u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE \u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD</HeadingCaption>\n        <Heading>\u03A0\u03C1\u03BF\u03B5\u03C0\u03B9\u03C3\u03BA\u03CC\u03C0\u03B7\u03C3\u03B7</Heading>\n        <Paragraph>\n          <Paragraph>\n            \u03A0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03BF\u03BD\u03C4\u03B1\u03B9 \u03BF\u03B9 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2 \u03C4\u03BF\u03C5 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD\n          </Paragraph>\n        </Paragraph>\n        <Card variant=\"border\" borderColor=\"dark\">\n          <CardHeading>\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 1</CardHeading>\n          <CardContent>\n            <SummaryList>\n              {fields &&\n                fields.map((field, index) => {\n                  return (\n                    <SummaryListItem key={index}>\n                      <SummaryListItemKey>{field.name}</SummaryListItemKey>\n                      <SummaryListItemValue>{field.value}</SummaryListItemValue>\n                    </SummaryListItem>\n                  );\n                })}\n            </SummaryList>\n          </CardContent>\n        </Card>\n        <Card variant=\"border\" borderColor=\"dark\">\n          <CardHeading>\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 2</CardHeading>\n          <CardContent>\n            <SummaryList>\n              {fields &&\n                fields.map((field, index) => {\n                  return (\n                    <SummaryListItem key={index}>\n                      <SummaryListItemKey>{field.name}</SummaryListItemKey>\n                      <SummaryListItemValue>{field.value}</SummaryListItemValue>\n                    </SummaryListItem>\n                  );\n                })}\n            </SummaryList>\n          </CardContent>\n        </Card>\n        <Card variant=\"border\" borderColor=\"dark\">\n          <CardHeading>\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 3</CardHeading>\n          <CardContent>\n            <SummaryList>\n              <SummaryListItem>\n                <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n                <SummaryListItemValue>\u039C\u03AC\u03C1\u03B9\u03BF\u03C2</SummaryListItemValue>\n              </SummaryListItem>\n            </SummaryList>\n          </CardContent>\n        </Card>\n        Contentw\n        <Heading size=\"md\">\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2</Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u039C\u0391\u03A1\u0399\u039F\u03A3</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0395\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF</SummaryListItemKey>\n            <SummaryListItemValue>\u039C\u0395\u039D\u0395\u039E\u0395\u03A3</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>15/12/1988</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A3\u03C7\u03BF\u03BB\u03B5\u03AF\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              <List marginBottom={0} marginTop={0} listStyle=\"bullet\">\n                <ListItem>2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3</ListItem>\n                <ListItem>2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3</ListItem>\n                <ListItem>2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3</ListItem>\n                <ListItem>15o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u0393\u03A5\u039C\u039D\u0391\u03A3\u0399\u039F \u0391\u0398\u0397\u039D\u03A9\u039D</ListItem>\n              </List>\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u039C\u03AC\u03C1\u03B9\u03BF\u03C2</SummaryListItemValue>\n          </SummaryListItem>\n        </SummaryList>\n      </Main>\n    </Container>\n    <GovGRFooter></GovGRFooter>\n  </Layout>\n);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react';\nimport {\n  Header,\n  HeaderSection,\n  HeaderContent,\n  HeaderTitle,\n  HeadingCaption,\n  Heading,\n  Paragraph,\n  Card,\n  CardHeading,\n  CardContent,\n  List,\n  ListItem,\n} from '@digigov/ui';\nimport SummaryList, {\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n} from '@digigov/ui/content/SummaryList';\nimport GovGRFooter from '@digigov/ui/govgr/Footer';\nimport GovGRLogo from '@digigov/ui/govgr/GovGRLogo';\nimport Layout, { Container, Main } from '@digigov/ui/layouts/Basic/';\n\nconst fields = [\n  {\n    name: '\u038C\u03BD\u03BF\u03BC\u03B1',\n    value: '\u039C\u0391\u03A1\u0399\u039F\u03A3',\n  },\n  {\n    name: '\u0395\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF',\n    value: '\u039C\u0395\u039D\u0395\u039E\u0395\u03A3',\n  },\n  {\n    name: '\u038C\u03BD\u03BF\u03BC\u03B1 \u03A0\u03B1\u03C4\u03AD\u03C1\u03B1',\n    value: '\u039D\u0399\u039A\u039F\u03A3',\n  },\n  {\n    name: '\u038C\u03BD\u03BF\u03BC\u03B1 \u039C\u03B7\u03C4\u03AD\u03C1\u03B1',\n    value: '\u039C\u0391\u03A1\u0399\u0391',\n  },\n  {\n    name: '\u0391.\u03A6.\u039C',\n    value: '12030454',\n  },\n  {\n    name: '\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF',\n    value: '6984386756',\n  },\n  {\n    name: '\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2',\n    value: '22/03/78',\n  },\n  {\n    name: '\u0391.\u0394.\u03A4',\n    value: '\u03A8456789',\n  },\n  {\n    name: '\u03A4\u03CD\u03C0\u03BF\u03C2 A.\u0394.\u03A4',\n    value: '\u039A\u0391\u03A1\u03A4\u0391',\n  },\n];\n\nexport const PreviewDisplay = () => (\n  <Layout>\n    <Header>\n      <HeaderContent>\n        <HeaderSection>\n          <GovGRLogo href=\"#\" />\n          <HeaderTitle>\u03A0\u03C1\u03CC\u03C4\u03C5\u03C0\u03BF-\u0391\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC\u03C2</HeaderTitle>\n        </HeaderSection>\n      </HeaderContent>\n    </Header>\n    <Container>\n      <Main>\n        <HeadingCaption>\u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE \u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD</HeadingCaption>\n        <Heading>\u03A0\u03C1\u03BF\u03B5\u03C0\u03B9\u03C3\u03BA\u03CC\u03C0\u03B7\u03C3\u03B7</Heading>\n        <Paragraph>\n          <Paragraph>\n            \u03A0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03BF\u03BD\u03C4\u03B1\u03B9 \u03BF\u03B9 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2 \u03C4\u03BF\u03C5 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD\n          </Paragraph>\n        </Paragraph>\n        <Card variant=\"border\" borderColor=\"dark\">\n          <CardHeading>\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 1</CardHeading>\n          <CardContent>\n            <SummaryList noLastBorder marginBottom={0}>\n              {fields &&\n                fields.map((field, index) => {\n                  return (\n                    <SummaryListItem key={index}>\n                      <SummaryListItemKey>{field.name}</SummaryListItemKey>\n                      <SummaryListItemValue>{field.value}</SummaryListItemValue>\n                    </SummaryListItem>\n                  );\n                })}\n            </SummaryList>\n          </CardContent>\n        </Card>\n        <Card variant=\"border\" borderColor=\"dark\">\n          <CardHeading>\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 2</CardHeading>\n          <CardContent>\n            <SummaryList noLastBorder marginBottom={0}>\n              {fields &&\n                fields.map((field, index) => {\n                  return (\n                    <SummaryListItem key={index}>\n                      <SummaryListItemKey>{field.name}</SummaryListItemKey>\n                      <SummaryListItemValue>{field.value}</SummaryListItemValue>\n                    </SummaryListItem>\n                  );\n                })}\n            </SummaryList>\n          </CardContent>\n        </Card>\n        <Card variant=\"border\" borderColor=\"dark\">\n          <CardHeading>\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 3</CardHeading>\n          <CardContent>\n            <SummaryList>\n              <SummaryListItem>\n                <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n                <SummaryListItemValue>\u039C\u03AC\u03C1\u03B9\u03BF\u03C2</SummaryListItemValue>\n              </SummaryListItem>\n            </SummaryList>\n          </CardContent>\n        </Card>\n        Contentw\n        <Heading size=\"md\">\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2</Heading>\n        <SummaryList>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u039C\u0391\u03A1\u0399\u039F\u03A3</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0395\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF</SummaryListItemKey>\n            <SummaryListItemValue>\u039C\u0395\u039D\u0395\u039E\u0395\u03A3</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2</SummaryListItemKey>\n            <SummaryListItemValue>15/12/1988</SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u03A3\u03C7\u03BF\u03BB\u03B5\u03AF\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\n              <List marginBottom={0} marginTop={0} listStyle=\"bullet\">\n                <ListItem>2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3</ListItem>\n                <ListItem>2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3</ListItem>\n                <ListItem>2o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u039B\u03A5\u039A\u0395\u0399\u039F \u039E\u0391\u039D\u0398\u0397\u03A3</ListItem>\n                <ListItem>15o \u0397\u039C\u0395\u03A1\u0397\u03A3\u0399\u039F \u0393\u0395\u039D\u0399\u039A\u039F \u0393\u03A5\u039C\u039D\u0391\u03A3\u0399\u039F \u0391\u0398\u0397\u039D\u03A9\u039D</ListItem>\n              </List>\n            </SummaryListItemValue>\n          </SummaryListItem>\n          <SummaryListItem>\n            <SummaryListItemKey>\u038C\u03BD\u03BF\u03BC\u03B1</SummaryListItemKey>\n            <SummaryListItemValue>\u039C\u03AC\u03C1\u03B9\u03BF\u03C2</SummaryListItemValue>\n          </SummaryListItem>\n        </SummaryList>\n      </Main>\n    </Container>\n    <GovGRFooter></GovGRFooter>\n  </Layout>\n);\n"],
+  "mappings": "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",
   "names": []
 }