@digigov/form 0.10.7 → 0.10.9

package/CHANGELOG.md

@@ -1,6 +1,20 @@
 # Change Log - @digigov/form
 
-This log was last generated on Fri, 18 Nov 2022 08:33:43 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Jan 2023 13:05:21 GMT and should not be manually modified.
+
+## 0.10.9
+Mon, 16 Jan 2023 13:05:21 GMT
+
+### Patches
+
+- Update import paths
+
+## 0.10.8
+Fri, 02 Dec 2022 11:20:56 GMT
+
+### Patches
+
+- fix Questions' export value
 
 ## 0.10.7
 Fri, 18 Nov 2022 08:33:43 GMT

package/{dist/FieldArray → FieldArray}/FieldArray.stories.d.ts

@@ -1,6 +1,7 @@
 declare namespace _default {
     export const title: string;
     export { FieldArray as component };
+    export const displayName: string;
 }
 export default _default;
 export * from "@digigov/form/FieldArray/__stories__/Default";

package/{dist/FieldArray → FieldArray}/FieldArray.stories.js

@@ -39,6 +39,7 @@ Object.keys(_WithExactLength).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov Form/FieldArray',
-  component: _FieldArray["default"]
+  component: _FieldArray["default"],
+  displayName: 'FieldArray'
 };
 exports["default"] = _default;

package/Form.stories.playwright.json

@@ -0,0 +1,71 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-form--int-field": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>button"
+              }
+            },
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(1)>label>input",
+                "text": "2.2"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>button"
+              }
+            }
+          ],
+          "id": "7wMj7iTumGC-",
+          "title": "Show validation errors"
+        },
+        {
+          "actions": [
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            }
+          ],
+          "id": "e7W6ZshKZmsE",
+          "title": "Focus with keyboard"
+        },
+        {
+          "actions": [
+            {
+              "name": "type",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>div:nth-child(1)>label>input",
+                "text": "1"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>button"
+              }
+            }
+          ],
+          "id": "DBqARxwPma5a",
+          "title": "Add number"
+        }
+      ]
+    }
+  }
+}

package/{dist/FormBuilder → FormBuilder}/FormBuilder.mdx

@@ -94,7 +94,7 @@ import BasicLayout, {
   Bottom,
 } from '@digigov/ui/layouts/Basic';
 import Header, { HeaderTitle } from '@digigov/ui/app/Header';
-import GovGRLogo from '@digigov/ui/govgr/Logo';
+import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
 import GovGRFooter from '@digigov/ui/govgr/Footer';
 import Button from '@digigov/ui/core/Button';
 import PageTitle, {

package/{dist/FormBuilder → FormBuilder}/FormBuilder.stories.d.ts

@@ -1,6 +1,7 @@
 declare namespace _default {
     export const title: string;
     export { FormBuilder as component };
+    export const displayName: string;
 }
 export default _default;
 export * from "@digigov/form/FormBuilder/__stories__/Default";

package/{dist/FormBuilder → FormBuilder}/FormBuilder.stories.js

@@ -25,6 +25,7 @@ Object.keys(_Default).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov Form/FormBuilder',
-  component: _FormBuilder["default"]
+  component: _FormBuilder["default"],
+  displayName: 'FormBuilder'
 };
 exports["default"] = _default;

package/{dist/MultiplicityField → MultiplicityField}/MultiplicityField.stories.d.ts

@@ -1,6 +1,7 @@
 declare namespace _default {
     export const title: string;
     export { MultiplicityField as component };
+    export const displayName: string;
 }
 export default _default;
 export * from "@digigov/form/MultiplicityField/__stories__/Default";

package/{dist/MultiplicityField → MultiplicityField}/MultiplicityField.stories.js

@@ -95,6 +95,7 @@ Object.keys(_PreviewDisplay).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov Form/MultiplicityField',
-  component: _MultiplicityField["default"]
+  component: _MultiplicityField["default"],
+  displayName: 'MultiplicityField'
 };
 exports["default"] = _default;

package/{dist/MultiplicityField → MultiplicityField}/__stories__/PreviewDisplay.js

