@digigov/form 0.13.2 → 1.0.0-079f34f3d

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

@@ -65,83 +65,87 @@ exports[`renders the Questions 1`] = `
                 onClick={[Function]}
                 tabIndex={0}
               >
-                <ForwardRef(CaretIcon)>
-                  <ForwardRef(SvgIcon)
-                    className="govgr-caret--left"
+                <CaretIcon
+                  direction="left"
+                >
+                  <ForwardRef(Icon)
+                    direction="left"
+                    icon="caret"
                   >
-                    <ForwardRef(Base)
-                      aria-hidden="true"
-                      as="svg"
-                      className="govgr-caret--left govgr-svg-icon"
-                      focusable="false"
-                      viewBox="0 0 24 24"
+                    <ForwardRef(SvgIcon)
+                      className="govgr-svg-icon--caret"
                     >
-                      <svg
+                      <ForwardRef(Base)
                         aria-hidden="true"
-                        className="govgr-caret--left govgr-svg-icon"
+                        as="svg"
+                        className="govgr-svg-icon--caret govgr-svg-icon"
                         focusable="false"
                         viewBox="0 0 24 24"
                       >
-                        <path
-                          d="M18,22V2L6,12L18,22z"
-                        />
-                      </svg>
-                    </ForwardRef(Base)>
-                  </ForwardRef(SvgIcon)>
-                </ForwardRef(CaretIcon)>
-                Πίσω
+                        <svg
+                          aria-hidden="true"
+                          className="govgr-svg-icon--caret govgr-svg-icon"
+                          focusable="false"
+                          viewBox="0 0 24 24"
+                        >
+                          <caret
+                            direction="left"
+                          >
+                            <path
+                              d="M18,22V2L6,12L18,22z"
+                            />
+                          </caret>
+                        </svg>
+                      </ForwardRef(Base)>
+                    </ForwardRef(SvgIcon)>
+                  </ForwardRef(Icon)>
+                </CaretIcon>
+                back.button
               </a>
             </ForwardRef(Base)>
           </ForwardRef(BackLink)>
         </withDeprecationComponent>
-        <ForwardRef(PageTitle)>
+        <ForwardRef(PageTitleContainer)>
           <ForwardRef(Base)
             as="div"
-            className=""
+            className="govgr-page-title"
           >
             <div
-              className=""
+              className="govgr-page-title"
             >
-              <ForwardRef(PageTitleSection)>
-                <ForwardRef(Base)
-                  as="div"
-                  className=""
-                >
-                  <div
-                    className=""
+              <ForwardRef(PageTitleCaption)>
+                <ForwardRef(HeadingCaption)>
+                  <ForwardRef(Base)
+                    as="span"
+                    className="govgr-caption-lg"
                   >
-                    <ForwardRef(PageTitleCaption)>
-                      <ForwardRef(Base)
-                        as="span"
-                        className="govgr-caption-l"
-                      >
-                        <span
-                          className="govgr-caption-l"
-                        >
-                          intro.caption
-                        </span>
-                      </ForwardRef(Base)>
-                    </ForwardRef(PageTitleCaption)>
-                  </div>
-                </ForwardRef(Base)>
-              </ForwardRef(PageTitleSection)>
+                    <span
+                      className="govgr-caption-lg"
+                    >
+                      intro.caption
+                    </span>
+                  </ForwardRef(Base)>
+                </ForwardRef(HeadingCaption)>
+              </ForwardRef(PageTitleCaption)>
               <StepTitleHeading>
                 <ForwardRef(PageTitleHeading)>
-                  <ForwardRef(Base)
-                    as="h1"
-                    className="govgr-heading-xl"
-                  >
-                    <h1
+                  <ForwardRef(Heading)>
+                    <ForwardRef(Base)
+                      as="h1"
                       className="govgr-heading-xl"
                     >
-                      intro.title
-                    </h1>
-                  </ForwardRef(Base)>
+                      <h1
+                        className="govgr-heading-xl"
+                      >
+                        intro.title
+                      </h1>
+                    </ForwardRef(Base)>
+                  </ForwardRef(Heading)>
                 </ForwardRef(PageTitleHeading)>
               </StepTitleHeading>
             </div>
           </ForwardRef(Base)>
-        </ForwardRef(PageTitle)>
+        </ForwardRef(PageTitleContainer)>
       </StepTitleBase>
     </StepTitle>
     <StepQuote>
@@ -237,7 +241,6 @@ exports[`renders the Questions 1`] = `
                               "ref": <input
                                 aria-required="true"
                                 class="govgr-input"
