@digigov/form 0.10.7 → 0.10.9

package/{dist/inputs → inputs}/Checkboxes/Checkboxes.stories.js

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

package/{dist/inputs → inputs}/DateInput/DateInput.stories.d.ts

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

package/{dist/inputs → inputs}/DateInput/DateInput.stories.js

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

package/{dist/inputs → inputs}/FileInput/FileInput.stories.d.ts

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

package/{dist/inputs → inputs}/FileInput/FileInput.stories.js

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

package/{dist/inputs → inputs}/Input/Input.stories.d.ts

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

package/{dist/inputs → inputs}/Input/Input.stories.js

@@ -123,6 +123,7 @@ Object.keys(_PostalCode).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov Form/inputs/Input',
-  component: _Input["default"]
+  component: _Input["default"],
+  displayName: 'Input'
 };
 exports["default"] = _default;

package/{dist/inputs → inputs}/Label/Label.stories.d.ts

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

package/{dist/inputs → inputs}/Label/Label.stories.js

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

package/{dist/inputs → inputs}/Radio/Radio.stories.d.ts

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

package/{dist/inputs → inputs}/Radio/Radio.stories.js

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

package/{dist/inputs → inputs}/Select/Select.stories.d.ts

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

package/{dist/inputs → inputs}/Select/Select.stories.js

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

package/package.json

@@ -1,21 +1,15 @@
 {
   "name": "@digigov/form",
-  "version": "0.10.7",
+  "version": "0.10.9",
   "description": "@digigov form builder",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
-  "main": "dist/index.js",
-  "module": "index.js",
+  "main": "./index.js",
+  "module": "./esm/index.js",
   "publishConfig": {
     "access": "public",
     "directory": "dist"
   },
-  "scripts": {
-    "lint": "digigov lint",
-    "test": "digigov test",
-    "build": "digigov build --subpackages",
-    "prepublish": "digigov build --subpackages"
-  },
   "dependencies": {
     "react-hook-form": "7.33.1",
     "yup": "0.32.11",
@@ -24,29 +18,14 @@
     "@hookform/resolvers": "2.9.6"
   },
   "peerDependencies": {
-    "@digigov/ui": "0.28.2",
-    "@digigov/react-core": "0.18.0",
-    "@digigov/react-extensions": "0.20.0",
+    "@digigov/ui": "0.29.0",
+    "@digigov/react-core": "0.19.0",
+    "@digigov/react-extensions": "0.20.2",
     "clsx": "1.1.1",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "devDependencies": {
-    "@digigov/cli": "0.6.3",
-    "@digigov/cli-lint": "0.5.32",
-    "@digigov/cli-build": "0.8.3",
-    "@digigov/cli-test": "0.7.2",
-    "typescript": "4.2.3",
-    "@types/node": "16.6.2",
-    "@types/react": "16.9.56",
-    "@types/react-dom": "16.9.9",
-    "@types/enzyme": "3.10.8",
-    "@types/enzyme-adapter-react-16": "1.0.5",
-    "@types/jest": "26.0.15",
-    "enzyme": "3.11.0",
-    "eslint": "7.24.0",
-    "prettier": "2.2.1",
-    "@hookform/devtools": "4.2.0"
-  },
-  "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871"
-}
+  "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871",
+  "private": false,
+  "typings": "./index.d.ts"
+}

package/src/FieldArray/FieldArray.stories.js

@@ -2,6 +2,7 @@ import FieldArray from '@digigov/form/FieldArray';
 export default {
   title: 'Digigov Form/FieldArray',
   component: FieldArray,
+  displayName: 'FieldArray'
 };
 export * from '@digigov/form/FieldArray/__stories__/Default';
 export * from '@digigov/form/FieldArray/__stories__/WithExactLength';

package/src/Form.stories.playwright.json

@@ -66,78 +66,6 @@
           "title": "Add number"
         }
       ]
-    },
-    "digigov-form--auto-complete-field": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>label>div>input",
-                "text": "ch"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "ArrowDown"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "ArrowDown"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "ArrowUp"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Enter"
-              }
-            }
-          ],
-          "id": "14vEsPV7hizO",
-          "title": "flow with keyboard"
-        },
-        {
-          "actions": [
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>label>div>input",
-                "text": "a"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": ".govgr-autocomplete__option:has-text(\"Akrotiri\")"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "4a4faD_8O-1f",
-          "title": "flow with mouse"
-        }
-      ]
     }
   }
 }

package/src/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/src/FormBuilder/FormBuilder.stories.js

@@ -2,5 +2,6 @@ import FormBuilder from '@digigov/form/FormBuilder';
 export default {
   title: 'Digigov Form/FormBuilder',
   component: FormBuilder,
+  displayName: 'FormBuilder'
 };
 export * from '@digigov/form/FormBuilder/__stories__/Default';

