@digigov/form 2.0.0-7d9a8d86 → 2.0.0-834daea4

package/Questions/Step/Step/index.js

@@ -1,9 +1,9 @@
-import React, {useContext, useState} from "react";
-import {QuestionsContext} from "@digigov/form/Questions/QuestionsContext";
-import {StepArrayReview} from "@digigov/form/Questions/Step/StepArrayReview";
-import {StepContext} from "@digigov/form/Questions/Step/StepContext";
+import React, { useContext, useState } from "react";
+import { QuestionsContext } from "@digigov/form/Questions/QuestionsContext";
+import { StepArrayReview } from "@digigov/form/Questions/Step/StepArrayReview";
+import { StepContext } from "@digigov/form/Questions/Step/StepContext";
 const Step = (props) => {
-  const {currentStep, submitStep, data} = useContext(QuestionsContext);
+  const { currentStep, submitStep, data } = useContext(QuestionsContext);
   const [stepData, setStepData] = useState([]);
   const [reviewActive, setReviewActive] = useState(false);
   const handleArraySubmit = (_name, data2) => {
@@ -26,19 +26,25 @@ const Step = (props) => {
       submitStep(currentStep.name, stepData);
     }
   };
-  if (!currentStep || props.name !== currentStep.name)
-    return null;
-  return /* @__PURE__ */ React.createElement(StepContext.Provider, {
-    value: {
-      ...currentStep,
-      submitStep: currentStep.type === "array" ? handleArraySubmit : submitStep,
-      initial: data[props.name]
-    }
-  }, reviewActive ? /* @__PURE__ */ React.createElement(StepArrayReview, {
-    array: stepData,
-    handleSubmit: handleArrayReviewStep,
-    handleDelete: handleArrayDeleteItem
-  }) : props.children);
+  if (!currentStep || props.name !== currentStep.name) return null;
+  return /* @__PURE__ */ React.createElement(
+    StepContext.Provider,
+    {
+      value: {
+        ...currentStep,
+        submitStep: currentStep.type === "array" ? handleArraySubmit : submitStep,
+        initial: data[props.name]
+      }
+    },
+    reviewActive ? /* @__PURE__ */ React.createElement(
+      StepArrayReview,
+      {
+        array: stepData,
+        handleSubmit: handleArrayReviewStep,
+        handleDelete: handleArrayDeleteItem
+      }
+    ) : props.children
+  );
 };
 var Step_default = Step;
 export {

package/Questions/Step/Step.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/Questions/Step/Step.tsx"],
   "sourcesContent": ["import React, { useContext, useState } from 'react';\nimport { QuestionsContext } from '@digigov/form/Questions/QuestionsContext';\nimport { StepArrayReview } from '@digigov/form/Questions/Step/StepArrayReview';\nimport { StepContext } from '@digigov/form/Questions/Step/StepContext';\nimport { StepInterface } from '@digigov/form/Questions/Step/types';\n\n/**\n * The Step component accepts Step data as props\n * uses composable components to provide a wholesome UX\n *\n */\nexport const Step: React.FC<StepInterface> = (props) => {\n  // or return all Questions and currentStepName\n  // or return a specific Step object\n  const { currentStep, submitStep, data } = useContext(QuestionsContext);\n\n  const [stepData, setStepData] = useState<Record<string, any>[]>([]);\n  const [reviewActive, setReviewActive] = useState(false);\n\n  const handleArraySubmit = (_name: string, data: any): void => {\n    setStepData([...stepData, data]);\n    setReviewActive(true);\n  };\n\n  const handleArrayDeleteItem = (deleteIndex: number): void => {\n    const nextStepData = stepData.filter((_item, stepIndex) => {\n      return stepIndex !== deleteIndex;\n    });\n    setStepData(nextStepData);\n    if (nextStepData.length === 0) {\n      setReviewActive(false);\n    }\n  };\n\n  const handleArrayReviewStep = (data): void => {\n    if (data.addMore === 'yes') {\n      setReviewActive(false);\n    } else if (data.addMore === 'no') {\n      submitStep(currentStep.name, stepData);\n    }\n  };\n  if (!currentStep || props.name !== currentStep.name) return null;\n\n  // then provide the currentStep object\n  return (\n    <StepContext.Provider\n      value={{\n        ...currentStep,\n        submitStep:\n          currentStep.type === 'array' ? handleArraySubmit : submitStep,\n        initial: data[props.name],\n      }}\n    >\n      {reviewActive ? (\n        <StepArrayReview\n          array={stepData}\n          handleSubmit={handleArrayReviewStep}\n          handleDelete={handleArrayDeleteItem}\n        />\n      ) : (\n        props.children\n      )}\n    </StepContext.Provider>\n  );\n};\n\nexport default Step;\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AAQO,MAAM,OAAgC,CAAC,UAAU;AAGtD,QAAM,CAAE,aAAa,YAAY,QAAS,WAAW;AAErD,QAAM,CAAC,UAAU,eAAe,SAAgC;AAChE,QAAM,CAAC,cAAc,mBAAmB,SAAS;AAEjD,QAAM,oBAAoB,CAAC,OAAe,UAAoB;AAC5D,gBAAY,CAAC,GAAG,UAAU;AAC1B,oBAAgB;AAAA;AAGlB,QAAM,wBAAwB,CAAC,gBAA8B;AAC3D,UAAM,eAAe,SAAS,OAAO,CAAC,OAAO,cAAc;AACzD,aAAO,cAAc;AAAA;AAEvB,gBAAY;AACZ,QAAI,aAAa,WAAW,GAAG;AAC7B,sBAAgB;AAAA;AAAA;AAIpB,QAAM,wBAAwB,CAAC,UAAe;AAC5C,QAAI,MAAK,YAAY,OAAO;AAC1B,sBAAgB;AAAA,eACP,MAAK,YAAY,MAAM;AAChC,iBAAW,YAAY,MAAM;AAAA;AAAA;AAGjC,MAAI,CAAC,eAAe,MAAM,SAAS,YAAY;AAAM,WAAO;AAG5D,SACE,oCAAC,YAAY,UAAb;AAAA,IACE,OAAO;AAAA,SACF;AAAA,MACH,YACE,YAAY,SAAS,UAAU,oBAAoB;AAAA,MACrD,SAAS,KAAK,MAAM;AAAA;AAAA,KAGrB,eACC,oCAAC,iBAAD;AAAA,IACE,OAAO;AAAA,IACP,cAAc;AAAA,IACd,cAAc;AAAA,OAGhB,MAAM;AAAA;AAMd,IAAO,eAAQ;",
-  "names": []
+  "mappings": "AAAA,OAAO,SAAS,YAAY,gBAAgB;AAC5C,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAQrB,MAAM,OAAgC,CAAC,UAAU;AAGtD,QAAM,EAAE,aAAa,YAAY,KAAK,IAAI,WAAW,gBAAgB;AAErE,QAAM,CAAC,UAAU,WAAW,IAAI,SAAgC,CAAC,CAAC;AAClE,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,oBAAoB,CAAC,OAAeA,UAAoB;AAC5D,gBAAY,CAAC,GAAG,UAAUA,KAAI,CAAC;AAC/B,oBAAgB,IAAI;AAAA,EACtB;AAEA,QAAM,wBAAwB,CAAC,gBAA8B;AAC3D,UAAM,eAAe,SAAS,OAAO,CAAC,OAAO,cAAc;AACzD,aAAO,cAAc;AAAA,IACvB,CAAC;AACD,gBAAY,YAAY;AACxB,QAAI,aAAa,WAAW,GAAG;AAC7B,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF;AAEA,QAAM,wBAAwB,CAACA,UAAe;AAC5C,QAAIA,MAAK,YAAY,OAAO;AAC1B,sBAAgB,KAAK;AAAA,IACvB,WAAWA,MAAK,YAAY,MAAM;AAChC,iBAAW,YAAY,MAAM,QAAQ;AAAA,IACvC;AAAA,EACF;AACA,MAAI,CAAC,eAAe,MAAM,SAAS,YAAY,KAAM,QAAO;AAG5D,SACE;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,YACE,YAAY,SAAS,UAAU,oBAAoB;AAAA,QACrD,SAAS,KAAK,MAAM,IAAI;AAAA,MAC1B;AAAA;AAAA,IAEC,eACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,cAAc;AAAA,QACd,cAAc;AAAA;AAAA,IAChB,IAEA,MAAM;AAAA,EAEV;AAEJ;AAEA,IAAO,eAAQ;",
+  "names": ["data"]
 }

package/Questions/Step/StepArrayReview/index.js

@@ -1,10 +1,10 @@
-import React, {useContext} from "react";
-import {Field} from "@digigov/form/Field";
-import {Fieldset} from "@digigov/form/Fieldset";
+import React, { useContext } from "react";
+import { Field } from "@digigov/form/Field";
+import { Fieldset } from "@digigov/form/Fieldset";
 import FormBuilder from "@digigov/form/FormBuilder";
 import Label from "@digigov/form/inputs/Label";
-import {QuestionsContext} from "@digigov/form/Questions/QuestionsContext";
-import {getAddMoreFields} from "@digigov/form/Questions/Step/getAddMoreFields";
+import { QuestionsContext } from "@digigov/form/Questions/QuestionsContext";
+import { getAddMoreFields } from "@digigov/form/Questions/Step/getAddMoreFields";
 import PageTitleContainer, {
   PageTitleHeading
 } from "@digigov/ui/app/PageTitleContainer";
@@ -16,28 +16,23 @@ import {
   SummaryListItemAction
 } from "@digigov/ui/content/SummaryList";
 import Button from "@digigov/ui/form/Button";
-import {useTranslation} from "@digigov/ui/i18n";
+import { useTranslation } from "@digigov/ui/i18n";
 const StepArrayReview = (props) => {
-  const {t} = useTranslation();
-  const {currentStep} = useContext(QuestionsContext);
+  const { t } = useTranslation();
+  const { currentStep } = useContext(QuestionsContext);
   const fields = getAddMoreFields(currentStep);
-  const primaryField = currentStep.fields.find((field) => field.key === currentStep.review?.primaryFieldKey) || {};
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PageTitleContainer, null, /* @__PURE__ */ React.createElement(PageTitleHeading, null, currentStep.review?.title && t(currentStep.review?.title))), /* @__PURE__ */ React.createElement(SummaryList, null, props.array.map((item, idx) => /* @__PURE__ */ React.createElement(SummaryListItem, {
-    key: idx
-  }, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, t(primaryField.label.primary)), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, item[primaryField.key]), /* @__PURE__ */ React.createElement(SummaryListItemAction, {
-    onClick: () => props.handleDelete(idx)
-  }, t("button.delete"))))), /* @__PURE__ */ React.createElement(FormBuilder, {
-    key: "addmore",
-    fields,
-    onSubmit: props.handleSubmit
-  }, /* @__PURE__ */ React.createElement(Fieldset, null, /* @__PURE__ */ React.createElement(Label, {
-    label: currentStep.review?.addMore.title
-  }), fields.map((field) => /* @__PURE__ */ React.createElement(Field, {
-    key: field.key,
-    name: field.key
-  }))), /* @__PURE__ */ React.createElement(Button, {
-    type: "submit"
-  }, t("button.submit"))));
+  const primaryField = currentStep.fields.find(
+    (field) => field.key === currentStep.review?.primaryFieldKey
+  ) || {};
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PageTitleContainer, null, /* @__PURE__ */ React.createElement(PageTitleHeading, null, currentStep.review?.title && t(currentStep.review?.title))), /* @__PURE__ */ React.createElement(SummaryList, null, props.array.map(
+    (item, idx) => /* @__PURE__ */ React.createElement(SummaryListItem, { key: idx }, /* @__PURE__ */ React.createElement(SummaryListItemKey, null, t(primaryField.label.primary)), /* @__PURE__ */ React.createElement(SummaryListItemValue, null, item[primaryField.key]), /* @__PURE__ */ React.createElement(
+      SummaryListItemAction,
+      {
+        onClick: () => props.handleDelete(idx)
+      },
+      t("button.delete")
+    ))
+  )), /* @__PURE__ */ React.createElement(FormBuilder, { key: "addmore", fields, onSubmit: props.handleSubmit }, /* @__PURE__ */ React.createElement(Fieldset, null, /* @__PURE__ */ React.createElement(Label, { label: currentStep.review?.addMore.title }), fields.map((field) => /* @__PURE__ */ React.createElement(Field, { key: field.key, name: field.key }))), /* @__PURE__ */ React.createElement(Button, { type: "submit" }, t("button.submit"))));
 };
 var StepArrayReview_default = StepArrayReview;
 export {

package/Questions/Step/StepArrayReview.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/Questions/Step/StepArrayReview.tsx"],
   "sourcesContent": ["import React, { useContext } from 'react';\nimport { Field } from '@digigov/form/Field';\nimport { Fieldset } from '@digigov/form/Fieldset';\nimport FormBuilder from '@digigov/form/FormBuilder';\nimport Label from '@digigov/form/inputs/Label';\nimport { QuestionsContext } from '@digigov/form/Questions/QuestionsContext';\nimport { getAddMoreFields } from '@digigov/form/Questions/Step/getAddMoreFields';\nimport { StepArrayReviewInterface } from '@digigov/form/Questions/Step/types';\nimport { FieldSpec } from '@digigov/form/types';\nimport PageTitleContainer, {\n  PageTitleHeading,\n} from '@digigov/ui/app/PageTitleContainer';\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  SummaryListItemAction,\n} from '@digigov/ui/content/SummaryList';\nimport Button from '@digigov/ui/form/Button';\nimport { useTranslation } from '@digigov/ui/i18n';\n\nexport const StepArrayReview: React.FC<StepArrayReviewInterface> = (props) => {\n  const { t } = useTranslation();\n  const { currentStep } = useContext(QuestionsContext);\n  const fields = getAddMoreFields(currentStep);\n  const primaryField =\n    currentStep.fields.find(\n      (field: { key: any }) => field.key === currentStep.review?.primaryFieldKey\n    ) || {};\n  return (\n    <>\n      <PageTitleContainer>\n        <PageTitleHeading>\n          {currentStep.review?.title && t(currentStep.review?.title)}\n        </PageTitleHeading>\n      </PageTitleContainer>\n      <SummaryList>\n        {props.array.map(\n          (item: { [x: string]: React.ReactNode }, idx: number) => (\n            <SummaryListItem key={idx}>\n              <SummaryListItemKey>\n                {t(primaryField.label.primary)}\n              </SummaryListItemKey>\n              <SummaryListItemValue>\n                {item[primaryField.key]}\n              </SummaryListItemValue>\n              <SummaryListItemAction\n                onClick={(): void => props.handleDelete(idx)}\n              >\n                {t('button.delete')}\n              </SummaryListItemAction>\n            </SummaryListItem>\n          )\n        )}\n      </SummaryList>\n      <FormBuilder key=\"addmore\" fields={fields} onSubmit={props.handleSubmit}>\n        <Fieldset>\n          <Label label={currentStep.review?.addMore.title} />\n          {fields.map((field: FieldSpec) => (\n            <Field key={field.key} name={field.key} />\n          ))}\n        </Fieldset>\n        <Button type=\"submit\">{t('button.submit')}</Button>\n      </FormBuilder>\n    </>\n  );\n};\n\nexport default StepArrayReview;\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACA;AAEO,MAAM,kBAAsD,CAAC,UAAU;AAC5E,QAAM,CAAE,KAAM;AACd,QAAM,CAAE,eAAgB,WAAW;AACnC,QAAM,SAAS,iBAAiB;AAChC,QAAM,eACJ,YAAY,OAAO,KACjB,CAAC,UAAwB,MAAM,QAAQ,YAAY,QAAQ,oBACxD;AACP,SACE,0DACE,oCAAC,oBAAD,MACE,oCAAC,kBAAD,MACG,YAAY,QAAQ,SAAS,EAAE,YAAY,QAAQ,UAGxD,oCAAC,aAAD,MACG,MAAM,MAAM,IACX,CAAC,MAAwC,QACvC,oCAAC,iBAAD;AAAA,IAAiB,KAAK;AAAA,KACpB,oCAAC,oBAAD,MACG,EAAE,aAAa,MAAM,WAExB,oCAAC,sBAAD,MACG,KAAK,aAAa,OAErB,oCAAC,uBAAD;AAAA,IACE,SAAS,MAAY,MAAM,aAAa;AAAA,KAEvC,EAAE,sBAMb,oCAAC,aAAD;AAAA,IAAa,KAAI;AAAA,IAAU;AAAA,IAAgB,UAAU,MAAM;AAAA,KACzD,oCAAC,UAAD,MACE,oCAAC,OAAD;AAAA,IAAO,OAAO,YAAY,QAAQ,QAAQ;AAAA,MACzC,OAAO,IAAI,CAAC,UACX,oCAAC,OAAD;AAAA,IAAO,KAAK,MAAM;AAAA,IAAK,MAAM,MAAM;AAAA,QAGvC,oCAAC,QAAD;AAAA,IAAQ,MAAK;AAAA,KAAU,EAAE;AAAA;AAMjC,IAAO,0BAAQ;",
+  "mappings": "AAAA,OAAO,SAAS,kBAAkB;AAClC,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,OAAO,iBAAiB;AACxB,OAAO,WAAW;AAClB,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAGjC,OAAO;AAAA,EACL;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,YAAY;AACnB,SAAS,sBAAsB;AAExB,MAAM,kBAAsD,CAAC,UAAU;AAC5E,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,YAAY,IAAI,WAAW,gBAAgB;AACnD,QAAM,SAAS,iBAAiB,WAAW;AAC3C,QAAM,eACJ,YAAY,OAAO;AAAA,IACjB,CAAC,UAAwB,MAAM,QAAQ,YAAY,QAAQ;AAAA,EAC7D,KAAK,CAAC;AACR,SACE,0DACE,oCAAC,0BACC,oCAAC,wBACE,YAAY,QAAQ,SAAS,EAAE,YAAY,QAAQ,KAAK,CAC3D,CACF,GACA,oCAAC,mBACE,MAAM,MAAM;AAAA,IACX,CAAC,MAAwC,QACvC,oCAAC,mBAAgB,KAAK,OACpB,oCAAC,0BACE,EAAE,aAAa,MAAM,OAAO,CAC/B,GACA,oCAAC,4BACE,KAAK,aAAa,GAAG,CACxB,GACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAY,MAAM,aAAa,GAAG;AAAA;AAAA,MAE1C,EAAE,eAAe;AAAA,IACpB,CACF;AAAA,EAEJ,CACF,GACA,oCAAC,eAAY,KAAI,WAAU,QAAgB,UAAU,MAAM,gBACzD,oCAAC,gBACC,oCAAC,SAAM,OAAO,YAAY,QAAQ,QAAQ,OAAO,GAChD,OAAO,IAAI,CAAC,UACX,oCAAC,SAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC,CACH,GACA,oCAAC,UAAO,MAAK,YAAU,EAAE,eAAe,CAAE,CAC5C,CACF;AAEJ;AAEA,IAAO,0BAAQ;",
   "names": []
 }

package/Questions/Step/StepContext/index.js

@@ -1,4 +1,4 @@
-import {createContext} from "react";
+import { createContext } from "react";
 const StepContext = createContext({
   name: "",
   fields: [],
@@ -9,8 +9,8 @@ const StepContext = createContext({
     title: "",
     primaryFieldKey: "",
     addMore: {
-      title: {primary: ""},
-      answers: {positive: {primary: "Yes"}, negative: {primary: "No"}}
+      title: { primary: "" },
+      answers: { positive: { primary: "Yes" }, negative: { primary: "No" } }
     }
   },
   type: "object"

package/Questions/Step/StepContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StepInterface } from '@digigov/form/Questions/Step/types';
 export declare const StepContext: import("react").Context<StepInterface>;
 export default StepContext;

package/Questions/Step/StepContext.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/Questions/Step/StepContext.tsx"],
   "sourcesContent": ["import { createContext } from 'react';\nimport { StepInterface } from '@digigov/form/Questions/Step/types';\n\nexport const StepContext = createContext<StepInterface>({\n  name: '',\n  fields: [],\n  initial: [],\n  errorLabels: [],\n  submitStep: '',\n  review: {\n    title: '',\n    primaryFieldKey: '',\n    addMore: {\n      title: { primary: '' },\n      answers: { positive: { primary: 'Yes' }, negative: { primary: 'No' } },\n    },\n  },\n  type: 'object',\n});\n\nexport default StepContext;\n"],
-  "mappings": "AAAA;AAGO,MAAM,cAAc,cAA6B;AAAA,EACtD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,iBAAiB;AAAA,IACjB,SAAS;AAAA,MACP,OAAO,CAAE,SAAS;AAAA,MAClB,SAAS,CAAE,UAAU,CAAE,SAAS,QAAS,UAAU,CAAE,SAAS;AAAA;AAAA;AAAA,EAGlE,MAAM;AAAA;AAGR,IAAO,sBAAQ;",
+  "mappings": "AAAA,SAAS,qBAAqB;AAGvB,MAAM,cAAc,cAA6B;AAAA,EACtD,MAAM;AAAA,EACN,QAAQ,CAAC;AAAA,EACT,SAAS,CAAC;AAAA,EACV,aAAa,CAAC;AAAA,EACd,YAAY;AAAA,EACZ,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,iBAAiB;AAAA,IACjB,SAAS;AAAA,MACP,OAAO,EAAE,SAAS,GAAG;AAAA,MACrB,SAAS,EAAE,UAAU,EAAE,SAAS,MAAM,GAAG,UAAU,EAAE,SAAS,KAAK,EAAE;AAAA,IACvE;AAAA,EACF;AAAA,EACA,MAAM;AACR,CAAC;AAED,IAAO,sBAAQ;",
   "names": []
 }

package/Questions/Step/StepDescription/index.js

@@ -1,24 +1,19 @@
-import React, {useContext} from "react";
-import {StepContext} from "@digigov/form/Questions/Step/StepContext";
-import {useTranslation} from "@digigov/ui/i18n";
+import React, { useContext } from "react";
+import { StepContext } from "@digigov/form/Questions/Step/StepContext";
+import { useTranslation } from "@digigov/ui/i18n";
 import Paragraph from "@digigov/ui/typography/Paragraph";
 const StepDescriptionBase = ({
   children,
   description,
   ...props
 }) => {
-  const {t} = useTranslation();
-  return /* @__PURE__ */ React.createElement(Paragraph, {
-    ...props
-  }, children || description && t(description));
+  const { t } = useTranslation();
+  return /* @__PURE__ */ React.createElement(Paragraph, { ...props }, children || description && t(description));
 };
 const StepDescription = (props) => {
-  const {description: descriptionContext} = useContext(StepContext);
+  const { description: descriptionContext } = useContext(StepContext);
   const description = props.description || descriptionContext;
-  return /* @__PURE__ */ React.createElement(StepDescriptionBase, {
-    description,
-    ...props
-  }, props.children);
+  return /* @__PURE__ */ React.createElement(StepDescriptionBase, { description, ...props }, props.children);
 };
 var StepDescription_default = StepDescription;
 export {

package/Questions/Step/StepDescription.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/Questions/Step/StepDescription.tsx"],
   "sourcesContent": ["import React, { useContext } from 'react';\nimport { StepContext } from '@digigov/form/Questions/Step/StepContext';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport Paragraph, { ParagraphProps } from '@digigov/ui/typography/Paragraph';\n\nexport interface StepDescriptionInterface extends ParagraphProps {\n  description?: string;\n}\n\nexport const StepDescriptionBase: React.FC<StepDescriptionInterface> = ({\n  children,\n  description,\n  ...props\n}) => {\n  const { t } = useTranslation();\n  return (\n    <Paragraph {...props}>\n      {children || (description && t(description))}\n    </Paragraph>\n  );\n};\n\nexport const StepDescription: React.FC<StepDescriptionInterface> = (props) => {\n  const { description: descriptionContext } = useContext(StepContext);\n  const description = props.description || descriptionContext;\n  return (\n    <StepDescriptionBase description={description} {...props}>\n      {props.children}\n    </StepDescriptionBase>\n  );\n};\n\nexport default StepDescription;\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AAMO,MAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,KACG;AAAA,MACC;AACJ,QAAM,CAAE,KAAM;AACd,SACE,oCAAC,WAAD;AAAA,OAAe;AAAA,KACZ,YAAa,eAAe,EAAE;AAAA;AAK9B,MAAM,kBAAsD,CAAC,UAAU;AAC5E,QAAM,CAAE,aAAa,sBAAuB,WAAW;AACvD,QAAM,cAAc,MAAM,eAAe;AACzC,SACE,oCAAC,qBAAD;AAAA,IAAqB;AAAA,OAA8B;AAAA,KAChD,MAAM;AAAA;AAKb,IAAO,0BAAQ;",
+  "mappings": "AAAA,OAAO,SAAS,kBAAkB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,OAAO,eAAmC;AAMnC,MAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,SACE,oCAAC,aAAW,GAAG,SACZ,YAAa,eAAe,EAAE,WAAW,CAC5C;AAEJ;AAEO,MAAM,kBAAsD,CAAC,UAAU;AAC5E,QAAM,EAAE,aAAa,mBAAmB,IAAI,WAAW,WAAW;AAClE,QAAM,cAAc,MAAM,eAAe;AACzC,SACE,oCAAC,uBAAoB,aAA2B,GAAG,SAChD,MAAM,QACT;AAEJ;AAEA,IAAO,0BAAQ;",
   "names": []
 }

package/Questions/Step/StepForm/index.js

@@ -1,33 +1,30 @@
-import React, {useContext} from "react";
+import React, { useContext } from "react";
 import Field from "@digigov/form/Field";
 import Fieldset from "@digigov/form/Fieldset";
 import FormBuilder from "@digigov/form/FormBuilder";
-import {StepContext} from "@digigov/form/Questions/Step/StepContext";
+import { StepContext } from "@digigov/form/Questions/Step/StepContext";
 import Button from "@digigov/ui/form/Button";
-import {useTranslation} from "@digigov/ui/i18n";
+import { useTranslation } from "@digigov/ui/i18n";
 const StepForm = ({
   children,
   submitButton,
   ...props
 }) => {
-  const {t} = useTranslation();
-  const {name, submitStep, ...rest} = useContext(StepContext);
+  const { t } = useTranslation();
+  const { name, submitStep, ...rest } = useContext(StepContext);
   const fields = rest.fields.length ? rest.fields : props.fields;
   const initial = rest.initial ? rest.initial : props.initial;
-  return /* @__PURE__ */ React.createElement(FormBuilder, {
-    initial,
-    fields,
-    onSubmit: (data) => {
-      submitStep(name, data);
-    }
-  }, children ? /* @__PURE__ */ React.createElement(React.Fragment, null, children, submitButton && /* @__PURE__ */ React.createElement(Button, {
-    type: "submit"
-  }, t("button.continue"))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Fieldset, null, fields.map((field) => /* @__PURE__ */ React.createElement(Field, {
-    key: field.key,
-    name: field.key
-  }))), /* @__PURE__ */ React.createElement(Button, {
-    type: "submit"
-  }, t("button.continue"))));
+  return /* @__PURE__ */ React.createElement(
+    FormBuilder,
+    {
+      initial,
+      fields,
+      onSubmit: (data) => {
+        submitStep(name, data);
+      }
+    },
+    children ? /* @__PURE__ */ React.createElement(React.Fragment, null, children, submitButton && /* @__PURE__ */ React.createElement(Button, { type: "submit" }, t("button.continue"))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Fieldset, null, fields.map((field) => /* @__PURE__ */ React.createElement(Field, { key: field.key, name: field.key }))), /* @__PURE__ */ React.createElement(Button, { type: "submit" }, t("button.continue")))
+  );
 };
 var StepForm_default = StepForm;
 export {

package/Questions/Step/StepForm.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/Questions/Step/StepForm.tsx"],
   "sourcesContent": ["import React, { useContext } from 'react';\nimport Field from '@digigov/form/Field';\nimport { FieldProps } from '@digigov/form/Field/types';\nimport Fieldset from '@digigov/form/Fieldset';\nimport FormBuilder from '@digigov/form/FormBuilder';\nimport { StepContext } from '@digigov/form/Questions/Step/StepContext';\nimport { FormBuilderProps } from '@digigov/form/types';\nimport Button from '@digigov/ui/form/Button';\nimport { useTranslation } from '@digigov/ui/i18n';\n\nexport interface StepFormProps {\n  submitButton: boolean;\n  children: React.ReactNode;\n  fields?: FieldProps[];\n  initial?: FormBuilderProps['initial'];\n}\n\n/**\n * The StepForm component accepts a title, a caption and a\n * decription about the Step asked to the User\n */\nexport const StepForm: React.FC<StepFormProps> = ({\n  children,\n  submitButton,\n  ...props\n}) => {\n  const { t } = useTranslation();\n  const { name, submitStep, ...rest } = useContext(StepContext);\n  const fields = rest.fields.length ? rest.fields : props.fields;\n  const initial = rest.initial ? rest.initial : props.initial;\n  return (\n    <FormBuilder\n      initial={initial}\n      fields={fields}\n      onSubmit={(data): void => {\n        submitStep(name, data);\n      }}\n    >\n      {children ? (\n        <>\n          {children}\n          {submitButton && (\n            <Button type=\"submit\">{t('button.continue')}</Button>\n          )}\n        </>\n      ) : (\n        <>\n          <Fieldset>\n            {fields.map((field) => (\n              <Field key={field.key} name={field.key} />\n            ))}\n          </Fieldset>\n          <Button type=\"submit\">{t('button.continue')}</Button>\n        </>\n      )}\n    </FormBuilder>\n  );\n};\n\nexport default StepForm;\n"],
-  "mappings": "AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAaO,MAAM,WAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,KACG;AAAA,MACC;AACJ,QAAM,CAAE,KAAM;AACd,QAAM,CAAE,MAAM,eAAe,QAAS,WAAW;AACjD,QAAM,SAAS,KAAK,OAAO,SAAS,KAAK,SAAS,MAAM;AACxD,QAAM,UAAU,KAAK,UAAU,KAAK,UAAU,MAAM;AACpD,SACE,oCAAC,aAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,UAAU,CAAC,SAAe;AACxB,iBAAW,MAAM;AAAA;AAAA,KAGlB,WACC,0DACG,UACA,gBACC,oCAAC,QAAD;AAAA,IAAQ,MAAK;AAAA,KAAU,EAAE,uBAI7B,0DACE,oCAAC,UAAD,MACG,OAAO,IAAI,CAAC,UACX,oCAAC,OAAD;AAAA,IAAO,KAAK,MAAM;AAAA,IAAK,MAAM,MAAM;AAAA,QAGvC,oCAAC,QAAD;AAAA,IAAQ,MAAK;AAAA,KAAU,EAAE;AAAA;AAOnC,IAAO,mBAAQ;",
+  "mappings": "AAAA,OAAO,SAAS,kBAAkB;AAClC,OAAO,WAAW;AAElB,OAAO,cAAc;AACrB,OAAO,iBAAiB;AACxB,SAAS,mBAAmB;AAE5B,OAAO,YAAY;AACnB,SAAS,sBAAsB;AAaxB,MAAM,WAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,MAAM,YAAY,GAAG,KAAK,IAAI,WAAW,WAAW;AAC5D,QAAM,SAAS,KAAK,OAAO,SAAS,KAAK,SAAS,MAAM;AACxD,QAAM,UAAU,KAAK,UAAU,KAAK,UAAU,MAAM;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAU,CAAC,SAAe;AACxB,mBAAW,MAAM,IAAI;AAAA,MACvB;AAAA;AAAA,IAEC,WACC,0DACG,UACA,gBACC,oCAAC,UAAO,MAAK,YAAU,EAAE,iBAAiB,CAAE,CAEhD,IAEA,0DACE,oCAAC,gBACE,OAAO,IAAI,CAAC,UACX,oCAAC,SAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC,CACH,GACA,oCAAC,UAAO,MAAK,YAAU,EAAE,iBAAiB,CAAE,CAC9C;AAAA,EAEJ;AAEJ;AAEA,IAAO,mBAAQ;",
   "names": []
 }

package/Questions/Step/StepQuote/index.js

@@ -1,9 +1,7 @@
 import React from "react";
 import Paragraph from "@digigov/ui/typography/Paragraph";
-const StepQuote = ({children, ...props}) => {
-  return /* @__PURE__ */ React.createElement(Paragraph, {
-    ...props
-  }, children);
+const StepQuote = ({ children, ...props }) => {
+  return /* @__PURE__ */ React.createElement(Paragraph, { ...props }, children);
 };
 var StepQuote_default = StepQuote;
 export {

package/Questions/Step/StepQuote.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/Questions/Step/StepQuote.tsx"],
   "sourcesContent": ["import React from 'react';\nimport Paragraph, { ParagraphProps } from '@digigov/ui/typography/Paragraph';\n\nexport const StepQuote: React.FC<ParagraphProps> = ({ children, ...props }) => {\n  return <Paragraph {...props}>{children}</Paragraph>;\n};\n\nexport default StepQuote;\n"],
-  "mappings": "AAAA;AACA;AAEO,MAAM,YAAsC,CAAC,CAAE,aAAa,WAAY;AAC7E,SAAO,oCAAC,WAAD;AAAA,OAAe;AAAA,KAAQ;AAAA;AAGhC,IAAO,oBAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAmC;AAEnC,MAAM,YAAsC,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AAC7E,SAAO,oCAAC,aAAW,GAAG,SAAQ,QAAS;AACzC;AAEA,IAAO,oBAAQ;",
   "names": []
 }

package/Questions/Step/StepTitle/index.js

@@ -1,12 +1,13 @@
-import React, {useContext} from "react";
-import {StepContext} from "@digigov/form/Questions/Step/StepContext";
-import Heading from "@digigov/react-core/Heading";
-import HeadingCaption from "@digigov/react-core/HeadingCaption";
-import PageTitleContainer, {
+import React, { useContext } from "react";
+import { StepContext } from "@digigov/form/Questions/Step/StepContext";
+import {
+  PageTitleContainer,
   PageTitleCaption
 } from "@digigov/ui/app/PageTitleContainer";
-import {useTranslation} from "@digigov/ui/i18n";
-import {BackLink} from "@digigov/ui/navigation/BackLink";
+import { useTranslation } from "@digigov/ui/i18n";
+import { BackLink } from "@digigov/ui/navigation/BackLink";
+import { Heading } from "@digigov/ui/typography/Heading";
+import { HeadingCaption } from "@digigov/ui/typography/HeadingCaption";
 const StepTitleHeading = (props) => {
   return /* @__PURE__ */ React.createElement(Heading, null, props.children);
 };
@@ -17,19 +18,21 @@ const StepTitleBase = ({
   backButton,
   children
 }) => {
-  const {t} = useTranslation();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(BackLink, null, backButton || t("button.back")), /* @__PURE__ */ React.createElement(PageTitleContainer, null, children || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(HeadingCaption, {
-    size: "xl"
-  }, caption && t(caption)), step && /* @__PURE__ */ React.createElement(PageTitleCaption, null, step), /* @__PURE__ */ React.createElement(StepTitleHeading, null, title && t(title)))));
+  const { t } = useTranslation();
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(BackLink, null, backButton || t("button.back")), /* @__PURE__ */ React.createElement(PageTitleContainer, null, children || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(HeadingCaption, { size: "xl" }, caption && t(caption)), step && /* @__PURE__ */ React.createElement(PageTitleCaption, null, step), /* @__PURE__ */ React.createElement(StepTitleHeading, null, title && t(title)))));
 };
 const StepTitle = (props) => {
-  const {caption, title, step, backButton} = useContext(StepContext);
-  return /* @__PURE__ */ React.createElement(StepTitleBase, {
-    backButton,
-    caption,
-    step,
-    title
-  }, props.children);
+  const { caption, title, step, backButton } = useContext(StepContext);
+  return /* @__PURE__ */ React.createElement(
+    StepTitleBase,
+    {
+      backButton,
+      caption,
+      step,
+      title
+    },
+    props.children
+  );
 };
 var StepTitle_default = StepTitle;
 export {

package/Questions/Step/StepTitle.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
-import { HeadingProps } from '@digigov/react-core/Heading';
+import { HeadingProps } from '@digigov/ui/typography/Heading';
 export interface StepTitleInterface {
     title?: string;
     backButton?: string;
     caption?: string;
     step?: string;
+    children?: React.ReactNode;
 }
 export declare const StepTitleHeading: React.FC<HeadingProps>;
 export declare const StepTitleBase: React.FC<StepTitleInterface>;

package/Questions/Step/StepTitle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Questions/Step/StepTitle.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { StepContext } from '@digigov/form/Questions/Step/StepContext';\nimport Heading, { HeadingProps } from '@digigov/react-core/Heading';\nimport HeadingCaption from '@digigov/react-core/HeadingCaption';\nimport PageTitleContainer, {\n  PageTitleCaption,\n} from '@digigov/ui/app/PageTitleContainer';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport { BackLink } from '@digigov/ui/navigation/BackLink';\n\nexport interface StepTitleInterface {\n  title?: string;\n  backButton?: string;\n  caption?: string;\n  step?: string;\n}\n\nexport const StepTitleHeading: React.FC<HeadingProps> = (props) => {\n  return <Heading>{props.children}</Heading>;\n};\n\nexport const StepTitleBase: React.FC<StepTitleInterface> = ({\n  caption,\n  step,\n  title,\n  backButton,\n  children,\n}): React.ReactElement => {\n  const { t } = useTranslation();\n  return (\n    <>\n      <BackLink>{backButton || t('button.back')}</BackLink>\n      <PageTitleContainer>\n        {children || (\n          <>\n            <HeadingCaption size=\"xl\">{caption && t(caption)}</HeadingCaption>\n            {step && <PageTitleCaption>{step}</PageTitleCaption>}\n            <StepTitleHeading>{title && t(title)}</StepTitleHeading>\n          </>\n        )}\n      </PageTitleContainer>\n    </>\n  );\n};\n\n/**\n * The StepTitle component accepts a title, a caption and a step indicator\n * about the Step asked to the User\n */\nexport const StepTitle: React.FC<StepTitleInterface> = (props) => {\n  const { caption, title, step, backButton } = useContext(StepContext);\n  return (\n    <StepTitleBase\n      backButton={backButton}\n      caption={caption}\n      step={step}\n      title={title}\n    >\n      {props.children}\n    </StepTitleBase>\n  );\n};\n\nexport default StepTitle;\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AASO,MAAM,mBAA2C,CAAC,UAAU;AACjE,SAAO,oCAAC,SAAD,MAAU,MAAM;AAAA;AAGlB,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACwB;AACxB,QAAM,CAAE,KAAM;AACd,SACE,0DACE,oCAAC,UAAD,MAAW,cAAc,EAAE,iBAC3B,oCAAC,oBAAD,MACG,YACC,0DACE,oCAAC,gBAAD;AAAA,IAAgB,MAAK;AAAA,KAAM,WAAW,EAAE,WACvC,QAAQ,oCAAC,kBAAD,MAAmB,OAC5B,oCAAC,kBAAD,MAAmB,SAAS,EAAE;AAAA;AAYnC,MAAM,YAA0C,CAAC,UAAU;AAChE,QAAM,CAAE,SAAS,OAAO,MAAM,cAAe,WAAW;AACxD,SACE,oCAAC,eAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,MAAM;AAAA;AAKb,IAAO,oBAAQ;",
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { StepContext } from '@digigov/form/Questions/Step/StepContext';\nimport {\n  PageTitleContainer,\n  PageTitleCaption,\n} from '@digigov/ui/app/PageTitleContainer';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport { BackLink } from '@digigov/ui/navigation/BackLink';\nimport { Heading, HeadingProps } from '@digigov/ui/typography/Heading';\nimport { HeadingCaption } from '@digigov/ui/typography/HeadingCaption';\n\nexport interface StepTitleInterface {\n  title?: string;\n  backButton?: string;\n  caption?: string;\n  step?: string;\n  children?: React.ReactNode;\n}\n\nexport const StepTitleHeading: React.FC<HeadingProps> = (props) => {\n  return <Heading>{props.children}</Heading>;\n};\n\nexport const StepTitleBase: React.FC<StepTitleInterface> = ({\n  caption,\n  step,\n  title,\n  backButton,\n  children,\n}): React.ReactElement => {\n  const { t } = useTranslation();\n  return (\n    <>\n      <BackLink>{backButton || t('button.back')}</BackLink>\n      <PageTitleContainer>\n        {children || (\n          <>\n            <HeadingCaption size=\"xl\">{caption && t(caption)}</HeadingCaption>\n            {step && <PageTitleCaption>{step}</PageTitleCaption>}\n            <StepTitleHeading>{title && t(title)}</StepTitleHeading>\n          </>\n        )}\n      </PageTitleContainer>\n    </>\n  );\n};\n\n/**\n * The StepTitle component accepts a title, a caption and a step indicator\n * about the Step asked to the User\n */\nexport const StepTitle: React.FC<StepTitleInterface> = (props) => {\n  const { caption, title, step, backButton } = useContext(StepContext);\n  return (\n    <StepTitleBase\n      backButton={backButton}\n      caption={caption}\n      step={step}\n      title={title}\n    >\n      {props.children}\n    </StepTitleBase>\n  );\n};\n\nexport default StepTitle;\n"],
+  "mappings": "AAAA,OAAO,SAAS,kBAAkB;AAClC,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,eAA6B;AACtC,SAAS,sBAAsB;AAUxB,MAAM,mBAA2C,CAAC,UAAU;AACjE,SAAO,oCAAC,eAAS,MAAM,QAAS;AAClC;AAEO,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,SACE,0DACE,oCAAC,gBAAU,cAAc,EAAE,aAAa,CAAE,GAC1C,oCAAC,0BACE,YACC,0DACE,oCAAC,kBAAe,MAAK,QAAM,WAAW,EAAE,OAAO,CAAE,GAChD,QAAQ,oCAAC,wBAAkB,IAAK,GACjC,oCAAC,wBAAkB,SAAS,EAAE,KAAK,CAAE,CACvC,CAEJ,CACF;AAEJ;AAMO,MAAM,YAA0C,CAAC,UAAU;AAChE,QAAM,EAAE,SAAS,OAAO,MAAM,WAAW,IAAI,WAAW,WAAW;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC,MAAM;AAAA,EACT;AAEJ;AAEA,IAAO,oBAAQ;",
   "names": []
 }

package/Questions/Step/getAddMoreFields.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/Questions/Step/getAddMoreFields.tsx"],
   "sourcesContent": ["import { StepInterface } from '@digigov/form/Questions/Step/types';\nimport { FieldSpec } from '@digigov/form/types';\n\nexport const getAddMoreFields = (currentStep: StepInterface): FieldSpec[] => {\n  return [\n    {\n      key: 'addMore',\n      type: 'choice:single',\n      required: true,\n      extra: {\n        options: [\n          {\n            label: currentStep.review?.addMore.answers.positive || {\n              primary: 'Yes',\n            },\n            value: 'yes',\n          },\n          {\n            label: currentStep.review?.addMore.answers.negative || {\n              primary: 'No',\n            },\n            value: 'no',\n          },\n        ],\n      },\n    },\n  ];\n};\n"],
-  "mappings": "AAGO,MAAM,mBAAmB,CAAC,gBAA4C;AAC3E,SAAO;AAAA,IACL;AAAA,MACE,KAAK;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,QACL,SAAS;AAAA,UACP;AAAA,YACE,OAAO,YAAY,QAAQ,QAAQ,QAAQ,YAAY;AAAA,cACrD,SAAS;AAAA;AAAA,YAEX,OAAO;AAAA;AAAA,UAET;AAAA,YACE,OAAO,YAAY,QAAQ,QAAQ,QAAQ,YAAY;AAAA,cACrD,SAAS;AAAA;AAAA,YAEX,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "mappings": "AAGO,MAAM,mBAAmB,CAAC,gBAA4C;AAC3E,SAAO;AAAA,IACL;AAAA,MACE,KAAK;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,QACL,SAAS;AAAA,UACP;AAAA,YACE,OAAO,YAAY,QAAQ,QAAQ,QAAQ,YAAY;AAAA,cACrD,SAAS;AAAA,YACX;AAAA,YACA,OAAO;AAAA,UACT;AAAA,UACA;AAAA,YACE,OAAO,YAAY,QAAQ,QAAQ,QAAQ,YAAY;AAAA,cACrD,SAAS;AAAA,YACX;AAAA,YACA,OAAO;AAAA,UACT;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/Questions/Step/index.d.ts

@@ -7,7 +7,6 @@ export * from '@digigov/form/Questions/Step/StepForm';
 export * from '@digigov/form/Questions/Step/StepQuote';
 export * from '@digigov/form/Questions/Step/StepTitle';
 export * from '@digigov/form/Questions/Step/getAddMoreFields';
-export * from '@digigov/form/Questions/Step/';
 export * from '@digigov/form/Questions/Step/types';
 import Step from '@digigov/form/Questions/Step/Step';
 export default Step;

package/Questions/Step/index.js

@@ -7,7 +7,6 @@ export * from "@digigov/form/Questions/Step/StepForm";
 export * from "@digigov/form/Questions/Step/StepQuote";
 export * from "@digigov/form/Questions/Step/StepTitle";
 export * from "@digigov/form/Questions/Step/getAddMoreFields";
-export * from "@digigov/form/Questions/Step/";
 export * from "@digigov/form/Questions/Step/types";
 import Step from "@digigov/form/Questions/Step/Step";
 var Step_default = Step;

package/Questions/Step/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Questions/Step/index.ts"],
-  "sourcesContent": ["export * from '@digigov/form/Questions/Step/ReviewStep';\nexport * from '@digigov/form/Questions/Step/Step';\nexport * from '@digigov/form/Questions/Step/StepArrayReview';\nexport * from '@digigov/form/Questions/Step/StepContext';\nexport * from '@digigov/form/Questions/Step/StepDescription';\nexport * from '@digigov/form/Questions/Step/StepForm';\nexport * from '@digigov/form/Questions/Step/StepQuote';\nexport * from '@digigov/form/Questions/Step/StepTitle';\nexport * from '@digigov/form/Questions/Step/getAddMoreFields';\nexport * from '@digigov/form/Questions/Step/';\nexport * from '@digigov/form/Questions/Step/types';\nimport Step from '@digigov/form/Questions/Step/Step';\nexport default Step;\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAO,eAAQ;",
+  "sourcesContent": ["export * from '@digigov/form/Questions/Step/ReviewStep';\nexport * from '@digigov/form/Questions/Step/Step';\nexport * from '@digigov/form/Questions/Step/StepArrayReview';\nexport * from '@digigov/form/Questions/Step/StepContext';\nexport * from '@digigov/form/Questions/Step/StepDescription';\nexport * from '@digigov/form/Questions/Step/StepForm';\nexport * from '@digigov/form/Questions/Step/StepQuote';\nexport * from '@digigov/form/Questions/Step/StepTitle';\nexport * from '@digigov/form/Questions/Step/getAddMoreFields';\nexport * from '@digigov/form/Questions/Step/types';\nimport Step from '@digigov/form/Questions/Step/Step';\nexport default Step;\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,OAAO,UAAU;AACjB,IAAO,eAAQ;",
   "names": []
 }

package/Questions/Step/types.d.ts

@@ -24,6 +24,7 @@ export interface StepInterface {
     submitStep?: any;
     review?: StepReviewInterface;
     type?: StepType;
+    children?: React.ReactNode;
 }
 export interface StepArrayReviewInterface {
     array: Record<string, any>[];

package/Questions/__stories__/Default/index.js

@@ -1,6 +1,6 @@
 import React from "react";
-import {Field} from "@digigov/form";
-import Questions, {Step, StepForm, StepTitle} from "@digigov/form/Questions";
+import { Field } from "@digigov/form";
+import Questions, { Step, StepForm, StepTitle } from "@digigov/form/Questions";
 import Header from "@digigov/ui/app/Header";
 import HeaderContent from "@digigov/ui/app/Header/HeaderContent";
 import HeaderSection from "@digigov/ui/app/Header/HeaderSection";
@@ -39,11 +39,11 @@ const steps = [
         required: true,
         options: [
           {
-            label: {primary: "Yes"},
+            label: { primary: "Yes" },
             value: "yes"
           },
           {
-            label: {primary: "No"},
+            label: { primary: "No" },
             value: "no"
           }
         ]
@@ -61,11 +61,11 @@ const steps = [
         required: true,
         options: [
           {
-            label: {primary: "Yes"},
+            label: { primary: "Yes" },
             value: "yes"
           },
           {
-            label: {primary: "No"},
+            label: { primary: "No" },
             value: "no"
           }
         ]
@@ -74,38 +74,31 @@ const steps = [
   }
 ];
 function Default() {
-  return /* @__PURE__ */ React.createElement(BasicLayout, null, /* @__PURE__ */ React.createElement(Top, null, /* @__PURE__ */ React.createElement(Header, null, /* @__PURE__ */ React.createElement(HeaderContent, null, /* @__PURE__ */ React.createElement(HeaderSection, null, /* @__PURE__ */ React.createElement(GovGRLogo, {
-    href: "#"
-  }))))), /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(Questions, {
-    name: "example",
-    steps,
-    onSubmit: (data) => {
-      console.log(data);
-    }
-  }, /* @__PURE__ */ React.createElement(Step, {
-    name: "age"
-  }, /* @__PURE__ */ React.createElement(StepTitle, null), /* @__PURE__ */ React.createElement(StepForm, {
-    submitButton: true
-  }, /* @__PURE__ */ React.createElement(Field, {
-    key: "age",
-    name: "age"
-  }))), /* @__PURE__ */ React.createElement(Step, {
-    name: "citizen-underage"
-  }, /* @__PURE__ */ React.createElement(StepTitle, null), /* @__PURE__ */ React.createElement(StepForm, {
-    submitButton: true
-  }, /* @__PURE__ */ React.createElement(Field, {
-    key: "citizen-underage-student",
-    name: "citizen-underage-student"
-  }))), /* @__PURE__ */ React.createElement(Step, {
-    name: "citizen-adult"
-  }, /* @__PURE__ */ React.createElement(StepTitle, {
-    backButton: "\u03A0\u03AF\u03C3\u03C9"
-  }), /* @__PURE__ */ React.createElement(StepForm, {
-    submitButton: true
-  }, /* @__PURE__ */ React.createElement(Field, {
-    key: "citizen-adult-employed",
-    name: "citizen-adult-employed"
-  })))))), /* @__PURE__ */ React.createElement(Bottom, null, /* @__PURE__ */ React.createElement(GovGRFooter, null)));
+  return /* @__PURE__ */ React.createElement(BasicLayout, null, /* @__PURE__ */ React.createElement(Top, null, /* @__PURE__ */ React.createElement(Header, null, /* @__PURE__ */ React.createElement(HeaderContent, null, /* @__PURE__ */ React.createElement(HeaderSection, null, /* @__PURE__ */ React.createElement(GovGRLogo, { href: "#" }))))), /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(
+    Questions,
+    {
+      name: "example",
+      steps,
+      onSubmit: (data) => {
+        console.log(data);
+      }
+    },
+    /* @__PURE__ */ React.createElement(Step, { name: "age" }, /* @__PURE__ */ React.createElement(StepTitle, null), /* @__PURE__ */ React.createElement(StepForm, { submitButton: true }, /* @__PURE__ */ React.createElement(Field, { key: "age", name: "age" }))),
+    /* @__PURE__ */ React.createElement(Step, { name: "citizen-underage" }, /* @__PURE__ */ React.createElement(StepTitle, null), /* @__PURE__ */ React.createElement(StepForm, { submitButton: true }, /* @__PURE__ */ React.createElement(
+      Field,
+      {
+        key: "citizen-underage-student",
+        name: "citizen-underage-student"
+      }
+    ))),
+    /* @__PURE__ */ React.createElement(Step, { name: "citizen-adult" }, /* @__PURE__ */ React.createElement(StepTitle, { backButton: "\u03A0\u03AF\u03C3\u03C9" }), /* @__PURE__ */ React.createElement(StepForm, { submitButton: true }, /* @__PURE__ */ React.createElement(
+      Field,
+      {
+        key: "citizen-adult-employed",
+        name: "citizen-adult-employed"
+      }
+    )))
+  ))), /* @__PURE__ */ React.createElement(Bottom, null, /* @__PURE__ */ React.createElement(GovGRFooter, null)));
 }
 var Default_default = Default;
 export {

package/Questions/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare function Default(): JSX.Element;
+import React from 'react';
+export declare function Default(): React.JSX.Element;
 export default Default;