-                                control="[object Object]"
                                 name="name"
                                 type="text"
                               />,
@@ -311,7 +314,11 @@ exports[`renders the Questions 1`] = `
                           },
                           "watch": Object {
                             "next": [Function],
-                            "observers": Array [],
+                            "observers": Array [
+                              Object {
+                                "next": [Function],
+                              },
+                            ],
                             "subscribe": [Function],
                             "unsubscribe": [Function],
                           },
@@ -352,17 +359,14 @@ exports[`renders the Questions 1`] = `
                         <ForwardRef(Grid)
                           className="govgr-field"
                           item={true}
-                          lg={12}
-                          md={12}
-                          xl={12}
                           xs={12}
                         >
                           <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"
+                            className="govgr-field xs:govgr-grid__col-span-12"
                           >
                             <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"
+                              className="govgr-field xs:govgr-grid__col-span-12"
                             >
                               <ForwardRef(LabelContainer)>
                                 <ForwardRef(Base)
@@ -381,14 +385,14 @@ exports[`renders the Questions 1`] = `
                                       }
                                     >
                                       <ForwardRef(LabelTitle)
-                                        size="s"
+                                        size="sm"
                                       >
                                         <ForwardRef(Base)
                                           as="span"
-                                          className="govgr-heading-s"
+                                          className="govgr-heading-sm"
                                         >
                                           <span
-                                            className="govgr-heading-s"
+                                            className="govgr-heading-sm"
                                           >
                                             name.field.primary
                                           </span>
@@ -421,7 +425,6 @@ exports[`renders the Questions 1`] = `
                                                 "ref": <input
                                                   aria-required="true"
                                                   class="govgr-input"
-                                                  control="[object Object]"
                                                   name="name"
                                                   type="text"
                                                 />,
@@ -495,7 +498,11 @@ exports[`renders the Questions 1`] = `
                                             },
                                             "watch": Object {
                                               "next": [Function],
-                                              "observers": Array [],
+                                              "observers": Array [
+                                                Object {
+                                                  "next": [Function],
+                                                },
+                                              ],
                                               "subscribe": [Function],
                                               "unsubscribe": [Function],
                                             },
@@ -519,104 +526,6 @@ exports[`renders the Questions 1`] = `
                                     >
                                       <ForwardRef(TextInput)
                                         aria-required={true}
-                                        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}
                                         error={false}
                                         name="name"
@@ -628,104 +537,6 @@ exports[`renders the Questions 1`] = `
                                           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,
-                                                "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]}
@@ -735,104 +546,6 @@ exports[`renders the Questions 1`] = `
                                           <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]}

package/Questions/__stories__/Default.js

@@ -12,22 +12,22 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Footer = _interopRequireDefault(require("@digigov/ui/govgr/Footer"));
+var _form = require("@digigov/form");
+
+var _Questions = _interopRequireWildcard(require("@digigov/form/Questions"));
 
 var _Header = _interopRequireDefault(require("@digigov/ui/app/Header"));
 
+var _HeaderContent = _interopRequireDefault(require("@digigov/ui/app/Header/HeaderContent"));
+
 var _HeaderSection = _interopRequireDefault(require("@digigov/ui/app/Header/HeaderSection"));
 
-var _HeaderContent = _interopRequireDefault(require("@digigov/ui/app/Header/HeaderContent"));
+var _Footer = _interopRequireDefault(require("@digigov/ui/govgr/Footer"));
 
 var _GovGRLogo = _interopRequireDefault(require("@digigov/ui/govgr/GovGRLogo"));
 
 var _Basic = _interopRequireWildcard(require("@digigov/ui/layouts/Basic"));
 
-var _Questions = _interopRequireWildcard(require("@digigov/form/Questions"));
-
-var _form = require("@digigov/form");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -86,7 +86,7 @@ var steps = [{
   }]
 }];
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Basic.Top, null, /*#__PURE__*/_react["default"].createElement(_Header["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderSection["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderContent["default"], null, /*#__PURE__*/_react["default"].createElement(_GovGRLogo["default"], {
+var _ref = /*#__PURE__*/_react["default"].createElement(_Basic.Top, null, /*#__PURE__*/_react["default"].createElement(_Header["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderContent["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderSection["default"], null, /*#__PURE__*/_react["default"].createElement(_GovGRLogo["default"], {
   href: "#"
 })))));