@digigov/form 0.8.4 → 0.8.5-alpha

package/esm/Questions/__snapshots__/index.spec.tsx.snap

@@ -53,29 +53,44 @@ exports[`renders the Questions 1`] = `
       >
         <withDeprecationComponent>
           <ForwardRef(BackLink)>
-            <a
+            <ForwardRef(Base)
+              as="a"
               className="govgr-back-link"
               onClick={[Function]}
               tabIndex={0}
             >
-              <ForwardRef(CaretIcon)>
-                <ForwardRef(SvgIcon)
-                  className="govgr-caret--left"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className="govgr-caret--left govgr-svg-icon"
-                    focusable="false"
-                    viewBox="0 0 24 24"
+              <a
+                className="govgr-back-link"
+                onClick={[Function]}
+                tabIndex={0}
+              >
+                <ForwardRef(CaretIcon)>
+                  <ForwardRef(SvgIcon)
+                    className="govgr-caret--left"
                   >
-                    <path
-                      d="M18,22V2L6,12L18,22z"
-                    />
-                  </svg>
-                </ForwardRef(SvgIcon)>
-              </ForwardRef(CaretIcon)>
-              Πίσω
-            </a>
+                    <ForwardRef(Base)
+                      aria-hidden="true"
+                      as="svg"
+                      className="govgr-caret--left govgr-svg-icon"
+                      focusable="false"
+                      viewBox="0 0 24 24"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        className="govgr-caret--left govgr-svg-icon"
+                        focusable="false"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          d="M18,22V2L6,12L18,22z"
+                        />
+                      </svg>
+                    </ForwardRef(Base)>
+                  </ForwardRef(SvgIcon)>
+                </ForwardRef(CaretIcon)>
+                Πίσω
+              </a>
+            </ForwardRef(Base)>
           </ForwardRef(BackLink)>
         </withDeprecationComponent>
         <withDeprecationComponent>
@@ -85,11 +100,16 @@ exports[`renders the Questions 1`] = `
                 <withDeprecationComponent>
                   <withDeprecationComponent>
                     <ForwardRef(HeadingCaption)>
-                      <span
+                      <ForwardRef(Base)
+                        as="span"
                         className="govgr-caption-l"
                       >
-                        intro.caption
-                      </span>
+                        <span
+                          className="govgr-caption-l"
+                        >
+                          intro.caption
+                        </span>
+                      </ForwardRef(Base)>
                     </ForwardRef(HeadingCaption)>
                   </withDeprecationComponent>
                 </withDeprecationComponent>
@@ -107,11 +127,16 @@ exports[`renders the Questions 1`] = `
                       <ForwardRef(Heading)
                         size="xl"
                       >
-                        <h1
+                        <ForwardRef(Base)
+                          as="h1"
                           className="govgr-heading-xl"
                         >
-                          intro.title
-                        </h1>
+                          <h1
+                            className="govgr-heading-xl"
+                          >
+                            intro.title
+                          </h1>
+                        </ForwardRef(Base)>
                       </ForwardRef(Heading)>
                     </Component>
                   </withDeprecationComponent>
@@ -124,11 +149,16 @@ exports[`renders the Questions 1`] = `
     </StepTitle>
     <StepQuote>
       <ForwardRef(Paragraph)>
-        <p
+        <ForwardRef(Base)
+          as="p"
           className="govgr-body"
         >
-          This is the intro
-        </p>
+          <p
+            className="govgr-body"
+          >
+            This is the intro
+          </p>
+        </ForwardRef(Base)>
       </ForwardRef(Paragraph)>
     </StepQuote>
     <StepForm
@@ -151,7 +181,7 @@ exports[`renders the Questions 1`] = `
         onSubmit={[Function]}
       >
         <ForwardRef(FormBase)
-          criteriaMode="firstError"
+          criteriaMode="all"
           fieldsMap={
             Object {
               "name": Object {
@@ -165,6 +195,7 @@ exports[`renders the Questions 1`] = `
               },
             }
           }
+          grid={false}
           initial={Object {}}
           mode="onSubmit"
           onSubmit={[Function]}
