@digigov/form 2.0.0-aefd0709 → 2.0.0-b15d5d44

package/registry/index.js

@@ -1,44 +1,39 @@
+
+import * as _digigov_form_FormContext from "@digigov/form/FormContext";
+import * as _digigov_form from "@digigov/form";
+import * as _digigov_form_internal from "@digigov/form/internal";
+import * as _digigov_form_types from "@digigov/form/types";
+import * as _digigov_form_utils from "@digigov/form/utils";
+import * as _digigov_form_Field_ErrorGroup from "@digigov/form/Field/ErrorGroup";
 import * as _digigov_form_Field_FieldBase from "@digigov/form/Field/FieldBase";
 import * as _digigov_form_Field_FieldBaseContainer from "@digigov/form/Field/FieldBaseContainer";
 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_Field_utils_calculateField from "@digigov/form/Field/utils/calculateField";
-import * as _digigov_form_Field_utils_evaluateFieldWithConditions from "@digigov/form/Field/utils/evaluateFieldWithConditions";
-import * as _digigov_form_Field_utils from "@digigov/form/Field/utils";
-import * as _digigov_form_Field_utils_useField from "@digigov/form/Field/utils/useField";
-import * as _digigov_form_FieldArray from "@digigov/form/FieldArray";
 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_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";
 import * as _digigov_form_FormBuilder from "@digigov/form/FormBuilder";
-import * as _digigov_form_FormContext from "@digigov/form/FormContext";
-import * as _digigov_form from "@digigov/form";
-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_FileInput from "@digigov/form/inputs/FileInput";
-import * as _digigov_form_inputs_ImageInput from "@digigov/form/inputs/ImageInput";
-import * as _digigov_form_inputs from "@digigov/form/inputs";
-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_inputsScenarios from "@digigov/form/inputs/inputsScenarios";
-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_internal from "@digigov/form/internal";
-import * as _digigov_form_locales_el from "@digigov/form/locales/el";
 import * as _digigov_form_MultiplicityField_add_objects from "@digigov/form/MultiplicityField/add-objects";
 import * as _digigov_form_MultiplicityField from "@digigov/form/MultiplicityField";
 import * as _digigov_form_MultiplicityField_types from "@digigov/form/MultiplicityField/types";
-import * as _digigov_form_Questions_getNextStep from "@digigov/form/Questions/getNextStep";
-import * as _digigov_form_Questions from "@digigov/form/Questions";
 import * as _digigov_form_Questions_Questions from "@digigov/form/Questions/Questions";
 import * as _digigov_form_Questions_QuestionsContext from "@digigov/form/Questions/QuestionsContext";
-import * as _digigov_form_Questions_Step_getAddMoreFields from "@digigov/form/Questions/Step/getAddMoreFields";
-import * as _digigov_form_Questions_Step from "@digigov/form/Questions/Step";
+import * as _digigov_form_Questions_getNextStep from "@digigov/form/Questions/getNextStep";
+import * as _digigov_form_Questions from "@digigov/form/Questions";
+import * as _digigov_form_Questions_types from "@digigov/form/Questions/types";
+import * as _digigov_form_inputs from "@digigov/form/inputs";
+import * as _digigov_form_inputs_inputsScenarios from "@digigov/form/inputs/inputsScenarios";
+import * as _digigov_form_locales_el from "@digigov/form/locales/el";
+import * as _digigov_form_validators from "@digigov/form/validators";
+import * as _digigov_form_validators_types from "@digigov/form/validators/types";
+import * as _digigov_form_Field_utils_calculateField from "@digigov/form/Field/utils/calculateField";
+import * as _digigov_form_Field_utils_evaluateFieldWithConditions from "@digigov/form/Field/utils/evaluateFieldWithConditions";
+import * as _digigov_form_Field_utils from "@digigov/form/Field/utils";
+import * as _digigov_form_Field_utils_useField from "@digigov/form/Field/utils/useField";
 import * as _digigov_form_Questions_Step_ReviewStep from "@digigov/form/Questions/Step/ReviewStep";
 import * as _digigov_form_Questions_Step_Step from "@digigov/form/Questions/Step/Step";
 import * as _digigov_form_Questions_Step_StepArrayReview from "@digigov/form/Questions/Step/StepArrayReview";