@@ -19,7 +19,7 @@ var _ui = require("@digigov/ui");
 
 var _Footer = _interopRequireDefault(require("@digigov/ui/govgr/Footer"));
 
-var _Logo = _interopRequireDefault(require("@digigov/ui/govgr/Logo"));
+var _GovGRLogo = _interopRequireDefault(require("@digigov/ui/govgr/GovGRLogo"));
 
 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); }
 
@@ -54,13 +54,13 @@ var fields = [{
   value: 'ΚΑΡΤΑ'
 }];
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_ui.Header, null, /*#__PURE__*/_react["default"].createElement(_ui.HeaderSection, null, /*#__PURE__*/_react["default"].createElement(_ui.HeaderContent, null, /*#__PURE__*/_react["default"].createElement(_Logo["default"], {
+var _ref = /*#__PURE__*/_react["default"].createElement(_ui.Header, null, /*#__PURE__*/_react["default"].createElement(_ui.HeaderSection, null, /*#__PURE__*/_react["default"].createElement(_ui.HeaderContent, null, /*#__PURE__*/_react["default"].createElement(_GovGRLogo["default"], {
   href: "#"
 }), /*#__PURE__*/_react["default"].createElement(_ui.HeaderTitle, null, "\u03A0\u03C1\u03CC\u03C4\u03C5\u03C0\u03BF-\u0391\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC\u03C2"))));
 
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_ui.Caption, null, "\u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE \u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD");
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_ui.HeadingCaption, null, "\u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE \u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD");
 
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_ui.Title, null, "\u03A0\u03C1\u03BF\u03B5\u03C0\u03B9\u03C3\u03BA\u03CC\u03C0\u03B7\u03C3\u03B7");
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_ui.Heading, null, "\u03A0\u03C1\u03BF\u03B5\u03C0\u03B9\u03C3\u03BA\u03CC\u03C0\u03B7\u03C3\u03B7");
 
 var _ref4 = /*#__PURE__*/_react["default"].createElement(_ui.Paragraph, null, /*#__PURE__*/_react["default"].createElement(_ui.Paragraph, null, "\u03A0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03BF\u03BD\u03C4\u03B1\u03B9 \u03BF\u03B9 \u03C3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B5\u03C2 \u03C4\u03BF\u03C5 \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD"));
 
