@digigov/form 2.0.0-a32ad9b2 → 2.0.0-abd768eb

package/inputs/Radio/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/inputs/Radio/__stories__/WithDivider.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithDivider: () => React.JSX.Element;
+export declare const WithDivider: (_: any) => React.JSX.Element;
 export default WithDivider;

package/inputs/Select/Select.stories.d.ts

@@ -1,6 +1,8 @@
 declare namespace _default {
     export let title: string;
     export { Select as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;

package/inputs/Select/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/inputs/Select/index.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
 import { UncontrolledFieldProps } from '@digigov/form/Field/types';
 import { FieldOptionProps } from '@digigov/form/inputs/Label';
-export interface SelectProps extends Omit<UncontrolledFieldProps, 'extra'> {
+export interface SelectProps extends Omit<UncontrolledFieldProps, 'extra' | 'Field'> {
     extra: {
         className?: string;
         options: FieldOptionProps[];
     };
+    Field?: UncontrolledFieldProps['Field'];
 }
 export declare const Select: React.ExoticComponent<SelectProps>;
 export default Select;

package/inputs/Select/index.js

@@ -5,6 +5,7 @@ import {
 } from "@digigov/ui/form/SelectContainer";
 const Select = React.forwardRef(
   function WrappedSelect({ name, extra: { options, className }, disabled, ...props }, ref) {
+    delete props.Field;
     return /* @__PURE__ */ React.createElement(
       SelectContainer,
       {
@@ -16,11 +17,11 @@ const Select = React.forwardRef(
         ...{
           ...props,
           reset: void 0,
-          required: void 0,
-          Field: void 0
+          error: void 0,
+          required: void 0
         }
       },
-      options.map(({ value, label }) => /* @__PURE__ */ React.createElement(SelectOption, { key: value, value }, label && label.primary ? label.primary : value))
+      options.map(({ value, label }, index) => /* @__PURE__ */ React.createElement(SelectOption, { key: index, value }, label && label.primary ? label.primary : value))
     );
   }
 );

package/inputs/Select/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/inputs/Select/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport {\n  SelectContainer,\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\n\nexport interface SelectProps extends Omit<UncontrolledFieldProps, 'extra'> {\n  extra: {\n    className?: string;\n    options: FieldOptionProps[];\n  };\n}\n\nexport const Select: React.ExoticComponent<SelectProps> = React.forwardRef(\n  function WrappedSelect(\n    { name, extra: { options, className }, disabled, ...props },\n    ref: never\n  ) {\n    return (\n      <SelectContainer\n        className={className}\n        ref={ref}\n        name={name}\n        id={name}\n        disabled={disabled}\n        {...{\n          ...props,\n          reset: undefined,\n          required: undefined,\n          Field: undefined,\n        }}\n      >\n        {options.map(({ value, label }) => (\n          <SelectOption key={value} value={value}>\n            {label && label.primary ? label.primary : value}\n          </SelectOption>\n        ))}\n      </SelectContainer>\n    );\n  }\n);\n\nexport default Select;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAGlB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AASA,MAAM,SAA6C,MAAM;AAAA,EAC9D,SAAS,cACP,EAAE,MAAM,OAAO,EAAE,SAAS,UAAU,GAAG,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ;AAAA,QACC,GAAG;AAAA,UACF,GAAG;AAAA,UACH,OAAO;AAAA,UACP,UAAU;AAAA,UACV,OAAO;AAAA,QACT;AAAA;AAAA,MAEC,QAAQ,IAAI,CAAC,EAAE,OAAO,MAAM,MAC3B,oCAAC,gBAAa,KAAK,OAAO,SACvB,SAAS,MAAM,UAAU,MAAM,UAAU,KAC5C,CACD;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,iBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport {\n  SelectContainer,\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\n\nexport interface SelectProps\n  extends Omit<UncontrolledFieldProps, 'extra' | 'Field'> {\n  extra: {\n    className?: string;\n    options: FieldOptionProps[];\n  };\n  Field?: UncontrolledFieldProps['Field'];\n}\n\nexport const Select: React.ExoticComponent<SelectProps> = React.forwardRef(\n  function WrappedSelect(\n    { name, extra: { options, className }, disabled, ...props },\n    ref: never\n  ) {\n    delete props.Field;\n    return (\n      <SelectContainer\n        className={className}\n        ref={ref}\n        name={name}\n        id={name}\n        disabled={disabled}\n        {...{\n          ...props,\n          reset: undefined,\n          error: undefined,\n          required: undefined,\n        }}\n      >\n        {options.map(({ value, label }, index) => (\n          <SelectOption key={index} value={value}>\n            {label && label.primary ? label.primary : value}\n          </SelectOption>\n        ))}\n      </SelectContainer>\n    );\n  }\n);\n\nexport default Select;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAGlB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAWA,MAAM,SAA6C,MAAM;AAAA,EAC9D,SAAS,cACP,EAAE,MAAM,OAAO,EAAE,SAAS,UAAU,GAAG,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,WAAO,MAAM;AACb,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ;AAAA,QACC,GAAG;AAAA,UACF,GAAG;AAAA,UACH,OAAO;AAAA,UACP,OAAO;AAAA,UACP,UAAU;AAAA,QACZ;AAAA;AAAA,MAEC,QAAQ,IAAI,CAAC,EAAE,OAAO,MAAM,GAAG,UAC9B,oCAAC,gBAAa,KAAK,OAAO,SACvB,SAAS,MAAM,UAAU,MAAM,UAAU,KAC5C,CACD;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,iBAAQ;",
   "names": []
 }

package/inputs/inputsScenarios/index.js

@@ -430,7 +430,7 @@ const scenarios = [
         type: "error",
         fieldKey: "image",
         args: {
-          maxSizeToMb: 3e-4
+          maxSize: 3e-4
         },
         text: el.form.error.file_size
       },
@@ -438,7 +438,7 @@ const scenarios = [
         type: "error",
         fieldKey: "file",
         args: {
-          maxSizeToMb: 3e-4
+          maxSize: 3e-4
         },
         text: el.form.error.file_size
       }

package/inputs/inputsScenarios.d.ts

@@ -250,7 +250,7 @@ export declare const scenarios: ({
         type: string;
         fieldKey: string;
         args: {
-            maxSizeToMb: number;
+            maxSize: number;
         };
         text: string;
     }[];

package/inputs/inputsScenarios.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/inputs/inputsScenarios.ts"],
-  "sourcesContent": ["import el from '@digigov/form/locales/el';\n\nexport const INPUTS_FIELDS = [\n  {\n    key: 'date-example',\n    type: 'date',\n    required: true,\n    label: {\n      primary: '\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03AE\u03C2 \u03C3\u03B1\u03C2;',\n      secondary: '\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020',\n    },\n  },\n  {\n    key: 'otp',\n    type: 'otp',\n    maxLength: 6,\n    label: {\n      primary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF\u03BD \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03B5\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2',\n    },\n    required: true,\n  },\n  {\n    key: 'checkbox',\n    type: 'choice:multiple',\n    required: true,\n    label: { primary: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;' },\n    extra: {\n      options: [\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n          value: 'runny-nose',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n          value: 'fever',\n        },\n        {\n          label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n          value: 'fatigue',\n        },\n      ],\n    },\n  },\n  {\n    key: 'autocomplete_multiple',\n    required: true,\n    type: 'choice:multiple',\n    label: { primary: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;' },\n    extra: {\n      component: 'AutoComplete',\n      options: [\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n          value: 'runny-nose',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n          value: 'fever',\n        },\n        {\n          label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n          value: 'fatigue',\n        },\n      ],\n    },\n  },\n  {\n    key: 'radio',\n    type: 'choice:single',\n    required: true,\n    label: { primary: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;' },\n    extra: {\n      options: [\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n          value: 'runny-nose',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n          value: 'fever',\n        },\n        {\n          label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n          value: 'fatigue',\n        },\n      ],\n    },\n  },\n  {\n    key: 'select',\n    type: 'choice:single',\n    required: true,\n    label: { primary: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;' },\n    extra: {\n      component: 'Select',\n      options: [\n        {\n          label: { primary: '' },\n          value: '',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n          value: 'runny-nose',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n          value: 'fever',\n        },\n        {\n          label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n          value: 'fatigue',\n        },\n      ],\n    },\n  },\n  {\n    key: 'autocomplete_single',\n    required: true,\n    type: 'choice:single',\n    label: { primary: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;' },\n    extra: {\n      component: 'AutoComplete',\n      options: [\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n          value: 'runny-nose',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n          value: 'fever',\n        },\n        {\n          label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n          value: 'fatigue',\n        },\n      ],\n    },\n  },\n  {\n    key: 'image',\n    type: 'image',\n    required: true,\n    label: {\n      primary: '\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1 \u03C4\u03BF\u03C5 \u03C0\u03C1\u03BF\u03C3\u03C4\u03AF\u03BC\u03BF\u03C5',\n    },\n  },\n  {\n    key: 'file',\n    type: 'file',\n    label: {\n      primary: '\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C4\u03B7\u03C2 \u03B1\u03C0\u03CC\u03B4\u03B5\u03B9\u03BE\u03B7\u03C2',\n    },\n    required: true,\n  },\n];\n\nexport const scenarios = [\n  {\n    title: 'success fill for inputs',\n    describe: 'inputs scenario',\n    fields: INPUTS_FIELDS,\n    fill: [\n      {\n        fieldKey: 'date-example',\n        value: {\n          day: '22',\n          month: '11',\n          year: '2020',\n        },\n      },\n      {\n        fieldKey: 'otp',\n        value: {\n          '0': '4',\n          '1': '4',\n          '2': '4',\n          '3': '4',\n          '4': '4',\n          '5': '4',\n        },\n      },\n      {\n        fieldKey: 'checkbox',\n        value: ['fever', 'fatigue'],\n      },\n      {\n        fieldKey: 'autocomplete_multiple',\n        value: ['fever', 'fatigue'],\n      },\n      {\n        fieldKey: 'radio',\n        value: 'fever',\n      },\n      {\n        fieldKey: 'select',\n        value: 'fatigue',\n      },\n      {\n        fieldKey: 'autocomplete_single',\n        value: 'fatigue',\n      },\n      {\n        fieldKey: 'image',\n        value: {\n          fileName: 'green_image.png',\n          width: 500,\n          height: 500,\n          size: 3,\n        },\n      },\n      {\n        fieldKey: 'file',\n        value: {\n          fileName: 'file.txt',\n          size: 200,\n        },\n      },\n    ],\n    expect: [\n      {\n        type: 'success',\n        fieldKey: 'date-example',\n        text: el.form.error.date.invalid,\n      },\n      {\n        type: 'success',\n        fieldKey: 'otp',\n        args: {\n          maxLength: 6,\n        },\n        text: el.form.error.otp.less_than,\n      },\n      {\n        type: 'success',\n        fieldKey: 'checkbox',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'autocomplete_multiple',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'radio',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'select',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'autocomplete_single',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'image',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'file',\n        text: el.form.error.required,\n      },\n    ],\n  },\n  {\n    title: 'empty fill for inputs',\n    describe: 'inputs scenario',\n    fields: INPUTS_FIELDS,\n    fill: [],\n    expect: [\n      {\n        type: 'error',\n        fieldKey: 'date-example',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'otp',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'checkbox',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'autocomplete_multiple',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'radio',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'select',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'autocomplete_single',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'image',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'file',\n        text: el.form.error.required,\n      },\n    ],\n  },\n  {\n    title: 'incorrect types for DateInput and OtpInput',\n    describe: 'inputs scenario',\n    fields: [\n      {\n        key: 'date-example',\n        type: 'date',\n        required: true,\n        label: {\n          primary: '\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03AE\u03C2 \u03C3\u03B1\u03C2;',\n          secondary: '\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020',\n        },\n      },\n      {\n        key: 'otp',\n        type: 'otp',\n        maxLength: 6,\n        label: {\n          primary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF\u03BD \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03B5\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2',\n        },\n        required: true,\n      },\n    ],\n    fill: [\n      {\n        fieldKey: 'date-example',\n        value: {\n          day: 'a2',\n          month: '11',\n          year: '2020',\n        },\n      },\n      {\n        fieldKey: 'otp',\n        value: {\n          '0': 'a',\n          '1': '4',\n          '2': '4',\n          '3': '4',\n          '4': '4',\n          '5': '4',\n        },\n      },\n    ],\n    expect: [\n      {\n        type: 'error',\n        fieldKey: 'date-example',\n        text: el.form.error.date.invalid,\n      },\n      {\n        type: 'error',\n        fieldKey: 'otp',\n        args: {\n          maxLength: 6,\n        },\n        text: el.form.error.otp.less_than,\n      },\n    ],\n  },\n  {\n    title: 'wrong sizes for ImageInput and FileInput',\n    describe: 'inputs scenario',\n    fields: [\n      {\n        key: 'image',\n        type: 'image',\n        required: true,\n        label: {\n          primary: '\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1 \u03C4\u03BF\u03C5 \u03C0\u03C1\u03BF\u03C3\u03C4\u03AF\u03BC\u03BF\u03C5',\n        },\n        extra: {\n          limit: {\n            maxSize: 300,\n          },\n        },\n      },\n      {\n        key: 'file',\n        type: 'file',\n        required: true,\n        label: {\n          primary: '\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C4\u03B7\u03C2 \u03B1\u03C0\u03CC\u03B4\u03B5\u03B9\u03BE\u03B7\u03C2',\n        },\n        extra: {\n          limit: {\n            maxSize: 300,\n          },\n        },\n      },\n    ],\n    fill: [\n      {\n        fieldKey: 'image',\n        value: {\n          fileName: 'green_image.png',\n          size: 300,\n        },\n      },\n      {\n        fieldKey: 'file',\n        value: {\n          fileName: 'file.txt',\n          size: 200,\n        },\n      },\n    ],\n    expect: [\n      {\n        type: 'error',\n        fieldKey: 'image',\n        args: {\n          maxSizeToMb: 0.0003,\n        },\n        text: el.form.error.file_size,\n      },\n      {\n        type: 'error',\n        fieldKey: 'file',\n        args: {\n          maxSizeToMb: 0.0003,\n        },\n        text: el.form.error.file_size,\n      },\n    ],\n  },\n  {\n    title: 'wrong dimensions for ImageInput',\n    describe: 'inputs scenario',\n    fields: [\n      {\n        key: 'image',\n        type: 'image',\n        required: true,\n        label: {\n          primary: '\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1 \u03C4\u03BF\u03C5 \u03C0\u03C1\u03BF\u03C3\u03C4\u03AF\u03BC\u03BF\u03C5',\n        },\n        extra: {\n          limit: {\n            maxHeight: 400,\n            maxWidth: 400,\n            minHeight: 100,\n            minWidth: 100,\n          },\n        },\n      },\n    ],\n    fill: [\n      {\n        fieldKey: 'image',\n        value: {\n          fileName: 'green_image.png',\n          width: 500,\n          height: 500,\n        },\n      },\n    ],\n    expect: [\n      {\n        type: 'error',\n        fieldKey: 'image',\n        args: {\n          minWidth: 100,\n          minHeight: 100,\n          maxWidth: 400,\n          maxHeight: 400,\n        },\n        text: el.form.error.image.image_dimension_size,\n      },\n    ],\n  },\n];\n\nexport default scenarios;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import el from '@digigov/form/locales/el';\n\nexport const INPUTS_FIELDS = [\n  {\n    key: 'date-example',\n    type: 'date',\n    required: true,\n    label: {\n      primary: '\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03AE\u03C2 \u03C3\u03B1\u03C2;',\n      secondary: '\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020',\n    },\n  },\n  {\n    key: 'otp',\n    type: 'otp',\n    maxLength: 6,\n    label: {\n      primary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF\u03BD \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03B5\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2',\n    },\n    required: true,\n  },\n  {\n    key: 'checkbox',\n    type: 'choice:multiple',\n    required: true,\n    label: { primary: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;' },\n    extra: {\n      options: [\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n          value: 'runny-nose',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n          value: 'fever',\n        },\n        {\n          label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n          value: 'fatigue',\n        },\n      ],\n    },\n  },\n  {\n    key: 'autocomplete_multiple',\n    required: true,\n    type: 'choice:multiple',\n    label: { primary: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;' },\n    extra: {\n      component: 'AutoComplete',\n      options: [\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n          value: 'runny-nose',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n          value: 'fever',\n        },\n        {\n          label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n          value: 'fatigue',\n        },\n      ],\n    },\n  },\n  {\n    key: 'radio',\n    type: 'choice:single',\n    required: true,\n    label: { primary: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;' },\n    extra: {\n      options: [\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n          value: 'runny-nose',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n          value: 'fever',\n        },\n        {\n          label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n          value: 'fatigue',\n        },\n      ],\n    },\n  },\n  {\n    key: 'select',\n    type: 'choice:single',\n    required: true,\n    label: { primary: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;' },\n    extra: {\n      component: 'Select',\n      options: [\n        {\n          label: { primary: '' },\n          value: '',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n          value: 'runny-nose',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n          value: 'fever',\n        },\n        {\n          label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n          value: 'fatigue',\n        },\n      ],\n    },\n  },\n  {\n    key: 'autocomplete_single',\n    required: true,\n    type: 'choice:single',\n    label: { primary: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;' },\n    extra: {\n      component: 'AutoComplete',\n      options: [\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n          value: 'runny-nose',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n          value: 'fever',\n        },\n        {\n          label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n          value: 'fatigue',\n        },\n      ],\n    },\n  },\n  {\n    key: 'image',\n    type: 'image',\n    required: true,\n    label: {\n      primary: '\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1 \u03C4\u03BF\u03C5 \u03C0\u03C1\u03BF\u03C3\u03C4\u03AF\u03BC\u03BF\u03C5',\n    },\n  },\n  {\n    key: 'file',\n    type: 'file',\n    label: {\n      primary: '\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C4\u03B7\u03C2 \u03B1\u03C0\u03CC\u03B4\u03B5\u03B9\u03BE\u03B7\u03C2',\n    },\n    required: true,\n  },\n];\n\nexport const scenarios = [\n  {\n    title: 'success fill for inputs',\n    describe: 'inputs scenario',\n    fields: INPUTS_FIELDS,\n    fill: [\n      {\n        fieldKey: 'date-example',\n        value: {\n          day: '22',\n          month: '11',\n          year: '2020',\n        },\n      },\n      {\n        fieldKey: 'otp',\n        value: {\n          '0': '4',\n          '1': '4',\n          '2': '4',\n          '3': '4',\n          '4': '4',\n          '5': '4',\n        },\n      },\n      {\n        fieldKey: 'checkbox',\n        value: ['fever', 'fatigue'],\n      },\n      {\n        fieldKey: 'autocomplete_multiple',\n        value: ['fever', 'fatigue'],\n      },\n      {\n        fieldKey: 'radio',\n        value: 'fever',\n      },\n      {\n        fieldKey: 'select',\n        value: 'fatigue',\n      },\n      {\n        fieldKey: 'autocomplete_single',\n        value: 'fatigue',\n      },\n      {\n        fieldKey: 'image',\n        value: {\n          fileName: 'green_image.png',\n          width: 500,\n          height: 500,\n          size: 3,\n        },\n      },\n      {\n        fieldKey: 'file',\n        value: {\n          fileName: 'file.txt',\n          size: 200,\n        },\n      },\n    ],\n    expect: [\n      {\n        type: 'success',\n        fieldKey: 'date-example',\n        text: el.form.error.date.invalid,\n      },\n      {\n        type: 'success',\n        fieldKey: 'otp',\n        args: {\n          maxLength: 6,\n        },\n        text: el.form.error.otp.less_than,\n      },\n      {\n        type: 'success',\n        fieldKey: 'checkbox',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'autocomplete_multiple',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'radio',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'select',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'autocomplete_single',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'image',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'file',\n        text: el.form.error.required,\n      },\n    ],\n  },\n  {\n    title: 'empty fill for inputs',\n    describe: 'inputs scenario',\n    fields: INPUTS_FIELDS,\n    fill: [],\n    expect: [\n      {\n        type: 'error',\n        fieldKey: 'date-example',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'otp',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'checkbox',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'autocomplete_multiple',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'radio',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'select',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'autocomplete_single',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'image',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'file',\n        text: el.form.error.required,\n      },\n    ],\n  },\n  {\n    title: 'incorrect types for DateInput and OtpInput',\n    describe: 'inputs scenario',\n    fields: [\n      {\n        key: 'date-example',\n        type: 'date',\n        required: true,\n        label: {\n          primary: '\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03AE\u03C2 \u03C3\u03B1\u03C2;',\n          secondary: '\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020',\n        },\n      },\n      {\n        key: 'otp',\n        type: 'otp',\n        maxLength: 6,\n        label: {\n          primary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF\u03BD \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03B5\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2',\n        },\n        required: true,\n      },\n    ],\n    fill: [\n      {\n        fieldKey: 'date-example',\n        value: {\n          day: 'a2',\n          month: '11',\n          year: '2020',\n        },\n      },\n      {\n        fieldKey: 'otp',\n        value: {\n          '0': 'a',\n          '1': '4',\n          '2': '4',\n          '3': '4',\n          '4': '4',\n          '5': '4',\n        },\n      },\n    ],\n    expect: [\n      {\n        type: 'error',\n        fieldKey: 'date-example',\n        text: el.form.error.date.invalid,\n      },\n      {\n        type: 'error',\n        fieldKey: 'otp',\n        args: {\n          maxLength: 6,\n        },\n        text: el.form.error.otp.less_than,\n      },\n    ],\n  },\n  {\n    title: 'wrong sizes for ImageInput and FileInput',\n    describe: 'inputs scenario',\n    fields: [\n      {\n        key: 'image',\n        type: 'image',\n        required: true,\n        label: {\n          primary: '\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1 \u03C4\u03BF\u03C5 \u03C0\u03C1\u03BF\u03C3\u03C4\u03AF\u03BC\u03BF\u03C5',\n        },\n        extra: {\n          limit: {\n            maxSize: 300,\n          },\n        },\n      },\n      {\n        key: 'file',\n        type: 'file',\n        required: true,\n        label: {\n          primary: '\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C4\u03B7\u03C2 \u03B1\u03C0\u03CC\u03B4\u03B5\u03B9\u03BE\u03B7\u03C2',\n        },\n        extra: {\n          limit: {\n            maxSize: 300,\n          },\n        },\n      },\n    ],\n    fill: [\n      {\n        fieldKey: 'image',\n        value: {\n          fileName: 'green_image.png',\n          size: 300,\n        },\n      },\n      {\n        fieldKey: 'file',\n        value: {\n          fileName: 'file.txt',\n          size: 200,\n        },\n      },\n    ],\n    expect: [\n      {\n        type: 'error',\n        fieldKey: 'image',\n        args: {\n          maxSize: 0.0003,\n        },\n        text: el.form.error.file_size,\n      },\n      {\n        type: 'error',\n        fieldKey: 'file',\n        args: {\n          maxSize: 0.0003,\n        },\n        text: el.form.error.file_size,\n      },\n    ],\n  },\n  {\n    title: 'wrong dimensions for ImageInput',\n    describe: 'inputs scenario',\n    fields: [\n      {\n        key: 'image',\n        type: 'image',\n        required: true,\n        label: {\n          primary: '\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1 \u03C4\u03BF\u03C5 \u03C0\u03C1\u03BF\u03C3\u03C4\u03AF\u03BC\u03BF\u03C5',\n        },\n        extra: {\n          limit: {\n            maxHeight: 400,\n            maxWidth: 400,\n            minHeight: 100,\n            minWidth: 100,\n          },\n        },\n      },\n    ],\n    fill: [\n      {\n        fieldKey: 'image',\n        value: {\n          fileName: 'green_image.png',\n          width: 500,\n          height: 500,\n        },\n      },\n    ],\n    expect: [\n      {\n        type: 'error',\n        fieldKey: 'image',\n        args: {\n          minWidth: 100,\n          minHeight: 100,\n          maxWidth: 400,\n          maxHeight: 400,\n        },\n        text: el.form.error.image.image_dimension_size,\n      },\n    ],\n  },\n];\n\nexport default scenarios;\n"],
+  "mappings": "AAAA,OAAO,QAAQ;AAER,MAAM,gBAAgB;AAAA,EAC3B;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,WAAW;AAAA,IACX,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO,EAAE,SAAS,8JAAiC;AAAA,IACnD,OAAO;AAAA,MACL,SAAS;AAAA,QACP;AAAA,UACE,OAAO,EAAE,SAAS,0DAAa;AAAA,UAC/B,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO,EAAE,SAAS,0DAAa;AAAA,UAC/B,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO,EAAE,SAAS,0GAAqB;AAAA,UACvC,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO,EAAE,SAAS,8JAAiC;AAAA,IACnD,OAAO;AAAA,MACL,WAAW;AAAA,MACX,SAAS;AAAA,QACP;AAAA,UACE,OAAO,EAAE,SAAS,0DAAa;AAAA,UAC/B,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO,EAAE,SAAS,0DAAa;AAAA,UAC/B,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO,EAAE,SAAS,0GAAqB;AAAA,UACvC,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO,EAAE,SAAS,8JAAiC;AAAA,IACnD,OAAO;AAAA,MACL,SAAS;AAAA,QACP;AAAA,UACE,OAAO,EAAE,SAAS,0DAAa;AAAA,UAC/B,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO,EAAE,SAAS,0DAAa;AAAA,UAC/B,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO,EAAE,SAAS,0GAAqB;AAAA,UACvC,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO,EAAE,SAAS,8JAAiC;AAAA,IACnD,OAAO;AAAA,MACL,WAAW;AAAA,MACX,SAAS;AAAA,QACP;AAAA,UACE,OAAO,EAAE,SAAS,GAAG;AAAA,UACrB,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO,EAAE,SAAS,0DAAa;AAAA,UAC/B,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO,EAAE,SAAS,0DAAa;AAAA,UAC/B,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO,EAAE,SAAS,0GAAqB;AAAA,UACvC,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO,EAAE,SAAS,8JAAiC;AAAA,IACnD,OAAO;AAAA,MACL,WAAW;AAAA,MACX,SAAS;AAAA,QACP;AAAA,UACE,OAAO,EAAE,SAAS,0DAAa;AAAA,UAC/B,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO,EAAE,SAAS,0DAAa;AAAA,UAC/B,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,OAAO,EAAE,SAAS,0GAAqB;AAAA,UACvC,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,UAAU;AAAA,EACZ;AACF;AAEO,MAAM,YAAY;AAAA,EACvB;AAAA,IACE,OAAO;AAAA,IACP,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ;AAAA,QACE,UAAU;AAAA,QACV,OAAO;AAAA,UACL,KAAK;AAAA,UACL,OAAO;AAAA,UACP,MAAM;AAAA,QACR;AAAA,MACF;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,OAAO;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,QACP;AAAA,MACF;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,OAAO,CAAC,SAAS,SAAS;AAAA,MAC5B;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,OAAO,CAAC,SAAS,SAAS;AAAA,MAC5B;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,OAAO;AAAA,UACL,UAAU;AAAA,UACV,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,MAAM;AAAA,QACR;AAAA,MACF;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,OAAO;AAAA,UACL,UAAU;AAAA,UACV,MAAM;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM,GAAG,KAAK,MAAM,KAAK;AAAA,MAC3B;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM;AAAA,UACJ,WAAW;AAAA,QACb;AAAA,QACA,MAAM,GAAG,KAAK,MAAM,IAAI;AAAA,MAC1B;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM,GAAG,KAAK,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM,GAAG,KAAK,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM,GAAG,KAAK,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM,GAAG,KAAK,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM,GAAG,KAAK,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM,GAAG,KAAK,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM,GAAG,KAAK,MAAM;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,MAAM,CAAC;AAAA,IACP,QAAQ;AAAA,MACN;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM,GAAG,KAAK,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM,GAAG,KAAK,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM,GAAG,KAAK,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM,GAAG,KAAK,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM,GAAG,KAAK,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM,GAAG,KAAK,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM,GAAG,KAAK,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM,GAAG,KAAK,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM,GAAG,KAAK,MAAM;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,UAAU;AAAA,IACV,QAAQ;AAAA,MACN;AAAA,QACE,KAAK;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA,QACV,OAAO;AAAA,UACL,SAAS;AAAA,UACT,WAAW;AAAA,QACb;AAAA,MACF;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA,QACX,OAAO;AAAA,UACL,SAAS;AAAA,QACX;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ;AAAA,QACE,UAAU;AAAA,QACV,OAAO;AAAA,UACL,KAAK;AAAA,UACL,OAAO;AAAA,UACP,MAAM;AAAA,QACR;AAAA,MACF;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,OAAO;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,QACP;AAAA,MACF;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM,GAAG,KAAK,MAAM,KAAK;AAAA,MAC3B;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM;AAAA,UACJ,WAAW;AAAA,QACb;AAAA,QACA,MAAM,GAAG,KAAK,MAAM,IAAI;AAAA,MAC1B;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,UAAU;AAAA,IACV,QAAQ;AAAA,MACN;AAAA,QACE,KAAK;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA,QACV,OAAO;AAAA,UACL,SAAS;AAAA,QACX;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,YACL,SAAS;AAAA,UACX;AAAA,QACF;AAAA,MACF;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA,QACV,OAAO;AAAA,UACL,SAAS;AAAA,QACX;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,YACL,SAAS;AAAA,UACX;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ;AAAA,QACE,UAAU;AAAA,QACV,OAAO;AAAA,UACL,UAAU;AAAA,UACV,MAAM;AAAA,QACR;AAAA,MACF;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,OAAO;AAAA,UACL,UAAU;AAAA,UACV,MAAM;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM;AAAA,UACJ,SAAS;AAAA,QACX;AAAA,QACA,MAAM,GAAG,KAAK,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM;AAAA,UACJ,SAAS;AAAA,QACX;AAAA,QACA,MAAM,GAAG,KAAK,MAAM;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,UAAU;AAAA,IACV,QAAQ;AAAA,MACN;AAAA,QACE,KAAK;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA,QACV,OAAO;AAAA,UACL,SAAS;AAAA,QACX;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,YACL,WAAW;AAAA,YACX,UAAU;AAAA,YACV,WAAW;AAAA,YACX,UAAU;AAAA,UACZ;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ;AAAA,QACE,UAAU;AAAA,QACV,OAAO;AAAA,UACL,UAAU;AAAA,UACV,OAAO;AAAA,UACP,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,QACE,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM;AAAA,UACJ,UAAU;AAAA,UACV,WAAW;AAAA,UACX,UAAU;AAAA,UACV,WAAW;AAAA,QACb;AAAA,QACA,MAAM,GAAG,KAAK,MAAM,MAAM;AAAA,MAC5B;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,0BAAQ;",
   "names": []
 }

package/lazy/index.js

@@ -9,12 +9,12 @@ export default {
   'FieldBase': lazy(() => import('@digigov/form/Field/FieldBase').then((module) => ({ default: module['FieldBase'] }))),
   'FieldBaseContainer': lazy(() => import('@digigov/form/Field/FieldBaseContainer').then((module) => ({ default: module['FieldBaseContainer'] }))),
   'FieldConditional': lazy(() => import('@digigov/form/Field/FieldConditional').then((module) => ({ default: module['FieldConditional'] }))),
-  'FieldObject': lazy(() => import('@digigov/form/FieldObject').then((module) => ({ default: module['FieldObject'] }))),
   'FormDialog': lazy(() => import('@digigov/form/FieldArray/FormDialog').then((module) => ({ default: module['FormDialog'] }))),
   'ArrayItemModal': lazy(() => import('@digigov/form/FieldArray/FormDialog').then((module) => ({ default: module['ArrayItemModal'] }))),
   'ArrayItemHeader': lazy(() => import('@digigov/form/FieldArray/FormDialog').then((module) => ({ default: module['ArrayItemHeader'] }))),
   'ArrayItemDisplay': lazy(() => import('@digigov/form/FieldArray/FormDialog').then((module) => ({ default: module['ArrayItemDisplay'] }))),
   'FieldArray': lazy(() => import('@digigov/form/FieldArray').then((module) => ({ default: module['FieldArray'] }))),
+  'FieldObject': lazy(() => import('@digigov/form/FieldObject').then((module) => ({ default: module['FieldObject'] }))),
   'FieldsetWithContext': lazy(() => import('@digigov/form/Fieldset/FieldsetWithContext').then((module) => ({ default: module['FieldsetWithContext'] }))),
   'FieldsetLabel': lazy(() => import('@digigov/form/Fieldset').then((module) => ({ default: module['FieldsetLabel'] }))),
   'FieldsetCaption': lazy(() => import('@digigov/form/Fieldset').then((module) => ({ default: module['FieldsetCaption'] }))),
@@ -57,6 +57,7 @@ export default {
   'RadioButtonsGroup': lazy(() => import('@digigov/form/inputs/Radio').then((module) => ({ default: module['RadioButtonsGroup'] }))),
   'ControlledRadioButtonsGroup': lazy(() => import('@digigov/form/inputs/Radio').then((module) => ({ default: module['ControlledRadioButtonsGroup'] }))),
   'AFM_VALIDATOR': lazy(() => import('@digigov/form/validators/utils').then((module) => ({ default: module['AFM_VALIDATOR'] }))),
+  'AMKA_VALIDATOR': lazy(() => import('@digigov/form/validators/utils').then((module) => ({ default: module['AMKA_VALIDATOR'] }))),
   'LATER_THAN_VALIDATOR': lazy(() => import('@digigov/form/validators/utils').then((module) => ({ default: module['LATER_THAN_VALIDATOR'] }))),
   'EARLIER_THAN_VALIDATOR': lazy(() => import('@digigov/form/validators/utils').then((module) => ({ default: module['EARLIER_THAN_VALIDATOR'] }))),
   'DATE_VALIDATOR': lazy(() => import('@digigov/form/validators/utils').then((module) => ({ default: module['DATE_VALIDATOR'] }))),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/form",
-  "version": "2.0.0-a32ad9b2",
+  "version": "2.0.0-abd768eb",
   "description": "@digigov form builder",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
@@ -14,11 +14,11 @@
     "yup": "0.32.11",
     "dayjs": "1.10.4",
     "@hookform/resolvers": "5.0.1",
-    "@digigov/react-icons": "2.0.0-a32ad9b2"
+    "@digigov/react-icons": "2.0.0-abd768eb"
   },
   "peerDependencies": {
-    "@digigov/ui": "2.0.0-a32ad9b2",
-    "@digigov/react-core": "2.0.0-a32ad9b2",
+    "@digigov/ui": "2.0.0-abd768eb",
+    "@digigov/react-core": "2.0.0-abd768eb",
     "clsx": "1.1.1",
     "react": "^18.3.0 || ^19.1.0",
     "react-dom": "^18.3.0 || ^19.1.0"

package/registry/index.js

@@ -10,9 +10,9 @@ import * as _digigov_form_Field_FieldBaseContainer from "@digigov/form/Field/Fie
 import * as _digigov_form_Field_FieldConditional from "@digigov/form/Field/FieldConditional";
 import * as _digigov_form_Field from "@digigov/form/Field";
 import * as _digigov_form_Field_types from "@digigov/form/Field/types";
-import * as _digigov_form_FieldObject from "@digigov/form/FieldObject";
 import * as _digigov_form_FieldArray_FormDialog from "@digigov/form/FieldArray/FormDialog";
 import * as _digigov_form_FieldArray from "@digigov/form/FieldArray";
+import * as _digigov_form_FieldObject from "@digigov/form/FieldObject";
 import * as _digigov_form_Fieldset_FieldsetWithContext from "@digigov/form/Fieldset/FieldsetWithContext";
 import * as _digigov_form_Fieldset from "@digigov/form/Fieldset";
 import * as _digigov_form_Fieldset_types from "@digigov/form/Fieldset/types";
@@ -48,16 +48,16 @@ import * as _digigov_form_Questions_Step_types from "@digigov/form/Questions/Ste
 import * as _digigov_form_inputs_AutoCompleteInput from "@digigov/form/inputs/AutoCompleteInput";
 import * as _digigov_form_inputs_Checkboxes from "@digigov/form/inputs/Checkboxes";
 import * as _digigov_form_inputs_DateInput from "@digigov/form/inputs/DateInput";
-import * as _digigov_form_inputs_DateTimeInput from "@digigov/form/inputs/DateTimeInput";
 import * as _digigov_form_inputs_FileInput from "@digigov/form/inputs/FileInput";
+import * as _digigov_form_inputs_DateTimeInput from "@digigov/form/inputs/DateTimeInput";
 import * as _digigov_form_inputs_ImageInput from "@digigov/form/inputs/ImageInput";
 import * as _digigov_form_inputs_Input from "@digigov/form/inputs/Input";
-import * as _digigov_form_inputs_Input_inputsInputScenarios from "@digigov/form/inputs/Input/inputsInputScenarios";
 import * as _digigov_form_inputs_Label from "@digigov/form/inputs/Label";
 import * as _digigov_form_inputs_OtpInput from "@digigov/form/inputs/OtpInput";
 import * as _digigov_form_inputs_Radio from "@digigov/form/inputs/Radio";
 import * as _digigov_form_inputs_Select from "@digigov/form/inputs/Select";
 import * as _digigov_form_validators_utils_afm from "@digigov/form/validators/utils/afm";
+import * as _digigov_form_validators_utils_amka from "@digigov/form/validators/utils/amka";
 import * as _digigov_form_validators_utils_date from "@digigov/form/validators/utils/date";
 import * as _digigov_form_validators_utils_datetime from "@digigov/form/validators/utils/datetime";
 import * as _digigov_form_validators_utils_file from "@digigov/form/validators/utils/file";
@@ -101,9 +101,9 @@ export default {
   '@digigov/form/Field/FieldConditional': lazyImport(_digigov_form_Field_FieldConditional),
   '@digigov/form/Field': lazyImport(_digigov_form_Field),
   '@digigov/form/Field/types': lazyImport(_digigov_form_Field_types),
-  '@digigov/form/FieldObject': lazyImport(_digigov_form_FieldObject),
   '@digigov/form/FieldArray/FormDialog': lazyImport(_digigov_form_FieldArray_FormDialog),
   '@digigov/form/FieldArray': lazyImport(_digigov_form_FieldArray),
+  '@digigov/form/FieldObject': lazyImport(_digigov_form_FieldObject),
   '@digigov/form/Fieldset/FieldsetWithContext': lazyImport(_digigov_form_Fieldset_FieldsetWithContext),
   '@digigov/form/Fieldset': lazyImport(_digigov_form_Fieldset),
   '@digigov/form/Fieldset/types': lazyImport(_digigov_form_Fieldset_types),
@@ -139,16 +139,16 @@ export default {
   '@digigov/form/inputs/AutoCompleteInput': lazyImport(_digigov_form_inputs_AutoCompleteInput),
   '@digigov/form/inputs/Checkboxes': lazyImport(_digigov_form_inputs_Checkboxes),
   '@digigov/form/inputs/DateInput': lazyImport(_digigov_form_inputs_DateInput),
-  '@digigov/form/inputs/DateTimeInput': lazyImport(_digigov_form_inputs_DateTimeInput),
   '@digigov/form/inputs/FileInput': lazyImport(_digigov_form_inputs_FileInput),
+  '@digigov/form/inputs/DateTimeInput': lazyImport(_digigov_form_inputs_DateTimeInput),
   '@digigov/form/inputs/ImageInput': lazyImport(_digigov_form_inputs_ImageInput),
   '@digigov/form/inputs/Input': lazyImport(_digigov_form_inputs_Input),
-  '@digigov/form/inputs/Input/inputsInputScenarios': lazyImport(_digigov_form_inputs_Input_inputsInputScenarios),
   '@digigov/form/inputs/Label': lazyImport(_digigov_form_inputs_Label),
   '@digigov/form/inputs/OtpInput': lazyImport(_digigov_form_inputs_OtpInput),
   '@digigov/form/inputs/Radio': lazyImport(_digigov_form_inputs_Radio),
   '@digigov/form/inputs/Select': lazyImport(_digigov_form_inputs_Select),
   '@digigov/form/validators/utils/afm': lazyImport(_digigov_form_validators_utils_afm),
+  '@digigov/form/validators/utils/amka': lazyImport(_digigov_form_validators_utils_amka),
   '@digigov/form/validators/utils/date': lazyImport(_digigov_form_validators_utils_date),
   '@digigov/form/validators/utils/datetime': lazyImport(_digigov_form_validators_utils_datetime),
   '@digigov/form/validators/utils/file': lazyImport(_digigov_form_validators_utils_file),

package/src/Field/FieldBase.tsx

@@ -39,10 +39,12 @@ export const FieldBase: React.FC<FieldBaseProps> = ({
       <FieldBaseContainer
         label={label}
         layout={layout}
+        register={register}
         error={errorGroupContext ? undefined : error}
         hasError={!!error}
         wrapper={wrapper}
         name={name}
+        controlled={controlled}
       >
         <Controller
           control={control}
@@ -53,7 +55,7 @@ export const FieldBase: React.FC<FieldBaseProps> = ({
                 {...field}
                 control={control}
                 ref={undefined}
-                defaultValue={defaultValue}
+                defaultValue={defaultValue ?? field.value}
                 extra={extra}
                 error={!!error}
                 type={type}
@@ -74,6 +76,7 @@ export const FieldBase: React.FC<FieldBaseProps> = ({
     <FieldBaseContainer
       label={label}
       layout={layout}
+      register={register}
       error={errorGroupContext ? undefined : error}
       hasError={!!error}
       wrapper={wrapper}
@@ -90,6 +93,7 @@ export const FieldBase: React.FC<FieldBaseProps> = ({
           aria-describedby={error && `${name}-error`}
           required={required}
           disabled={editable === false}
+          defaultValue={defaultValue}
           {...componentProps}
         />
       ) : (
@@ -100,6 +104,7 @@ export const FieldBase: React.FC<FieldBaseProps> = ({
           error={!!error}
           extra={extra}
           type={type}
+          defaultValue={defaultValue}
           aria-required={!!required}
           aria-describedby={error && `${name}-error`}
           required={required}

package/src/Field/FieldBaseContainer.tsx

@@ -1,60 +1,80 @@
-import React from 'react';
+import React, { ComponentRef } from 'react';
 import { FieldContainerProps } from '@digigov/form/Field/types';
 import Label from '@digigov/form/inputs/Label';
 import { ErrorMessage } from '@digigov/react-core/ErrorMessage';
 import FieldContainer from '@digigov/react-core/FieldContainer';
-import CoreFieldset from '@digigov/react-core/Fieldset';
+import Fieldset from '@digigov/react-core/Fieldset';
 import FieldsetLegend from '@digigov/react-core/FieldsetLegend';
 import LabelContainer from '@digigov/react-core/LabelContainer';
 import { useTranslation } from '@digigov/ui/i18n';
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const FieldBaseContainer: React.FC<FieldContainerProps> = ({
-  name,
-  wrapper,
-  label,
-  children,
-  error,
-  hasError,
-  layout,
-}) => {
-  const { t } = useTranslation();
-  const errorMessage = error?.message.key
-    ? error.message.key
-    : error?.message || '';
-  const errorContext = error?.message.context || {};
-  if (wrapper === 'fieldset') {
-    return (
-      <FieldContainer error={hasError} {...layout}>
-        <CoreFieldset>
-          <FieldsetLegend size="sm">{label && label.primary}</FieldsetLegend>
-          {label && label.secondary && <Hint>{t(label.secondary)}</Hint>}
-          {error && (
-            <ErrorMessage id={`${name}-error`}>
-              {t(errorMessage, errorContext)}
-            </ErrorMessage>
-          )}
-          {children}
-          {label && label.hint && <Hint size="sm">{label.hint}</Hint>}
-        </CoreFieldset>
-      </FieldContainer>
-    );
-  } else {
-    return (
-      <FieldContainer error={hasError} {...layout}>
-        <LabelContainer>
-          {label && <Label label={label} />}
-          {error && (
-            <ErrorMessage id={`${name}-error`}>
-              {t(errorMessage, errorContext)}
-            </ErrorMessage>
-          )}
-          {children}
-          {label && label.hint && <Hint size="sm">{label.hint}</Hint>}
-        </LabelContainer>
-      </FieldContainer>
-    );
+export const FieldBaseContainer = React.forwardRef<
+  ComponentRef<typeof Fieldset>,
+  FieldContainerProps
+>(
+  (
+    {
+      name,
+      wrapper,
+      label,
+      children,
+      error,
+      hasError,
+      layout,
+      controlled,
+      labelSize = 'sm',
+    },
+    ref
+  ) => {
+    const { t } = useTranslation();
+    const errorMessage = error?.message.key
+      ? error.message.key
+      : error?.message || '';
+    const errorContext = error?.message.context || {};
+    if (wrapper === 'fieldset') {
+      return (
+        <FieldContainer error={hasError} {...layout}>
+          <Fieldset
+            ref={ref}
+            className="outline-none"
+            {...(controlled && {
+              tabIndex: -1,
+            })}
+          >
+            <FieldsetLegend size={labelSize}>
+              {label && label.primary}
+            </FieldsetLegend>
+            {label && label.secondary && <Hint>{t(label.secondary)}</Hint>}
+            {error && (
+              <ErrorMessage id={`${name}-error`}>
+                {t(errorMessage, errorContext)}
+              </ErrorMessage>
+            )}
+            {children}
+            {label && label.hint && <Hint size="sm">{label.hint}</Hint>}
+          </Fieldset>
+        </FieldContainer>
+      );
+    } else {
+      return (
+        <FieldContainer error={hasError} {...layout}>
+          <LabelContainer>
+            {label && <Label label={label} />}
+            {error && (
+              <ErrorMessage id={`${name}-error`}>
+                {t(errorMessage, errorContext)}
+              </ErrorMessage>
+            )}
+            {children}
+            {label && label.hint && <Hint size="sm">{label.hint}</Hint>}
+          </LabelContainer>
+        </FieldContainer>
+      );
+    }
   }
-};
+);
+
+FieldBaseContainer.displayName = 'FieldBaseContainer';
 
 export default FieldBaseContainer;

package/src/Field/FieldConditional.tsx

@@ -13,6 +13,7 @@ const ChildFieldMemo = React.memo(
     field,
     control,
     reset,
+    resetField,
     register,
     error,
     Field,
@@ -27,6 +28,7 @@ const ChildFieldMemo = React.memo(
         Field={Field}
         name={newField.key}
         reset={reset}
+        resetField={resetField}
         control={control}
         register={register}
         error={error}
@@ -54,6 +56,7 @@ export const FieldConditional: React.FC<FieldConditionalProps> = ({
   field,
   register,
   reset,
+  resetField,
   error,
   Field,
 }) => {
@@ -76,6 +79,7 @@ export const FieldConditional: React.FC<FieldConditionalProps> = ({
       control={control}
       register={register}
       reset={reset}
+      resetField={resetField}
       error={error}
       Field={Field}
     />

package/src/Field/index.tsx

@@ -16,7 +16,6 @@ import FieldArray from '@digigov/form/FieldArray';
 import Multiplicity from '@digigov/form/MultiplicityField';
 export const Field: React.FC<FieldProps> = ({
   name,
-  disabled,
   children,
   ...customField
 }) => {
@@ -25,6 +24,7 @@ export const Field: React.FC<FieldProps> = ({
     control,
     register,
     reset,
+    resetField,
     error,
     componentRegistry,
     formState,
@@ -47,12 +47,12 @@ export const Field: React.FC<FieldProps> = ({
       ),
     [field]
   );
-
   if (calculatedField.condition) {
     return (
       <FieldConditional
         control={control}
         reset={reset}
+        resetField={resetField}
         register={register}
         field={calculatedField as FieldWithCondition}
         error={error}
@@ -68,12 +68,15 @@ export const Field: React.FC<FieldProps> = ({
         trigger={trigger}
         register={register}
         clearErrors={clearErrors}
-        error={error}
+        error={
+          formState.isSubmitted && !formState.isSubmitting ? error : undefined
+        }
         getValues={getValues}
         setValue={setValue}
         formState={formState}
         Field={Field}
         reset={reset}
+        resetField={resetField}
         {...calculatedField}
       />
     );
@@ -94,20 +97,27 @@ export const Field: React.FC<FieldProps> = ({
         setValue={setValue}
         getValues={getValues}
         unregister={unregister}
+        resetField={resetField}
         Field={Field}
         {...calculatedField}
       />
     );
   }
+  const editable =
+    customField.editable === false || customField.disabled === true
+      ? false
+      : true;
+  const customError = error ? error : formState?.errors[name];
   return (
     <FieldBase
       {...calculatedField}
+      editable={editable}
       name={name}
-      disabled={disabled}
       control={control}
       register={register}
       reset={reset}
-      error={error}
+      error={customError}
+      resetField={resetField}
       Field={Field}
     />
   );