package/src/MultiplicityField/MultiplicityField.stories.js

@@ -2,6 +2,7 @@ import MultiplicityField from '@digigov/form/MultiplicityField';
 export default {
   title: 'Digigov Form/MultiplicityField',
   component: MultiplicityField,
+  displayName: 'MultiplicityField'
 };
 export * from '@digigov/form/MultiplicityField/__stories__/Default';
 export * from '@digigov/form/MultiplicityField/__stories__/WithMinLength';

package/src/MultiplicityField/__stories__/PreviewDisplay.tsx

@@ -10,8 +10,8 @@ import {
   HeaderSection,
   HeaderContent,
   HeaderTitle,
-  Caption,
-  Title,
+  HeadingCaption,
+  Heading,
   Paragraph,
   Card,
   CardHeading,
@@ -20,7 +20,7 @@ import {
   ListItem,
 } from '@digigov/ui';
 import GovGRFooter from '@digigov/ui/govgr/Footer';
-import GovGRLogo from '@digigov/ui/govgr/Logo';
+import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
 
 const fields = [
   {
@@ -73,8 +73,8 @@ export const PreviewDisplay = () => (
     </Header>
     <Content>
       <Main>
-        <Caption>Ψηφιακή βεβαίωση ιδιωτικού συμφωνητικού</Caption>
-        <Title>Προεπισκόπηση</Title>
+        <HeadingCaption>Ψηφιακή βεβαίωση ιδιωτικού συμφωνητικού</HeadingCaption>
+        <Heading>Προεπισκόπηση</Heading>
         <Paragraph>
           <Paragraph>
             Παρακάτω εμφανίζονται οι συνυπογράφοντες του ιδιωτικού συμφωνητικού
@@ -123,7 +123,7 @@ export const PreviewDisplay = () => (
             </SummaryList>
           </CardText>
         </Card>
-        <Title size="md">Στοιχεία Δήλωσης</Title>
+        <Heading size="m">Στοιχεία Δήλωσης</Heading>
         <SummaryList>
           <SummaryListItem>
             <SummaryListItemKey>Όνομα</SummaryListItemKey>

package/src/Questions/Questions.stories.js

@@ -0,0 +1,7 @@
+import Questions from '@digigov/form/Questions';
+export default {
+  title: 'Digigov Form/Questions',
+  component: Questions,
+  displayName: 'Questions'
+};
+export * from '@digigov/form/Questions/__stories__/Default';

package/src/Questions/__stories__/Default.tsx

@@ -0,0 +1,130 @@
+import React from 'react';
+import GovGRFooter from '@digigov/ui/govgr/Footer';
+import Header from '@digigov/ui/app/Header';
+import HeaderSection from '@digigov/ui/app/Header/HeaderSection';
+import HeaderContent from '@digigov/ui/app/Header/HeaderContent';
+import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
+import BasicLayout, {
+  Top,
+  Content,
+  Main,
+  Bottom,
+} from '@digigov/ui/layouts/Basic';
+import Questions, { Step, StepForm, StepTitle } from '@digigov/form/Questions';
+import { Field } from '@digigov/form';
+
+const steps = [
+  {
+    name: 'age',
+    title: 'What is your age?',
+    fields: [
+      {
+        key: 'age',
+        type: 'int',
+        required: true,
+      },
+    ],
+    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',
+          },
+        ],
+      },
+    ],
+  },
+];
+
+export function Default() {
+  return (
+    <BasicLayout>
+      <Top>
+        <Header>
+          <HeaderSection>
+            <HeaderContent>
+              <GovGRLogo href="#" />
+            </HeaderContent>
+          </HeaderSection>
+        </Header>
+      </Top>
+      <Content>
+        <Main>
+          <Questions
+            name={'example'}
+            steps={steps}
+            onSubmit={(data) => {
+              console.log(data);
+            }}
+          >
+            <Step name="age">
+              <StepTitle />
+              <StepForm submitButton={true}>
+                <Field key="age" name="age" />
+              </StepForm>
+            </Step>
+            <Step name="citizen-underage">
+              <StepTitle />
+              <StepForm submitButton={true}>
+                <Field
+                  key="citizen-underage-student"
+                  name="citizen-underage-student"
+                />
+              </StepForm>
+            </Step>
+            <Step name="citizen-adult">
+              <StepTitle />
+              <StepForm submitButton={true}>
+                <Field
+                  key="citizen-adult-employed"
+                  name="citizen-adult-employed"
+                />
+              </StepForm>
+            </Step>
+          </Questions>
+        </Main>
+      </Content>
+      <Bottom>
+        <GovGRFooter />
+      </Bottom>
+    </BasicLayout>
+  );
+}
+
+export default Default;