@@ -47,14 +42,24 @@ import * as _digigov_form_Questions_Step_StepDescription from "@digigov/form/Que
 import * as _digigov_form_Questions_Step_StepForm from "@digigov/form/Questions/Step/StepForm";
 import * as _digigov_form_Questions_Step_StepQuote from "@digigov/form/Questions/Step/StepQuote";
 import * as _digigov_form_Questions_Step_StepTitle from "@digigov/form/Questions/Step/StepTitle";
+import * as _digigov_form_Questions_Step_getAddMoreFields from "@digigov/form/Questions/Step/getAddMoreFields";
+import * as _digigov_form_Questions_Step from "@digigov/form/Questions/Step";
 import * as _digigov_form_Questions_Step_types from "@digigov/form/Questions/Step/types";
-import * as _digigov_form_Questions_types from "@digigov/form/Questions/types";
-import * as _digigov_form_types from "@digigov/form/types";
-import * as _digigov_form_utils from "@digigov/form/utils";
-import * as _digigov_form_validators from "@digigov/form/validators";
-import * as _digigov_form_validators_types from "@digigov/form/validators/types";
+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_ImageInput from "@digigov/form/inputs/ImageInput";
+import * as _digigov_form_inputs_FileInput from "@digigov/form/inputs/FileInput";
+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_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";
 import * as _digigov_form_validators_utils_iban from "@digigov/form/validators/utils/iban";
 import * as _digigov_form_validators_utils_image from "@digigov/form/validators/utils/image";