@@ -73,8 +73,8 @@ var _ref7 = /*#__PURE__*/_react["default"].createElement(_ui.Card, {
   borderColor: "dark"
 }, /*#__PURE__*/_react["default"].createElement(_ui.CardHeading, null, "\u03A3\u03C5\u03BD\u03C5\u03C0\u03BF\u03B3\u03C1\u03AC\u03C6\u03BF\u03BD\u03C4\u03B1\u03C2 3"), /*#__PURE__*/_react["default"].createElement(_ui.CardText, null, /*#__PURE__*/_react["default"].createElement(_SummaryList["default"], null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2")))));
 
-var _ref8 = /*#__PURE__*/_react["default"].createElement(_ui.Title, {
-  size: "md"
+var _ref8 = /*#__PURE__*/_react["default"].createElement(_ui.Heading, {
+  size: "m"
 }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2");
 
 var _ref9 = /*#__PURE__*/_react["default"].createElement(_SummaryList["default"], null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u039C\u0391\u03A1\u0399\u039F\u03A3")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0395\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u039C\u0395\u039D\u0395\u039E\u0395\u03A3")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "15/12/1988")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A3\u03C7\u03BF\u03BB\u03B5\u03AF\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, /*#__PURE__*/_react["default"].createElement(_ui.List, {

package/Questions/Questions.stories.d.ts

@@ -0,0 +1,8 @@
+declare namespace _default {
+    export const title: string;
+    export { Questions as component };
+    export const displayName: string;
+}
+export default _default;
+export * from "@digigov/form/Questions/__stories__/Default";
+import Questions from "@digigov/form/Questions";

package/Questions/Questions.stories.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _Questions = _interopRequireDefault(require("@digigov/form/Questions"));
+
+var _Default = require("@digigov/form/Questions/__stories__/Default");
+
+Object.keys(_Default).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Default[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Default[key];
+    }
+  });
+});
+var _default = {
+  title: 'Digigov Form/Questions',
+  component: _Questions["default"],
+  displayName: 'Questions'
+};
+exports["default"] = _default;

package/Questions/__stories__/Default.d.ts

@@ -0,0 +1,2 @@
+export declare function Default(): JSX.Element;
+export default Default;

package/Questions/__stories__/Default.js

@@ -0,0 +1,130 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Default = Default;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Footer = _interopRequireDefault(require("@digigov/ui/govgr/Footer"));
+
+var _Header = _interopRequireDefault(require("@digigov/ui/app/Header"));
+
+var _HeaderSection = _interopRequireDefault(require("@digigov/ui/app/Header/HeaderSection"));
+
+var _HeaderContent = _interopRequireDefault(require("@digigov/ui/app/Header/HeaderContent"));
+
+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; }
+
+var steps = [{
+  name: 'age',
+  title: 'What is your age?',
+  fields: [{
+    key: 'age',
+    type: 'int',
+    required: true
+  }],
+  nextStep: function nextStep(data) {
+    return data.age > 17 ? 'citizen-adult' : 'citizen-underage';
+  }
+}, {
+  name: 'citizen-underage',
+  title: 'Are you a student?',
+  fields: [{
+    key: 'citizen-underage-student',
+    type: 'radio',
+    required: true,
+    options: [{
+      label: {
+        primary: 'Yes'
+      },
+      value: 'yes'
+    }, {
+      label: {
+        primary: 'No'
+      },
+      value: 'no'
+    }]
+  }]
+}, {
+  name: 'citizen-adult',
+  title: 'Are you currently employed?',
+  fields: [{
+    key: 'citizen-adult-employed',
+    type: 'radio',
+    required: true,
+    options: [{
+      label: {
+        primary: 'Yes'
+      },
+      value: 'yes'
+    }, {
+      label: {
+        primary: 'No'
+      },
+      value: 'no'
+    }]
+  }]
+}];
+
+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"], {
+  href: "#"
+})))));
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Questions.Step, {
+  name: "age"
+}, /*#__PURE__*/_react["default"].createElement(_Questions.StepTitle, null), /*#__PURE__*/_react["default"].createElement(_Questions.StepForm, {
+  submitButton: true
+}, /*#__PURE__*/_react["default"].createElement(_form.Field, {
+  key: "age",
+  name: "age"
+})));
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_Questions.Step, {
+  name: "citizen-underage"
+}, /*#__PURE__*/_react["default"].createElement(_Questions.StepTitle, null), /*#__PURE__*/_react["default"].createElement(_Questions.StepForm, {
+  submitButton: true
+}, /*#__PURE__*/_react["default"].createElement(_form.Field, {
+  key: "citizen-underage-student",
+  name: "citizen-underage-student"
+})));
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_Questions.Step, {
+  name: "citizen-adult"
+}, /*#__PURE__*/_react["default"].createElement(_Questions.StepTitle, null), /*#__PURE__*/_react["default"].createElement(_Questions.StepForm, {
+  submitButton: true
+}, /*#__PURE__*/_react["default"].createElement(_form.Field, {
+  key: "citizen-adult-employed",
+  name: "citizen-adult-employed"
+})));
+
+var _ref5 = /*#__PURE__*/_react["default"].createElement(_Basic.Bottom, null, /*#__PURE__*/_react["default"].createElement(_Footer["default"], null));
+
+function Default() {
+  return /*#__PURE__*/_react["default"].createElement(_Basic["default"], null, _ref, /*#__PURE__*/_react["default"].createElement(_Basic.Content, null, /*#__PURE__*/_react["default"].createElement(_Basic.Main, null, /*#__PURE__*/_react["default"].createElement(_Questions["default"], {
+    name: 'example',
+    steps: steps,
+    onSubmit: function onSubmit(data) {
+      console.log(data);
+    }
+  }, _ref2, _ref3, _ref4))), _ref5);
+}
+
+var _default = Default;
+exports["default"] = _default;