@@ -173,216 +204,233 @@ exports[`renders the Questions 1`] = `
           resolver={[Function]}
           shouldFocusError={true}
         >
-          <form
+          <ForwardRef(Form)
+            grid={false}
             onSubmit={[Function]}
           >
-            <ForwardRef(Grid)
-              container={true}
+            <ForwardRef(Base)
+              as="form"
+              className="govgr-form"
+              onSubmit={[Function]}
             >
-              <div
-                className="govgr-grid"
+              <form
+                className="govgr-form"
+                onSubmit={[Function]}
               >
-                <ForwardRef(Grid)
-                  item={true}
-                  xs={12}
+                <Field
+                  key="name"
+                  name="name"
                 >
-                  <div
-                    className="xs:govgr-grid__col-span-12"
-                  >
-                    <Field
-                      key="name"
-                      name="name"
-                    >
-                      <FieldBase
-                        component={
-                          Object {
-                            "$$typeof": Symbol(react.forward_ref),
-                            "render": [Function],
-                          }
-                        }
-                        control={
-                          Object {
-                            "defaultValuesRef": Object {
-                              "current": Object {},
-                            },
-                            "fieldArrayDefaultValuesRef": Object {
-                              "current": Object {},
-                            },
-                            "fieldArrayNamesRef": Object {
-                              "current": Set {},
-                            },
-                            "fieldArrayValuesRef": Object {
-                              "current": Object {},
-                            },
-                            "fieldsRef": Object {
-                              "current": Object {
-                                "name": Object {
-                                  "ref": <input
-                                    aria-required="true"
-                                    class="govgr-input"
-                                    control="[object Object]"
-                                    name="name"
-                                    type="text"
-                                  />,
-                                },
-                              },
-                            },
-                            "fieldsWithValidationRef": Object {
-                              "current": Object {},
-                            },
-                            "formStateRef": Object {
-                              "current": Object {
-                                "dirtyFields": Object {},
-                                "errors": Object {},
-                                "isDirty": false,
-                                "isSubmitSuccessful": false,
-                                "isSubmitted": false,
-                                "isSubmitting": false,
-                                "isValid": false,
-                                "submitCount": 0,
-                                "touched": Object {},
-                              },
-                            },
-                            "getValues": [Function],
-                            "isFormDirty": [Function],
-                            "mode": Object {
-                              "isOnAll": false,
-                              "isOnBlur": false,
-                              "isOnChange": false,
-                              "isOnSubmit": true,
-                              "isOnTouch": false,
-                            },
-                            "reValidateMode": Object {
-                              "isReValidateOnBlur": false,
-                              "isReValidateOnChange": false,
+                  <FieldBase
+                    component={
+                      Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "render": [Function],
+                      }
+                    }
+                    control={
+                      Object {
+                        "_defaultValues": Object {},
+                        "_executeSchema": [Function],
+                        "_fields": Object {
+                          "name": Object {
+                            "_f": Object {
+                              "mount": true,
+                              "name": "name",
+                              "ref": <input
+                                aria-required="true"
+                                class="govgr-input"
+                                control="[object Object]"
+                                name="name"
+                                type="text"
+                              />,
                             },
-                            "readFormStateRef": Object {
-                              "current": Object {
-                                "dirtyFields": false,
-                                "isDirty": false,
-                                "isSubmitting": false,
-                                "isValid": false,
-                                "touched": false,
+                          },
+                        },
+                        "_formState": Object {
+                          "dirtyFields": Object {},
+                          "errors": Object {},
+                          "isDirty": false,
+                          "isSubmitSuccessful": false,
+                          "isSubmitted": false,
+                          "isSubmitting": false,
+                          "isValid": false,
+                          "isValidating": false,
+                          "submitCount": 0,
+                          "touchedFields": Object {},
+                        },
+                        "_formValues": Object {
+                          "name": "",
+                        },
+                        "_getDirty": [Function],
+                        "_getFieldArray": [Function],
+                        "_getWatch": [Function],
+                        "_names": Object {
+                          "array": Set {},
+                          "mount": Set {
+                            "name",
+                          },
+                          "unMount": Set {},
+                          "watch": Set {},
+                        },
+                        "_options": Object {
+                          "criteriaMode": "all",
+                          "defaultValues": Object {},
+                          "mode": "onSubmit",
+                          "reValidateMode": "onSubmit",
+                          "resolver": [Function],
+                          "shouldFocusError": true,
+                        },
+                        "_proxyFormState": Object {
+                          "dirtyFields": false,
+                          "errors": "all",
+                          "isDirty": false,
+                          "isValid": false,
+                          "isValidating": false,
+                          "touchedFields": false,
+                        },
+                        "_removeUnmounted": [Function],
+                        "_stateFlags": Object {
+                          "action": false,
+                          "mount": true,
+                          "watch": false,
+                        },
+                        "_subjects": Object {
+                          "array": Object {
+                            "next": [Function],
+                            "observers": Array [],
+                            "subscribe": [Function],
+                            "unsubscribe": [Function],
+                          },
+                          "state": Object {
+                            "next": [Function],
+                            "observers": Array [
+                              Object {
+                                "next": [Function],
                               },
-                            },
-                            "register": [Function],
-                            "removeFieldEventListener": [Function],
-                            "resetFieldArrayFunctionRef": Object {
-                              "current": Object {},
-                            },
-                            "setValue": [Function],
-                            "shallowFieldsStateRef": Object {
-                              "current": Object {},
-                            },
-                            "shouldUnregister": true,
-                            "trigger": [Function],
-                            "unregister": [Function],
-                            "updateFormState": [Function],
-                            "updateWatchedValue": [Function],
-                            "useWatchFieldsRef": Object {
-                              "current": Object {},
-                            },
-                            "useWatchRenderFunctionsRef": Object {
-                              "current": Object {},
-                            },
-                            "validFieldsRef": Object {
-                              "current": Object {},
-                            },
-                            "validateResolver": [Function],
-                            "watchInternal": [Function],
-                          }
-                        }
-                        controlled={false}
-                        key="name"
-                        label={
-                          Object {
-                            "primary": "name.field.primary",
-                            "secondary": "name.field.secondary",
-                          }
+                            ],
+                            "subscribe": [Function],
+                            "unsubscribe": [Function],
+                          },
+                          "watch": Object {
+                            "next": [Function],
+                            "observers": Array [],
+                            "subscribe": [Function],
+                            "unsubscribe": [Function],
+                          },
+                        },
+                        "_updateFieldArray": [Function],
+                        "_updateValid": [Function],
+                        "getFieldState": [Function],
+                        "register": [Function],
+                        "unregister": [Function],
+                      }
+                    }
+                    controlled={false}
+                    key="name"
+                    label={
+                      Object {
+                        "primary": "name.field.primary",
+                        "secondary": "name.field.secondary",
+                      }
+                    }
+                    name="name"
+                    register={[Function]}
+                    required={true}
+                    type="string"
+                  >
+                    <FieldContainer
+                      label={
+                        Object {
+                          "primary": "name.field.primary",
+                          "secondary": "name.field.secondary",
                         }
-                        name="name"
-                        register={[Function]}
-                        required={true}
-                        type="string"
+                      }
+                      name="name"
+                    >
+                      <ForwardRef(Field)
+                        error={false}
                       >
-                        <FieldContainer
-                          label={
-                            Object {
-                              "primary": "name.field.primary",
-                              "secondary": "name.field.secondary",
-                            }
-                          }
-                          name="name"
+                        <ForwardRef(Grid)
+                          className="govgr-field"
+                          item={true}
+                          lg={12}
+                          md={12}
+                          xl={12}
+                          xs={12}
                         >
-                          <ForwardRef(Field)
-                            error={false}
+                          <ForwardRef(Base)
+                            as="div"
+                            className="govgr-field xs:govgr-grid__col-span-12 md:govgr-grid__col-span-12 lg:govgr-grid__col-span-12 xl:govgr-grid__col-span-12"
                           >
                             <div
-                              className="govgr-field"
+                              className="govgr-field xs:govgr-grid__col-span-12 md:govgr-grid__col-span-12 lg:govgr-grid__col-span-12 xl:govgr-grid__col-span-12"
                             >
                               <ForwardRef(Label)>
-                                <label
+                                <ForwardRef(Base)
+                                  as="label"
                                   className="govgr-label"
                                 >
-                                  <Label
-                                    label={
-                                      Object {
-                                        "primary": "name.field.primary",
-                                        "secondary": "name.field.secondary",
-                                      }
-                                    }
+                                  <label
+                                    className="govgr-label"
                                   >
-                                    <ForwardRef(LabelTitle)
-                                      size="s"
+                                    <Label
+                                      label={
+                                        Object {
+                                          "primary": "name.field.primary",
+                                          "secondary": "name.field.secondary",
+                                        }
+                                      }
                                     >
-                                      <span
-                                        className="govgr-heading-s"
+                                      <ForwardRef(LabelTitle)
+                                        size="s"
                                       >
-                                        name.field.primary
-                                      </span>
-                                    </ForwardRef(LabelTitle)>
-                                    <ForwardRef(Hint)>
-                                      <p
-                                        className="govgr-hint"
-                                      >
-                                        name.field.secondary
-                                      </p>
-                                    </ForwardRef(Hint)>
-                                  </Label>
-                                  <ForwardRef(WrappedInput)
-                                    aria-required={true}
-                                    control={
-                                      Object {
-                                        "defaultValuesRef": Object {
-                                          "current": Object {},
-                                        },
-                                        "fieldArrayDefaultValuesRef": Object {
-                                          "current": Object {},
-                                        },
-                                        "fieldArrayNamesRef": Object {
-                                          "current": Set {},
-                                        },
-                                        "fieldArrayValuesRef": Object {
-                                          "current": Object {},
-                                        },
-                                        "fieldsRef": Object {
-                                          "current": Object {
+                                        <ForwardRef(Base)
+                                          as="span"
+                                          className="govgr-heading-s"
+                                        >
+                                          <span
+                                            className="govgr-heading-s"
+                                          >
+                                            name.field.primary
+                                          </span>
+                                        </ForwardRef(Base)>
+                                      </ForwardRef(LabelTitle)>
+                                      <ForwardRef(Hint)>
+                                        <ForwardRef(Base)
+                                          as="p"
+                                          className="govgr-hint"
+                                        >
+                                          <p
+                                            className="govgr-hint"
+                                          >
+                                            name.field.secondary
+                                          </p>
+                                        </ForwardRef(Base)>
+                                      </ForwardRef(Hint)>
+                                    </Label>
+                                    <ForwardRef(WrappedInput)
+                                      aria-required={true}
+                                      control={
+                                        Object {
+                                          "_defaultValues": Object {},
+                                          "_executeSchema": [Function],
+                                          "_fields": Object {
                                             "name": Object {
-                                              "ref": <input
-                                                aria-required="true"
-                                                class="govgr-input"
-                                                control="[object Object]"
-                                                name="name"
-                                                type="text"
-                                              />,
+                                              "_f": Object {
+                                                "mount": true,
+                                                "name": "name",
+                                                "ref": <input
+                                                  aria-required="true"
+                                                  class="govgr-input"
+                                                  control="[object Object]"
+                                                  name="name"
+                                                  type="text"
+                                                />,
+                                              },
                                             },
                                           },
-                                        },
-                                        "fieldsWithValidationRef": Object {
-                                          "current": Object {},
-                                        },
-                                        "formStateRef": Object {
-                                          "current": Object {
+                                          "_formState": Object {
                                             "dirtyFields": Object {},
                                             "errors": Object {},
                                             "isDirty": false,
@@ -390,185 +438,97 @@ exports[`renders the Questions 1`] = `
                                             "isSubmitted": false,
                                             "isSubmitting": false,
                                             "isValid": false,