@@ -71,166 +76,90 @@ function lazyImport(pkgImport) {
     {},
     {
       get: (_target, name) => {
-        if (name === "__esModule" || name === "default") {
+        if (name === '__esModule' || name === 'default') {
           return pkgImport.default;
-        } else if (name === "*") {
+        } else if(
+          name === '*'
+        ) {
           return pkgImport;
         } else {
           return pkgImport[name];
         }
-      }
+      },
     }
-  );
-}
-var registry_default = {
-  "@digigov/form/Field/FieldBase": lazyImport(_digigov_form_Field_FieldBase),
-  "@digigov/form/Field/FieldBaseContainer": lazyImport(
-    _digigov_form_Field_FieldBaseContainer
-  ),
-  "@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/Field/utils/calculateField": lazyImport(
-    _digigov_form_Field_utils_calculateField
-  ),
-  "@digigov/form/Field/utils/evaluateFieldWithConditions": lazyImport(
-    _digigov_form_Field_utils_evaluateFieldWithConditions
-  ),
-  "@digigov/form/Field/utils": lazyImport(_digigov_form_Field_utils),
-  "@digigov/form/Field/utils/useField": lazyImport(
-    _digigov_form_Field_utils_useField
-  ),
-  "@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),
-  "@digigov/form/FormBuilder": lazyImport(_digigov_form_FormBuilder),
-  "@digigov/form/FormContext": lazyImport(_digigov_form_FormContext),
-  "@digigov/form": lazyImport(_digigov_form),
-  "@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/FileInput": lazyImport(_digigov_form_inputs_FileInput),
-  "@digigov/form/inputs/ImageInput": lazyImport(
-    _digigov_form_inputs_ImageInput
-  ),
-  "@digigov/form/inputs": lazyImport(_digigov_form_inputs),
-  "@digigov/form/inputs/Input": lazyImport(_digigov_form_inputs_Input),
-  "@digigov/form/inputs/Input/inputsInputScenarios": lazyImport(
-    _digigov_form_inputs_Input_inputsInputScenarios
-  ),
-  "@digigov/form/inputs/inputsScenarios": lazyImport(
-    _digigov_form_inputs_inputsScenarios
-  ),
-  "@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/internal": lazyImport(_digigov_form_internal),
-  "@digigov/form/locales/el": lazyImport(_digigov_form_locales_el),
-  "@digigov/form/MultiplicityField/add-objects": lazyImport(
-    _digigov_form_MultiplicityField_add_objects
-  ),
-  "@digigov/form/MultiplicityField": lazyImport(
-    _digigov_form_MultiplicityField
-  ),
-  "@digigov/form/MultiplicityField/types": lazyImport(
-    _digigov_form_MultiplicityField_types
-  ),
-  "@digigov/form/Questions/getNextStep": lazyImport(
-    _digigov_form_Questions_getNextStep
-  ),
-  "@digigov/form/Questions": lazyImport(_digigov_form_Questions),
-  "@digigov/form/Questions/Questions": lazyImport(
-    _digigov_form_Questions_Questions
-  ),
-  "@digigov/form/Questions/QuestionsContext": lazyImport(
-    _digigov_form_Questions_QuestionsContext
-  ),
-  "@digigov/form/Questions/Step/getAddMoreFields": lazyImport(
-    _digigov_form_Questions_Step_getAddMoreFields
-  ),
-  "@digigov/form/Questions/Step": lazyImport(_digigov_form_Questions_Step),
-  "@digigov/form/Questions/Step/ReviewStep": lazyImport(
-    _digigov_form_Questions_Step_ReviewStep
-  ),
-  "@digigov/form/Questions/Step/Step": lazyImport(
-    _digigov_form_Questions_Step_Step
-  ),
-  "@digigov/form/Questions/Step/StepArrayReview": lazyImport(
-    _digigov_form_Questions_Step_StepArrayReview
-  ),
-  "@digigov/form/Questions/Step/StepContext": lazyImport(
-    _digigov_form_Questions_Step_StepContext
-  ),
-  "@digigov/form/Questions/Step/StepDescription": lazyImport(
-    _digigov_form_Questions_Step_StepDescription
-  ),
-  "@digigov/form/Questions/Step/StepForm": lazyImport(
-    _digigov_form_Questions_Step_StepForm
-  ),
-  "@digigov/form/Questions/Step/StepQuote": lazyImport(
-    _digigov_form_Questions_Step_StepQuote
-  ),
-  "@digigov/form/Questions/Step/StepTitle": lazyImport(
-    _digigov_form_Questions_Step_StepTitle
-  ),
-  "@digigov/form/Questions/Step/types": lazyImport(
-    _digigov_form_Questions_Step_types
-  ),
-  "@digigov/form/Questions/types": lazyImport(_digigov_form_Questions_types),
-  "@digigov/form/types": lazyImport(_digigov_form_types),
-  "@digigov/form/utils": lazyImport(_digigov_form_utils),
-  "@digigov/form/validators": lazyImport(_digigov_form_validators),
-  "@digigov/form/validators/types": lazyImport(_digigov_form_validators_types),
-  "@digigov/form/validators/utils/afm": lazyImport(
-    _digigov_form_validators_utils_afm
-  ),
-  "@digigov/form/validators/utils/date": lazyImport(
-    _digigov_form_validators_utils_date
-  ),
-  "@digigov/form/validators/utils/file": lazyImport(
-    _digigov_form_validators_utils_file
-  ),
-  "@digigov/form/validators/utils/iban": lazyImport(
-    _digigov_form_validators_utils_iban
-  ),
-  "@digigov/form/validators/utils/image": lazyImport(
-    _digigov_form_validators_utils_image
-  ),
-  "@digigov/form/validators/utils": lazyImport(_digigov_form_validators_utils),
-  "@digigov/form/validators/utils/int": lazyImport(
-    _digigov_form_validators_utils_int
-  ),
-  "@digigov/form/validators/utils/number": lazyImport(
-    _digigov_form_validators_utils_number
-  ),
-  "@digigov/form/validators/utils/otp": lazyImport(
-    _digigov_form_validators_utils_otp
-  ),
-  "@digigov/form/validators/utils/phone": lazyImport(
-    _digigov_form_validators_utils_phone
-  ),
-  "@digigov/form/validators/utils/postal_code": lazyImport(
-    _digigov_form_validators_utils_postal_code
-  ),
-  "@digigov/form/validators/utils/text_limit": lazyImport(
-    _digigov_form_validators_utils_text_limit
-  ),
-  "@digigov/form/validators/utils/uuid4": lazyImport(
-    _digigov_form_validators_utils_uuid4
   )
+}
+export default {
+  '@digigov/form/FormContext': lazyImport(_digigov_form_FormContext),
+  '@digigov/form': lazyImport(_digigov_form),
+  '@digigov/form/internal': lazyImport(_digigov_form_internal),
+  '@digigov/form/types': lazyImport(_digigov_form_types),
+  '@digigov/form/utils': lazyImport(_digigov_form_utils),
+  '@digigov/form/Field/ErrorGroup': lazyImport(_digigov_form_Field_ErrorGroup),
+  '@digigov/form/Field/FieldBase': lazyImport(_digigov_form_Field_FieldBase),
+  '@digigov/form/Field/FieldBaseContainer': lazyImport(_digigov_form_Field_FieldBaseContainer),
+  '@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/Fieldset/FieldsetWithContext': lazyImport(_digigov_form_Fieldset_FieldsetWithContext),
+  '@digigov/form/Fieldset': lazyImport(_digigov_form_Fieldset),
+  '@digigov/form/Fieldset/types': lazyImport(_digigov_form_Fieldset_types),
+  '@digigov/form/FormBuilder': lazyImport(_digigov_form_FormBuilder),
+  '@digigov/form/MultiplicityField/add-objects': lazyImport(_digigov_form_MultiplicityField_add_objects),
+  '@digigov/form/MultiplicityField': lazyImport(_digigov_form_MultiplicityField),
+  '@digigov/form/MultiplicityField/types': lazyImport(_digigov_form_MultiplicityField_types),
+  '@digigov/form/Questions/Questions': lazyImport(_digigov_form_Questions_Questions),
+  '@digigov/form/Questions/QuestionsContext': lazyImport(_digigov_form_Questions_QuestionsContext),
+  '@digigov/form/Questions/getNextStep': lazyImport(_digigov_form_Questions_getNextStep),
+  '@digigov/form/Questions': lazyImport(_digigov_form_Questions),
+  '@digigov/form/Questions/types': lazyImport(_digigov_form_Questions_types),
+  '@digigov/form/inputs': lazyImport(_digigov_form_inputs),
+  '@digigov/form/inputs/inputsScenarios': lazyImport(_digigov_form_inputs_inputsScenarios),
+  '@digigov/form/locales/el': lazyImport(_digigov_form_locales_el),
+  '@digigov/form/validators': lazyImport(_digigov_form_validators),
+  '@digigov/form/validators/types': lazyImport(_digigov_form_validators_types),
+  '@digigov/form/Field/utils/calculateField': lazyImport(_digigov_form_Field_utils_calculateField),
+  '@digigov/form/Field/utils/evaluateFieldWithConditions': lazyImport(_digigov_form_Field_utils_evaluateFieldWithConditions),
+  '@digigov/form/Field/utils': lazyImport(_digigov_form_Field_utils),
+  '@digigov/form/Field/utils/useField': lazyImport(_digigov_form_Field_utils_useField),
+  '@digigov/form/Questions/Step/ReviewStep': lazyImport(_digigov_form_Questions_Step_ReviewStep),
+  '@digigov/form/Questions/Step/Step': lazyImport(_digigov_form_Questions_Step_Step),
+  '@digigov/form/Questions/Step/StepArrayReview': lazyImport(_digigov_form_Questions_Step_StepArrayReview),
+  '@digigov/form/Questions/Step/StepContext': lazyImport(_digigov_form_Questions_Step_StepContext),
+  '@digigov/form/Questions/Step/StepDescription': lazyImport(_digigov_form_Questions_Step_StepDescription),
+  '@digigov/form/Questions/Step/StepForm': lazyImport(_digigov_form_Questions_Step_StepForm),
+  '@digigov/form/Questions/Step/StepQuote': lazyImport(_digigov_form_Questions_Step_StepQuote),
+  '@digigov/form/Questions/Step/StepTitle': lazyImport(_digigov_form_Questions_Step_StepTitle),
+  '@digigov/form/Questions/Step/getAddMoreFields': lazyImport(_digigov_form_Questions_Step_getAddMoreFields),
+  '@digigov/form/Questions/Step': lazyImport(_digigov_form_Questions_Step),
+  '@digigov/form/Questions/Step/types': lazyImport(_digigov_form_Questions_Step_types),
+  '@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/ImageInput': lazyImport(_digigov_form_inputs_ImageInput),
+  '@digigov/form/inputs/FileInput': lazyImport(_digigov_form_inputs_FileInput),
+  '@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/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),
+  '@digigov/form/validators/utils/iban': lazyImport(_digigov_form_validators_utils_iban),
+  '@digigov/form/validators/utils/image': lazyImport(_digigov_form_validators_utils_image),
+  '@digigov/form/validators/utils': lazyImport(_digigov_form_validators_utils),
+  '@digigov/form/validators/utils/int': lazyImport(_digigov_form_validators_utils_int),
+  '@digigov/form/validators/utils/number': lazyImport(_digigov_form_validators_utils_number),
+  '@digigov/form/validators/utils/otp': lazyImport(_digigov_form_validators_utils_otp),
+  '@digigov/form/validators/utils/phone': lazyImport(_digigov_form_validators_utils_phone),
+  '@digigov/form/validators/utils/postal_code': lazyImport(_digigov_form_validators_utils_postal_code),
+  '@digigov/form/validators/utils/text_limit': lazyImport(_digigov_form_validators_utils_text_limit),
+  '@digigov/form/validators/utils/uuid4': lazyImport(_digigov_form_validators_utils_uuid4)
 };
-export {
-  registry_default as default
-};
-//# sourceMappingURL=registry.js.map

package/src/Field/ErrorGroup.tsx

@@ -0,0 +1,84 @@
+import React, { createContext, useEffect, useState } from 'react';
+import { ErrorOption } from 'react-hook-form';
+import { FieldLabelProps } from '@digigov/form/Field/types';
+import { List, ListItem } from '@digigov/ui/content/List';
+import { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';
+import { useTranslation } from '@digigov/ui/i18n';
+import { Link } from '@digigov/ui/navigation/Link';
+import { Heading } from '@digigov/ui/typography/Heading';
+import { Base } from '@digigov/ui/utils/Base';
+import { Breakpoints } from '@digigov/ui/utils/hooks/useScreen';
+interface ErrorGroupContextType {
+  setError: (
+    name?: string,
+    label?: FieldLabelProps,
+    error?: ErrorOption
+  ) => void;
+}
+export const ErrorGroupContext = createContext<ErrorGroupContextType | null>(
+  null
+);
+
+export interface ErrorGroupProps {
+  children: React.ReactNode;
+  screenSize?: Breakpoints | undefined;
+  fieldOrder?: any[];
+}
+
+export const ErrorGroup: React.FC<ErrorGroupProps> = ({
+  children,
+  screenSize,
+  fieldOrder,
+}) => {
+  const [errors, setErrors] = useState<ErrorOption>({});
+  const { t } = useTranslation();
+  const setError = (name, label, error) => {
+    if (errors[name] !== error && errors[name]?.message !== error?.message) {
+      if (!error?.message) {
+        const updatedErrors = { ...errors };
+        delete updatedErrors[name];
+        setErrors(updatedErrors);
+      } else {
+        setErrors({
+          ...errors,
+          [name]: {
+            ...error,
+            label: label.primary,
+          },
+        });
+      }
+    }
+  };
+
+  useEffect(() => {
+    setErrors({});
+  }, [screenSize]);
+  return (
+    <ErrorGroupContext.Provider value={{ setError }}>
+      {Object.keys(errors).length !== 0 && (
+        <ErrorSummary variant="error-group">
+          <Heading size="sm">
+            Τα παρακάτω πεδία της φόρμας ειναι λάθος.{' '}
+          </Heading>
+          <List listStyle="bullet">
+            {(fieldOrder || Object.keys(errors).reverse())
+              .filter((fieldName) => errors[fieldName])
+              .map((fieldName, index) => {
+                return (
+                  <ListItem key={index} id={`${fieldName}-error`}>
+                    <Base as="b">{t(errors[fieldName]?.label)}:</Base>{' '}
+                    <Link href={`#${fieldName}`}>
+                      {t(errors[fieldName]?.message)}
+                    </Link>
+                  </ListItem>
+                );
+              })}
+          </List>
+        </ErrorSummary>
+      )}
+      {children}
+    </ErrorGroupContext.Provider>
+  );
+};
+
+export default ErrorGroup;

package/src/Field/FieldBase.tsx

@@ -1,36 +1,46 @@
-import React from 'react';
+import React, { useContext, useEffect } from 'react';
 import { Controller } from 'react-hook-form';
+import { ErrorGroupContext } from '@digigov/form/Field/ErrorGroup';
 import FieldBaseContainer from '@digigov/form/Field/FieldBaseContainer';
 import { FieldBaseProps } from '@digigov/form/Field/types';
 
-export const FieldBase: React.FC<FieldBaseProps> = (props) => {
-  const {
-    required,
-    name,
-    component: Component,
-    wrapper,
-    control,
-    type,
-    controlled = false,
-    enabled = true,
-    editable,
-    defaultValue,
-    label,
-    extra = {},
-    layout,
-    error,
-    register,
-    ...componentProps
-  } = props;
+export const FieldBase: React.FC<FieldBaseProps> = ({
+  required,
+  name,
+  component: Component,
+  wrapper,
+  control,
+  type,
+  controlled = false,
+  enabled = true,
+  editable,
+  defaultValue,
+  label,
+  extra = {},
+  layout,
+  error,
+  register,
+  ...componentProps
+}) => {
+  const errorGroupContext = useContext(ErrorGroupContext);
+
+  useEffect(() => {
+    if (errorGroupContext) {
+      errorGroupContext.setError(name, label, error);
+    }
+  }, [error, name, errorGroupContext?.setError]);
+
   if (!enabled) {
     return null;
   }
+
   if (controlled) {
     return (
       <FieldBaseContainer
         label={label}
         layout={layout}
-        error={error}
+        error={errorGroupContext ? undefined : error}
+        hasError={!!error}
         wrapper={wrapper}
         name={name}
       >
@@ -64,7 +74,8 @@ export const FieldBase: React.FC<FieldBaseProps> = (props) => {
     <FieldBaseContainer
       label={label}
       layout={layout}
-      error={error}
+      error={errorGroupContext ? undefined : error}
+      hasError={!!error}
       wrapper={wrapper}
       name={name}
     >

package/src/Field/FieldBaseContainer.tsx

@@ -15,6 +15,7 @@ export const FieldBaseContainer: React.FC<FieldContainerProps> = ({
   label,
   children,
   error,
+  hasError,
   layout,
 }) => {
   const { t } = useTranslation();
@@ -24,7 +25,7 @@ export const FieldBaseContainer: React.FC<FieldContainerProps> = ({
   const errorContext = error?.message.context || {};
   if (wrapper === 'fieldset') {
     return (
-      <FieldContainer error={!!error} {...layout}>
+      <FieldContainer error={hasError} {...layout}>
         <CoreFieldset>
           <FieldsetLegend size="sm">{label && label.primary}</FieldsetLegend>
           {label && label.secondary && <Hint>{t(label.secondary)}</Hint>}
@@ -34,12 +35,13 @@ export const FieldBaseContainer: React.FC<FieldContainerProps> = ({
             </ErrorMessage>
           )}
           {children}
+          {label && label.hint && <Hint size="sm">{label.hint}</Hint>}
         </CoreFieldset>
       </FieldContainer>
     );
   } else {
     return (
-      <FieldContainer error={!!error} {...layout}>
+      <FieldContainer error={hasError} {...layout}>
         <LabelContainer>
           {label && <Label label={label} />}
           {error && (
@@ -48,6 +50,7 @@ export const FieldBaseContainer: React.FC<FieldContainerProps> = ({
             </ErrorMessage>
           )}
           {children}
+          {label && label.hint && <Hint size="sm">{label.hint}</Hint>}
         </LabelContainer>
       </FieldContainer>
     );

package/src/Field/index.tsx

@@ -65,10 +65,15 @@ export const Field: React.FC<FieldProps> = ({
     return (
       <FieldArray
         control={control}
+        trigger={trigger}
         register={register}
+        clearErrors={clearErrors}
         error={error}
+        getValues={getValues}
+        setValue={setValue}
         formState={formState}
         Field={Field}
+        reset={reset}
         {...calculatedField}
       />
     );

package/src/Field/types.tsx

@@ -6,6 +6,7 @@ import { GridProps } from '@digigov/ui/layouts/Grid';
 export interface FieldLabelProps {
   primary?: string;
   secondary?: string;
+  hint?: string;
 }
 
 export interface FieldSpec {
@@ -21,6 +22,7 @@ export interface FieldSpec {
     | 'choice:single'
     | 'mobile_phone'
     | 'date'
+    | 'datetime'
     | 'otp'
     | 'afm'
     | 'iban'
@@ -30,6 +32,7 @@ export interface FieldSpec {
     | 'phone_number'
     | 'array'
     | 'object';
+  trim?: boolean;
   component?: any;
   autoComplete?: string;
   maxLength?: number;
@@ -38,6 +41,7 @@ export interface FieldSpec {
   label?: FieldLabelProps;
   extra?: Record<string, any>;
   editable?: boolean;
+  variant?: 'inline' | 'dialog';
   required?: boolean;
   enabled?: boolean;
   disabled?: boolean;
@@ -91,6 +95,7 @@ export interface FieldContainerProps {
   layout?: FieldSpec['layout'];
   label?: FieldSpec['label'];
   error?: ErrorOption | Record<string, any>;
+  hasError?: boolean;
   children?: React.ReactNode;
   wrapper?: FieldSpec['wrapper'];
 }

package/src/Field/utils/index.ts

@@ -2,6 +2,7 @@ import { FieldComponentRegistry } from '@digigov/form/Field/types';
 import AutoCompleteInput from '@digigov/form/inputs/AutoCompleteInput';
 import Checkboxes from '@digigov/form/inputs/Checkboxes';
 import DateInput from '@digigov/form/inputs/DateInput';
+import DateTimeInput from '@digigov/form/inputs/DateTimeInput';
 import FileInput from '@digigov/form/inputs/FileInput';
 import ImageInput from '@digigov/form/inputs/ImageInput';
 import Input from '@digigov/form/inputs/Input';
@@ -29,6 +30,11 @@ export const FIELD_COMPONENTS: FieldComponentRegistry = {
     controlled: true,
     component: DateInput,
   },
+  datetime: {
+    wrapper: 'fieldset',
+    controlled: true,
+    component: DateTimeInput,
+  },
   otp: {
     wrapper: 'fieldset',
     controlled: true,

package/src/Field/utils/useField.ts

@@ -23,14 +23,18 @@ export const useField = (
     unregister,
     formState,
   } = useContext(FormContext);
-
   if (!registerField) {
     throw new Error(`
       You can't use the Field component without wrapping it in FormBuilder.
       https://devs.pages.grnet.gr/digigov/digigov-sdk/sdk-docs/forms/create-simple-form/
     `);
   }
-
+  let error = errors[name];
+  const nameIndexRegex = name.match(/^(.*?)\.(\d+)$/);
+  if (nameIndexRegex) {
+    const [, fieldArrayName, indexStr] = nameIndexRegex;
+    error = errors[fieldArrayName]?.[Number(indexStr)];
+  }
   useMemo(
     () => customField?.type && registerField({ ...customField, key: name }),
     [customField, name, registerField]
@@ -49,6 +53,6 @@ export const useField = (
     getValues,
     unregister,
     formState,
-    error: errors[name],
+    error,
   };
 };