+                                            "isValidating": false,
                                             "submitCount": 0,
-                                            "touched": Object {},
+                                            "touchedFields": Object {},
                                           },
-                                        },
-                                        "getValues": [Function],
-                                        "isFormDirty": [Function],
-                                        "mode": Object {
-                                          "isOnAll": false,
-                                          "isOnBlur": false,
-                                          "isOnChange": false,
-                                          "isOnSubmit": true,
-                                          "isOnTouch": false,
-                                        },
-                                        "reValidateMode": Object {
-                                          "isReValidateOnBlur": false,
-                                          "isReValidateOnChange": false,
-                                        },
-                                        "readFormStateRef": Object {
-                                          "current": Object {
-                                            "dirtyFields": false,
-                                            "isDirty": false,
-                                            "isSubmitting": false,
-                                            "isValid": false,
-                                            "touched": false,
+                                          "_formValues": Object {
+                                            "name": "",
                                           },
-                                        },
-                                        "register": [Function],
-                                        "removeFieldEventListener": [Function],
-                                        "resetFieldArrayFunctionRef": Object {
-                                          "current": Object {},
-                                        },
-                                        "setValue": [Function],
-                                        "shallowFieldsStateRef": Object {
-                                          "current": Object {},
-                                        },
-                                        "shouldUnregister": true,
-                                        "trigger": [Function],
-                                        "unregister": [Function],
-                                        "updateFormState": [Function],
-                                        "updateWatchedValue": [Function],
-                                        "useWatchFieldsRef": Object {
-                                          "current": Object {},
-                                        },
-                                        "useWatchRenderFunctionsRef": Object {
-                                          "current": Object {},
-                                        },
-                                        "validFieldsRef": Object {
-                                          "current": Object {},
-                                        },
-                                        "validateResolver": [Function],
-                                        "watchInternal": [Function],
-                                      }
-                                    }
-                                    disabled={false}
-                                    error={false}
-                                    extra={Object {}}
-                                    name="name"
-                                    required={true}
-                                    type="string"
-                                  >
-                                    <ForwardRef(TextInput)
-                                      aria-required={true}
-                                      control={
-                                        Object {
-                                          "defaultValuesRef": Object {
-                                            "current": Object {},
+                                          "_getDirty": [Function],
+                                          "_getFieldArray": [Function],
+                                          "_getWatch": [Function],
+                                          "_names": Object {
+                                            "array": Set {},
+                                            "mount": Set {
+                                              "name",
+                                            },
+                                            "unMount": Set {},
+                                            "watch": Set {},
                                           },
-                                          "fieldArrayDefaultValuesRef": Object {
-                                            "current": Object {},
+                                          "_options": Object {
+                                            "criteriaMode": "all",
+                                            "defaultValues": Object {},
+                                            "mode": "onSubmit",
+                                            "reValidateMode": "onSubmit",
+                                            "resolver": [Function],
+                                            "shouldFocusError": true,
                                           },
-                                          "fieldArrayNamesRef": Object {
-                                            "current": Set {},
+                                          "_proxyFormState": Object {
+                                            "dirtyFields": false,
+                                            "errors": "all",
+                                            "isDirty": false,
+                                            "isValid": false,
+                                            "isValidating": false,
+                                            "touchedFields": false,
                                           },
-                                          "fieldArrayValuesRef": Object {
-                                            "current": Object {},
+                                          "_removeUnmounted": [Function],
+                                          "_stateFlags": Object {
+                                            "action": false,
+                                            "mount": true,
+                                            "watch": false,
                                           },
-                                          "fieldsRef": Object {
-                                            "current": Object {
-                                              "name": Object {
-                                                "ref": <input
-                                                  aria-required="true"
-                                                  class="govgr-input"
-                                                  control="[object Object]"
-                                                  name="name"
-                                                  type="text"
-                                                />,
-                                              },
+                                          "_subjects": Object {
+                                            "array": Object {
+                                              "next": [Function],
+                                              "observers": Array [],
+                                              "subscribe": [Function],
+                                              "unsubscribe": [Function],
                                             },
-                                          },
-                                          "fieldsWithValidationRef": Object {
-                                            "current": Object {},
-                                          },
-                                          "formStateRef": Object {
-                                            "current": Object {
-                                              "dirtyFields": Object {},
-                                              "errors": Object {},
-                                              "isDirty": false,
-                                              "isSubmitSuccessful": false,
-                                              "isSubmitted": false,
-                                              "isSubmitting": false,
-                                              "isValid": false,
-                                              "submitCount": 0,
-                                              "touched": Object {},
+                                            "state": Object {
+                                              "next": [Function],
+                                              "observers": Array [
+                                                Object {
+                                                  "next": [Function],
+                                                },
+                                              ],
+                                              "subscribe": [Function],
+                                              "unsubscribe": [Function],
                                             },
-                                          },
-                                          "getValues": [Function],
-                                          "isFormDirty": [Function],
-                                          "mode": Object {
-                                            "isOnAll": false,
-                                            "isOnBlur": false,
-                                            "isOnChange": false,
-                                            "isOnSubmit": true,
-                                            "isOnTouch": false,
-                                          },
-                                          "reValidateMode": Object {
-                                            "isReValidateOnBlur": false,
-                                            "isReValidateOnChange": false,
-                                          },
-                                          "readFormStateRef": Object {
-                                            "current": Object {
-                                              "dirtyFields": false,
-                                              "isDirty": false,
-                                              "isSubmitting": false,
-                                              "isValid": false,
-                                              "touched": false,
+                                            "watch": Object {
+                                              "next": [Function],
+                                              "observers": Array [],
+                                              "subscribe": [Function],
+                                              "unsubscribe": [Function],
                                             },
                                           },
+                                          "_updateFieldArray": [Function],
+                                          "_updateValid": [Function],
+                                          "getFieldState": [Function],
                                           "register": [Function],
-                                          "removeFieldEventListener": [Function],
-                                          "resetFieldArrayFunctionRef": Object {
-                                            "current": Object {},
-                                          },
-                                          "setValue": [Function],
-                                          "shallowFieldsStateRef": Object {
-                                            "current": Object {},
-                                          },
-                                          "shouldUnregister": true,
-                                          "trigger": [Function],
                                           "unregister": [Function],
-                                          "updateFormState": [Function],
-                                          "updateWatchedValue": [Function],
-                                          "useWatchFieldsRef": Object {
-                                            "current": Object {},
-                                          },
-                                          "useWatchRenderFunctionsRef": Object {
-                                            "current": Object {},
-                                          },
-                                          "validFieldsRef": Object {
-                                            "current": Object {},
-                                          },
-                                          "validateResolver": [Function],
-                                          "watchInternal": [Function],
                                         }
                                       }
                                       disabled={false}
                                       error={false}
+                                      extra={Object {}}
                                       name="name"
-                                      type="text"
+                                      onBlur={[Function]}
+                                      onChange={[Function]}
+                                      required={true}
+                                      type="string"
                                     >
-                                      <input
+                                      <ForwardRef(TextInput)
                                         aria-required={true}
-                                        className="govgr-input"
                                         control={
                                           Object {
-                                            "defaultValuesRef": Object {
-                                              "current": Object {},
-                                            },
-                                            "fieldArrayDefaultValuesRef": Object {
-                                              "current": Object {},
-                                            },
-                                            "fieldArrayNamesRef": Object {
-                                              "current": Set {},
-                                            },
-                                            "fieldArrayValuesRef": Object {
-                                              "current": Object {},
-                                            },
-                                            "fieldsRef": Object {
-                                              "current": Object {
-                                                "name": Object {
+                                            "_defaultValues": Object {},
+                                            "_executeSchema": [Function],
+                                            "_fields": Object {
+                                              "name": Object {
+                                                "_f": Object {
+                                                  "mount": true,
+                                                  "name": "name",
                                                   "ref": <input
                                                     aria-required="true"
                                                     class="govgr-input"
@@ -579,11 +539,116 @@ exports[`renders the Questions 1`] = `
                                                 },
                                               },
                                             },
-                                            "fieldsWithValidationRef": Object {
-                                              "current": Object {},
+                                            "_formState": Object {
+                                              "dirtyFields": Object {},
+                                              "errors": Object {},
+                                              "isDirty": false,
+                                              "isSubmitSuccessful": false,
+                                              "isSubmitted": false,
+                                              "isSubmitting": false,
+                                              "isValid": false,
+                                              "isValidating": false,
+                                              "submitCount": 0,
+                                              "touchedFields": Object {},
+                                            },
+                                            "_formValues": Object {
+                                              "name": "",
+                                            },
+                                            "_getDirty": [Function],
+                                            "_getFieldArray": [Function],
+                                            "_getWatch": [Function],
+                                            "_names": Object {
+                                              "array": Set {},
+                                              "mount": Set {
+                                                "name",
+                                              },
+                                              "unMount": Set {},
+                                              "watch": Set {},
+                                            },
+                                            "_options": Object {
+                                              "criteriaMode": "all",
+                                              "defaultValues": Object {},
+                                              "mode": "onSubmit",
+                                              "reValidateMode": "onSubmit",
+                                              "resolver": [Function],
+                                              "shouldFocusError": true,
                                             },
-                                            "formStateRef": Object {
-                                              "current": Object {
+                                            "_proxyFormState": Object {
+                                              "dirtyFields": false,
+                                              "errors": "all",
+                                              "isDirty": false,
+                                              "isValid": false,
+                                              "isValidating": false,
+                                              "touchedFields": false,
+                                            },
+                                            "_removeUnmounted": [Function],
+                                            "_stateFlags": Object {
+                                              "action": false,
+                                              "mount": true,
+                                              "watch": false,
+                                            },
+                                            "_subjects": Object {
+                                              "array": Object {
+                                                "next": [Function],
+                                                "observers": Array [],
+                                                "subscribe": [Function],
+                                                "unsubscribe": [Function],
+                                              },
+                                              "state": Object {
+                                                "next": [Function],
+                                                "observers": Array [
+                                                  Object {
+                                                    "next": [Function],
+                                                  },
+                                                ],
+                                                "subscribe": [Function],
+                                                "unsubscribe": [Function],
+                                              },
+                                              "watch": Object {
+                                                "next": [Function],
+                                                "observers": Array [],
+                                                "subscribe": [Function],
+                                                "unsubscribe": [Function],
+                                              },
+                                            },
+                                            "_updateFieldArray": [Function],
+                                            "_updateValid": [Function],
+                                            "getFieldState": [Function],
+                                            "register": [Function],
+                                            "unregister": [Function],
+                                          }
+                                        }
+                                        disabled={false}
+                                        error={false}
+                                        name="name"
+                                        onBlur={[Function]}
+                                        onChange={[Function]}
+                                        type="text"
+                                      >
+                                        <ForwardRef(Base)
+                                          aria-required={true}
+                                          as="input"
+                                          className="govgr-input"
+                                          control={
+                                            Object {
+                                              "_defaultValues": Object {},
+                                              "_executeSchema": [Function],
+                                              "_fields": Object {
+                                                "name": Object {
+                                                  "_f": Object {
+                                                    "mount": true,
+                                                    "name": "name",
+                                                    "ref": <input
+                                                      aria-required="true"
+                                                      class="govgr-input"
+                                                      control="[object Object]"
+                                                      name="name"
+                                                      type="text"
+                                                    />,
+                                                  },
+                                                },
+                                              },
+                                              "_formState": Object {
                                                 "dirtyFields": Object {},
                                                 "errors": Object {},
                                                 "isDirty": false,
@@ -591,91 +656,226 @@ exports[`renders the Questions 1`] = `
                                                 "isSubmitted": false,
                                                 "isSubmitting": false,
                                                 "isValid": false,
+                                                "isValidating": false,
                                                 "submitCount": 0,
-                                                "touched": Object {},
+                                                "touchedFields": Object {},
                                               },
-                                            },
-                                            "getValues": [Function],
-                                            "isFormDirty": [Function],
-                                            "mode": Object {
-                                              "isOnAll": false,
-                                              "isOnBlur": false,
-                                              "isOnChange": false,
-                                              "isOnSubmit": true,
-                                              "isOnTouch": false,
-                                            },
-                                            "reValidateMode": Object {
-                                              "isReValidateOnBlur": false,
-                                              "isReValidateOnChange": false,
-                                            },
-                                            "readFormStateRef": Object {
-                                              "current": Object {
+                                              "_formValues": Object {
+                                                "name": "",
+                                              },
+                                              "_getDirty": [Function],
+                                              "_getFieldArray": [Function],
+                                              "_getWatch": [Function],
+                                              "_names": Object {
+                                                "array": Set {},
+                                                "mount": Set {
+                                                  "name",
+                                                },
+                                                "unMount": Set {},
+                                                "watch": Set {},
+                                              },
+                                              "_options": Object {
+                                                "criteriaMode": "all",
+                                                "defaultValues": Object {},
+                                                "mode": "onSubmit",
+                                                "reValidateMode": "onSubmit",
+                                                "resolver": [Function],
+                                                "shouldFocusError": true,
+                                              },
+                                              "_proxyFormState": Object {
                                                 "dirtyFields": false,
+                                                "errors": "all",
                                                 "isDirty": false,
-                                                "isSubmitting": false,
                                                 "isValid": false,
-                                                "touched": false,
+                                                "isValidating": false,
+                                                "touchedFields": false,
                                               },
-                                            },
-                                            "register": [Function],
-                                            "removeFieldEventListener": [Function],
-                                            "resetFieldArrayFunctionRef": Object {
-                                              "current": Object {},
-                                            },
-                                            "setValue": [Function],
-                                            "shallowFieldsStateRef": Object {
-                                              "current": Object {},
-                                            },
-                                            "shouldUnregister": true,
-                                            "trigger": [Function],
-                                            "unregister": [Function],
-                                            "updateFormState": [Function],
-                                            "updateWatchedValue": [Function],
-                                            "useWatchFieldsRef": Object {
-                                              "current": Object {},
-                                            },
-                                            "useWatchRenderFunctionsRef": Object {
-                                              "current": Object {},
-                                            },
-                                            "validFieldsRef": Object {
-                                              "current": Object {},
-                                            },
-                                            "validateResolver": [Function],
-                                            "watchInternal": [Function],
+                                              "_removeUnmounted": [Function],
+                                              "_stateFlags": Object {
+                                                "action": false,
+                                                "mount": true,
+                                                "watch": false,
+                                              },
+                                              "_subjects": Object {
+                                                "array": Object {
+                                                  "next": [Function],
+                                                  "observers": Array [],
+                                                  "subscribe": [Function],
+                                                  "unsubscribe": [Function],
+                                                },
+                                                "state": Object {
+                                                  "next": [Function],
+                                                  "observers": Array [
+                                                    Object {
+                                                      "next": [Function],
+                                                    },
+                                                  ],
+                                                  "subscribe": [Function],
+                                                  "unsubscribe": [Function],
+                                                },
+                                                "watch": Object {
+                                                  "next": [Function],
+                                                  "observers": Array [],
+                                                  "subscribe": [Function],
+                                                  "unsubscribe": [Function],
+                                                },
+                                              },
+                                              "_updateFieldArray": [Function],
+                                              "_updateValid": [Function],
+                                              "getFieldState": [Function],
+                                              "register": [Function],
+                                              "unregister": [Function],
+                                            }
                                           }
-                                        }
-                                        disabled={false}
-                                        name="name"
-                                        type="text"
-                                      />
-                                    </ForwardRef(TextInput)>
-                                  </ForwardRef(WrappedInput)>
-                                </label>
+                                          disabled={false}
+                                          name="name"
+                                          onBlur={[Function]}
+                                          onChange={[Function]}
+                                          type="text"
+                                        >
+                                          <input
+                                            aria-required={true}
+                                            className="govgr-input"
+                                            control={
+                                              Object {
+                                                "_defaultValues": Object {},
+                                                "_executeSchema": [Function],
+                                                "_fields": Object {
+                                                  "name": Object {
+                                                    "_f": Object {
+                                                      "mount": true,
+                                                      "name": "name",
+                                                      "ref": <input
+                                                        aria-required="true"
+                                                        class="govgr-input"
+                                                        control="[object Object]"
+                                                        name="name"
+                                                        type="text"
+                                                      />,
+                                                    },
+                                                  },
+                                                },
+                                                "_formState": Object {
+                                                  "dirtyFields": Object {},
+                                                  "errors": Object {},
+                                                  "isDirty": false,
+                                                  "isSubmitSuccessful": false,
+                                                  "isSubmitted": false,
+                                                  "isSubmitting": false,
+                                                  "isValid": false,
+                                                  "isValidating": false,
+                                                  "submitCount": 0,
+                                                  "touchedFields": Object {},
+                                                },
+                                                "_formValues": Object {
+                                                  "name": "",
+                                                },
+                                                "_getDirty": [Function],
+                                                "_getFieldArray": [Function],
+                                                "_getWatch": [Function],
+                                                "_names": Object {
+                                                  "array": Set {},
+                                                  "mount": Set {
+                                                    "name",
+                                                  },
+                                                  "unMount": Set {},
+                                                  "watch": Set {},
+                                                },
+                                                "_options": Object {
+                                                  "criteriaMode": "all",
+                                                  "defaultValues": Object {},
+                                                  "mode": "onSubmit",
+                                                  "reValidateMode": "onSubmit",
+                                                  "resolver": [Function],
+                                                  "shouldFocusError": true,
+                                                },
+                                                "_proxyFormState": Object {
+                                                  "dirtyFields": false,
+                                                  "errors": "all",
+                                                  "isDirty": false,
+                                                  "isValid": false,
+                                                  "isValidating": false,
+                                                  "touchedFields": false,
+                                                },
+                                                "_removeUnmounted": [Function],
+                                                "_stateFlags": Object {
+                                                  "action": false,
+                                                  "mount": true,
+                                                  "watch": false,
+                                                },
+                                                "_subjects": Object {
+                                                  "array": Object {
+                                                    "next": [Function],
+                                                    "observers": Array [],
+                                                    "subscribe": [Function],
+                                                    "unsubscribe": [Function],
+                                                  },
+                                                  "state": Object {
+                                                    "next": [Function],
+                                                    "observers": Array [
+                                                      Object {
+                                                        "next": [Function],
+                                                      },
+                                                    ],
+                                                    "subscribe": [Function],
+                                                    "unsubscribe": [Function],
+                                                  },
+                                                  "watch": Object {
+                                                    "next": [Function],
+                                                    "observers": Array [],
+                                                    "subscribe": [Function],
+                                                    "unsubscribe": [Function],
+                                                  },
+                                                },
+                                                "_updateFieldArray": [Function],
+                                                "_updateValid": [Function],
+                                                "getFieldState": [Function],
+                                                "register": [Function],
+                                                "unregister": [Function],
+                                              }
+                                            }
+                                            disabled={false}
+                                            name="name"
+                                            onBlur={[Function]}
+                                            onChange={[Function]}
+                                            type="text"
+                                          />
+                                        </ForwardRef(Base)>
+                                      </ForwardRef(TextInput)>
+                                    </ForwardRef(WrappedInput)>
+                                  </label>
+                                </ForwardRef(Base)>
                               </ForwardRef(Label)>
                             </div>
-                          </ForwardRef(Field)>
-                        </FieldContainer>
-                      </FieldBase>
-                    </Field>
-                    <withDeprecationComponent
+                          </ForwardRef(Base)>
+                        </ForwardRef(Grid)>
+                      </ForwardRef(Field)>
+                    </FieldContainer>
+                  </FieldBase>
+                </Field>
+                <withDeprecationComponent
+                  type="submit"
+                >
+                  <ForwardRef(Button)
+                    type="submit"
+                  >
+                    <ForwardRef(Base)
+                      as="button"
+                      className="govgr-btn-primary govgr-btn"
                       type="submit"
                     >
-                      <ForwardRef(Button)
+                      <button
+                        className="govgr-btn-primary govgr-btn"
                         type="submit"
                       >
-                        <button
-                          className="govgr-btn-primary govgr-btn"
-                          type="submit"
-                        >
-                          Συνέχεια
-                        </button>
-                      </ForwardRef(Button)>
-                    </withDeprecationComponent>
-                  </div>
-                </ForwardRef(Grid)>
-              </div>
-            </ForwardRef(Grid)>
-          </form>
+                        Συνέχεια
+                      </button>
+                    </ForwardRef(Base)>
+                  </ForwardRef(Button)>
+                </withDeprecationComponent>
+              </form>
+            </ForwardRef(Base)>
+          </ForwardRef(Form)>
         </ForwardRef(FormBase)>
       </ForwardRef(FormBuilder)>
     </StepForm>