@digigov/form 2.0.0-13876dba → 2.0.0-16fbe090

package/MultiplicityField/index.js

@@ -1,121 +1,86 @@
-import React, { useState } from "react";
+import react, { useState } from "react";
 import { useFieldArray } from "react-hook-form";
-import { FieldBaseContainer } from "@digigov/form/Field/FieldBaseContainer";
-import { FieldObject } from "@digigov/form/FieldObject";
-import { AddObjects } from "@digigov/form/MultiplicityField/add-objects";
-import {
-  Card,
-  CardHeading,
-  CardContent,
-  CardAction
-} from "@digigov/ui/content/Card";
-import { Button } from "@digigov/ui/form/Button";
-import { Heading } from "@digigov/ui/typography/Heading";
-const Multiplicity = ({
-  extra,
-  name,
-  control,
-  error,
-  register,
-  trigger,
-  clearErrors,
-  formState,
-  label,
-  layout,
-  setValue,
-  getValues,
-  unregister,
-  Field
-}) => {
-  const { fields, append, remove } = useFieldArray({
-    control,
-    name
-  });
-  const [stashedObjects, setStashedObjects] = useState([]);
-  const handleStash = (data) => {
-    setStashedObjects([...stashedObjects, data]);
-  };
-  const handleDelete = (index) => {
-    remove(index);
-    const newStashedObjects = [...stashedObjects];
-    newStashedObjects.splice(index, 1);
-    setStashedObjects(newStashedObjects);
-  };
-  return /* @__PURE__ */ React.createElement(
-    FieldBaseContainer,
-    {
-      label,
-      layout,
-      error: formState.isSubmitted && !formState.isSubmitting && error?.message ? error : void 0,
-      hasError: formState.isSubmitted && !formState.isSubmitting && !!error,
-      wrapper: "fieldset",
-      name
-    },
-    stashedObjects.length > 0 ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Heading, { size: "md" }, extra?.label.object.title_added), stashedObjects.map((_Object, index) => {
-      return /* @__PURE__ */ React.createElement(
-        ListObject,
-        {
-          key: `${name}.${index}`,
-          index,
-          name,
-          extra,
-          control,
-          register,
-          formState,
-          onDelete: handleDelete
-        }
-      );
-    })) : "",
-    /* @__PURE__ */ React.createElement(
-      AddObjects,
-      {
-        name,
-        register,
+import { FieldBaseContainer } from "../Field/FieldBaseContainer.js";
+import { FieldObject } from "../FieldObject/index.js";
+import { AddObjects } from "./add-objects.js";
+import { Card, CardAction, CardContent, CardHeading } from "@digigov/ui/content/Card/index.js";
+import { Button } from "@digigov/ui/form/Button/index.js";
+import { Heading } from "@digigov/ui/typography/Heading/index.js";
+const Multiplicity = ({ extra, name, control, error, register, trigger, clearErrors, formState, label, layout, setValue, getValues, unregister, resetField, Field })=>{
+    const { fields, append, remove } = useFieldArray({
         control,
-        fields,
-        formState,
-        error,
-        stashedObjects,
-        extra,
-        append,
-        remove,
+        name
+    });
+    const [stashedObjects, setStashedObjects] = useState([]);
+    const handleStash = (data)=>{
+        setStashedObjects([
+            ...stashedObjects,
+            data
+        ]);
+    };
+    const handleDelete = (index)=>{
+        remove(index);
+        const newStashedObjects = [
+            ...stashedObjects
+        ];
+        newStashedObjects.splice(index, 1);
+        setStashedObjects(newStashedObjects);
+    };
+    return /*#__PURE__*/ react.createElement(FieldBaseContainer, {
+        label: label,
+        layout: layout,
+        error: formState.isSubmitted && !formState.isSubmitting && error?.message ? error : void 0,
+        hasError: formState.isSubmitted && !formState.isSubmitting && !!error,
+        wrapper: "fieldset",
+        name: name,
+        register: register
+    }, stashedObjects.length > 0 ? /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(Heading, {
+        size: "md"
+    }, extra?.label.object.title_added), stashedObjects.map((_Object, index)=>/*#__PURE__*/ react.createElement(ListObject, {
+            key: `${name}.${index}`,
+            index: index,
+            name: name,
+            extra: extra,
+            control: control,
+            register: register,
+            formState: formState,
+            onDelete: handleDelete
+        }))) : '', /*#__PURE__*/ react.createElement(AddObjects, {
+        name: name,
+        register: register,
+        control: control,
+        fields: fields,
+        formState: formState,
+        error: error,
+        stashedObjects: stashedObjects,
+        extra: extra,
+        append: append,
+        remove: remove,
         onStash: handleStash,
-        setValue,
-        getValues,
-        unregister,
-        trigger,
-        clearErrors,
-        Field
-      }
-    )
-  );
+        setValue: setValue,
+        getValues: getValues,
+        unregister: unregister,
+        trigger: trigger,
+        resetField: resetField,
+        clearErrors: clearErrors,
+        Field: Field
+    }));
 };
-var MultiplicityField_default = Multiplicity;
-const ListObject = ({
-  index,
-  name,
-  extra,
-  control,
-  register,
-  onDelete,
-  formState
-  // onEdit,
-}) => {
-  const currentName = `${name}.${index}`;
-  return /* @__PURE__ */ React.createElement(Card, { variant: extra?.border && "border" }, /* @__PURE__ */ React.createElement(CardHeading, null, extra?.label.object.title, " #", index + 1), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(
-    FieldObject,
-    {
-      name: currentName,
-      formState,
-      register,
-      control,
-      ...extra?.of
-    }
-  )), /* @__PURE__ */ React.createElement(CardAction, null, /* @__PURE__ */ React.createElement(Button, { type: "button", variant: "link", onClick: () => onDelete(index) }, extra?.label.object.delete)));
+const MultiplicityField = Multiplicity;
+const ListObject = ({ index, name, extra, control, register, onDelete, formState })=>{
+    const currentName = `${name}.${index}`;
+    return /*#__PURE__*/ react.createElement(Card, {
+        variant: extra?.border && 'border'
+    }, /*#__PURE__*/ react.createElement(CardHeading, null, extra?.label.object.title, " #", index + 1), /*#__PURE__*/ react.createElement(CardContent, null, /*#__PURE__*/ react.createElement(FieldObject, {
+        name: currentName,
+        formState: formState,
+        register: register,
+        control: control,
+        ...extra?.of
+    })), /*#__PURE__*/ react.createElement(CardAction, null, /*#__PURE__*/ react.createElement(Button, {
+        type: "button",
+        variant: "link",
+        onClick: ()=>onDelete(index)
+    }, extra?.label.object.delete)));
 };
-export {
-  ListObject,
-  Multiplicity,
-  MultiplicityField_default as default
-};
-//# sourceMappingURL=index.js.map
+export { ListObject, Multiplicity, MultiplicityField as default };

package/MultiplicityField/types.d.ts

@@ -1,5 +1,5 @@
-import { ErrorOption, UseFormReturn } from 'react-hook-form';
-import { FieldSpec, ControlledFieldProps } from '@digigov/form/Field/types';
+import type { ErrorOption, UseFormReturn } from 'react-hook-form';
+import type { FieldSpec, ControlledFieldProps } from '../Field/types.js';
 export interface MultiplicityProps extends Omit<ControlledFieldProps, 'value' | 'onChange' | 'error' | 'extra'> {
     name: string;
     control: UseFormReturn['control'];
@@ -10,6 +10,7 @@ export interface MultiplicityProps extends Omit<ControlledFieldProps, 'value' |
     setValue: UseFormReturn['setValue'];
     getValues: UseFormReturn['getValues'];
     unregister: UseFormReturn['unregister'];
+    resetField?: UseFormReturn['resetField'];
     error?: ErrorOption;
     extra?: Record<string, any>;
     label?: FieldSpec['label'];

package/Questions/Questions.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { QuestionsInterface } from '@digigov/form/Questions/types';
+import type { QuestionsInterface } from './types.js';
 /**
  * The Question component accepts question data as props
  * uses composable components to provide a wholesome UX

package/Questions/Questions.js

@@ -0,0 +1,48 @@
+import react, { useEffect, useState } from "react";
+import { getNextStep } from "./getNextStep.js";
+import { QuestionsContext } from "./QuestionsContext.js";
+const isBrowser = 'undefined' != typeof window;
+const Questions = ({ name, steps, initialData = {}, onChange, onSubmit, onActiveStep, forceStepName, localDraft = false, children })=>{
+    const [currentStep, setCurrentStep] = useState({
+        name: ''
+    });
+    useEffect(()=>{
+        if (!forceStepName) setCurrentStep(steps[0]);
+    }, [
+        forceStepName,
+        steps
+    ]);
+    useEffect(()=>{
+        if (forceStepName !== currentStep.name) {
+            const forceStep = steps.find(({ name })=>name === forceStepName);
+            if (forceStep) setCurrentStep(forceStep);
+        }
+    }, [
+        forceStepName
+    ]);
+    const localData = isBrowser && localDraft && window.localStorage.getItem(`questions-${name}`);
+    const [data, setData] = useState(localData && JSON.parse(localData) || initialData);
+    const submitStep = (stepName, stepData)=>{
+        data[stepName] = stepData;
+        if (localDraft) {
+            if (isBrowser) window.localStorage.setItem(`questions-${name}`, JSON.stringify(data));
+        }
+        if (onChange) onChange(data);
+        setData(data);
+        const nextStep = getNextStep(currentStep, steps, data);
+        if (nextStep) {
+            if (onActiveStep) onActiveStep(nextStep);
+            setCurrentStep(nextStep);
+        } else onSubmit(data);
+    };
+    return /*#__PURE__*/ react.createElement(QuestionsContext.Provider, {
+        value: {
+            steps,
+            currentStep,
+            submitStep,
+            data,
+            onActiveStep
+        }
+    }, children);
+};
+export { Questions };

package/Questions/QuestionsContext.d.ts

@@ -1,2 +1,2 @@
-import { QuestionsContextInterface } from '@digigov/form/Questions/types';
+import type { QuestionsContextInterface } from './types.js';
 export declare const QuestionsContext: import("react").Context<QuestionsContextInterface>;

package/Questions/QuestionsContext.js

@@ -0,0 +1,10 @@
+import { createContext } from "react";
+const defaultStep = {
+    name: ''
+};
+const QuestionsContext = /*#__PURE__*/ createContext({
+    currentStep: defaultStep,
+    steps: [],
+    submitStep: ()=>null
+});
+export { QuestionsContext };

package/Questions/Step/ReviewStep.js

@@ -0,0 +1,32 @@
+import react, { useContext } from "react";
+import { QuestionsContext } from "../QuestionsContext.js";
+import { StepContext } from "./StepContext.js";
+import { StepTitleBase } from "./StepTitle.js";
+import { SummaryList, SummaryListItem, SummaryListItemAction, SummaryListItemKey, SummaryListItemValue } from "@digigov/ui/content/SummaryList/index.js";
+import { Button } from "@digigov/ui/form/Button/index.js";
+import { useTranslation } from "@digigov/ui/i18n/index.js";
+import Heading from "@digigov/ui/typography/Heading/index.js";
+const ReviewStep_ReviewStep = ()=>{
+    const { t } = useTranslation();
+    const { submitStep, title } = useContext(StepContext);
+    const { data, steps, onActiveStep } = useContext(QuestionsContext);
+    const filledSteps = steps.filter((step)=>!!data[step.name]);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(StepTitleBase, {
+        title: title || 'Review answers'
+    }), filledSteps.map((step)=>/*#__PURE__*/ react.createElement("div", {
+            key: step.name
+        }, /*#__PURE__*/ react.createElement(Heading, {
+            size: 'md'
+        }, step.title), /*#__PURE__*/ react.createElement(SummaryList, null, Object.keys(data[step.name]).map((dataKey)=>/*#__PURE__*/ react.createElement(SummaryListItem, {
+                key: dataKey
+            }, /*#__PURE__*/ react.createElement(SummaryListItemKey, null, step.fields.find(({ key })=>key === dataKey).label.primary), /*#__PURE__*/ react.createElement(SummaryListItemValue, null, data[step.name][dataKey]), /*#__PURE__*/ react.createElement(SummaryListItemAction, null, /*#__PURE__*/ react.createElement("a", {
+                style: {
+                    cursor: 'pointer'
+                },
+                onClick: ()=>onActiveStep && onActiveStep(step)
+            }, t('button.edit')))))))), /*#__PURE__*/ react.createElement(Button, {
+        onClick: ()=>submitStep && submitStep()
+    }, t('button.submit')));
+};
+const ReviewStep = ReviewStep_ReviewStep;
+export { ReviewStep_ReviewStep as ReviewStep, ReviewStep as default };

package/Questions/Step/Step.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StepInterface } from '@digigov/form/Questions/Step/types';
+import type { StepInterface } from './types.js';
 /**
  * The Step component accepts Step data as props
  * uses composable components to provide a wholesome UX

package/Questions/Step/Step.js

@@ -0,0 +1,39 @@
+import react, { useContext, useState } from "react";
+import { QuestionsContext } from "../QuestionsContext.js";
+import { StepArrayReview } from "./StepArrayReview.js";
+import { StepContext } from "./StepContext.js";
+const Step_Step = (props)=>{
+    const { currentStep, submitStep, data } = useContext(QuestionsContext);
+    const [stepData, setStepData] = useState([]);
+    const [reviewActive, setReviewActive] = useState(false);
+    const handleArraySubmit = (_name, data)=>{
+        setStepData([
+            ...stepData,
+            data
+        ]);
+        setReviewActive(true);
+    };
+    const handleArrayDeleteItem = (deleteIndex)=>{
+        const nextStepData = stepData.filter((_item, stepIndex)=>stepIndex !== deleteIndex);
+        setStepData(nextStepData);
+        if (0 === nextStepData.length) setReviewActive(false);
+    };
+    const handleArrayReviewStep = (data)=>{
+        if ('yes' === data.addMore) setReviewActive(false);
+        else if ('no' === data.addMore) submitStep(currentStep.name, stepData);
+    };
+    if (!currentStep || props.name !== currentStep.name) return null;
+    return /*#__PURE__*/ react.createElement(StepContext.Provider, {
+        value: {
+            ...currentStep,
+            submitStep: 'array' === currentStep.type ? handleArraySubmit : submitStep,
+            initial: data[props.name]
+        }
+    }, reviewActive ? /*#__PURE__*/ react.createElement(StepArrayReview, {
+        array: stepData,
+        handleSubmit: handleArrayReviewStep,
+        handleDelete: handleArrayDeleteItem
+    }) : props.children);
+};
+const Step = Step_Step;
+export { Step_Step as Step, Step as default };

package/Questions/Step/StepArrayReview.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StepArrayReviewInterface } from '@digigov/form/Questions/Step/types';
+import type { StepArrayReviewInterface } from './types.js';
 export declare const StepArrayReview: React.FC<StepArrayReviewInterface>;
 export default StepArrayReview;

package/Questions/Step/StepArrayReview.js

@@ -0,0 +1,35 @@
+import react, { useContext } from "react";
+import { Field } from "../../Field/index.js";
+import { Fieldset } from "../../Fieldset/index.js";
+import FormBuilder from "../../FormBuilder/index.js";
+import Label from "../../inputs/Label/index.js";
+import { QuestionsContext } from "../QuestionsContext.js";
+import { getAddMoreFields } from "./getAddMoreFields.js";
+import PageTitleContainer, { PageTitleHeading } from "@digigov/ui/app/PageTitleContainer/index.js";
+import { SummaryList, SummaryListItem, SummaryListItemAction, SummaryListItemKey, SummaryListItemValue } from "@digigov/ui/content/SummaryList/index.js";
+import Button from "@digigov/ui/form/Button/index.js";
+import { useTranslation } from "@digigov/ui/i18n/index.js";
+const StepArrayReview_StepArrayReview = (props)=>{
+    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: 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 StepArrayReview = StepArrayReview_StepArrayReview;
+export { StepArrayReview_StepArrayReview as StepArrayReview, StepArrayReview as default };

package/Questions/Step/StepContext.d.ts

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

package/Questions/Step/StepContext.js

@@ -0,0 +1,28 @@
+import { createContext } from "react";
+const StepContext = /*#__PURE__*/ createContext({
+    name: '',
+    fields: [],
+    initial: [],
+    errorLabels: [],
+    submitStep: '',
+    review: {
+        title: '',
+        primaryFieldKey: '',
+        addMore: {
+            title: {
+                primary: ''
+            },
+            answers: {
+                positive: {
+                    primary: 'Yes'
+                },
+                negative: {
+                    primary: 'No'
+                }
+            }
+        }
+    },
+    type: 'object'
+});
+const Step_StepContext = StepContext;
+export { StepContext, Step_StepContext as default };

package/Questions/Step/StepDescription.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ParagraphProps } from '@digigov/ui/typography/Paragraph';
+import type { ParagraphProps } from '@digigov/ui/typography/Paragraph';
 export interface StepDescriptionInterface extends ParagraphProps {
     description?: string;
 }

package/Questions/Step/StepDescription.js

@@ -0,0 +1,18 @@
+import react, { useContext } from "react";
+import { StepContext } from "./StepContext.js";
+import { useTranslation } from "@digigov/ui/i18n/index.js";
+import Paragraph from "@digigov/ui/typography/Paragraph/index.js";
+const StepDescriptionBase = ({ children, description, ...props })=>{
+    const { t } = useTranslation();
+    return /*#__PURE__*/ react.createElement(Paragraph, props, children || description && t(description));
+};
+const StepDescription = (props)=>{
+    const { description: descriptionContext } = useContext(StepContext);
+    const description = props.description || descriptionContext;
+    return /*#__PURE__*/ react.createElement(StepDescriptionBase, {
+        description: description,
+        ...props
+    }, props.children);
+};
+const Step_StepDescription = StepDescription;
+export { StepDescription, StepDescriptionBase, Step_StepDescription as default };

package/Questions/Step/StepForm.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { FieldProps } from '@digigov/form/Field/types';
-import { FormBuilderProps } from '@digigov/form/types';
+import type { FieldProps } from '../../Field/types.js';
+import type { FormBuilderProps } from '../../types.js';
 export interface StepFormProps {
     submitButton: boolean;
     children: React.ReactNode;

package/Questions/Step/StepForm.js

@@ -0,0 +1,29 @@
+import react, { useContext } from "react";
+import Field from "../../Field/index.js";
+import Fieldset from "../../Fieldset/index.js";
+import FormBuilder from "../../FormBuilder/index.js";
+import { StepContext } from "./StepContext.js";
+import Button from "@digigov/ui/form/Button/index.js";
+import { useTranslation } from "@digigov/ui/i18n/index.js";
+const StepForm_StepForm = ({ children, submitButton, ...props })=>{
+    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: initial,
+        fields: 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'))));
+};
+const StepForm = StepForm_StepForm;
+export { StepForm_StepForm as StepForm, StepForm as default };

package/Questions/Step/StepQuote.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ParagraphProps } from '@digigov/ui/typography/Paragraph';
+import type { ParagraphProps } from '@digigov/ui/typography/Paragraph';
 export declare const StepQuote: React.FC<ParagraphProps>;
 export default StepQuote;

package/Questions/Step/StepQuote.js

@@ -0,0 +1,5 @@
+import react from "react";
+import Paragraph from "@digigov/ui/typography/Paragraph/index.js";
+const StepQuote = ({ children, ...props })=>/*#__PURE__*/ react.createElement(Paragraph, props, children);
+const Step_StepQuote = StepQuote;
+export { StepQuote, Step_StepQuote as default };

package/Questions/Step/StepTitle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { HeadingProps } from '@digigov/ui/typography/Heading';
+import type { HeadingProps } from '@digigov/ui/typography/Heading';
 export interface StepTitleInterface {
     title?: string;
     backButton?: string;

package/Questions/Step/StepTitle.js

@@ -0,0 +1,25 @@
+import react, { useContext } from "react";
+import { StepContext } from "./StepContext.js";
+import { PageTitleCaption, PageTitleContainer } from "@digigov/ui/app/PageTitleContainer/index.js";
+import { useTranslation } from "@digigov/ui/i18n/index.js";
+import { BackLink } from "@digigov/ui/navigation/BackLink/index.js";
+import { Heading } from "@digigov/ui/typography/Heading/index.js";
+import { HeadingCaption } from "@digigov/ui/typography/HeadingCaption/index.js";
+const StepTitleHeading = (props)=>/*#__PURE__*/ react.createElement(Heading, null, props.children);
+const StepTitleBase = ({ caption, step, title, 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 StepTitle_StepTitle = (props)=>{
+    const { caption, title, step, backButton } = useContext(StepContext);
+    return /*#__PURE__*/ react.createElement(StepTitleBase, {
+        backButton: backButton,
+        caption: caption,
+        step: step,
+        title: title
+    }, props.children);
+};
+const StepTitle = StepTitle_StepTitle;
+export { StepTitle_StepTitle as StepTitle, StepTitleBase, StepTitleHeading, StepTitle as default };

package/Questions/Step/getAddMoreFields.d.ts

@@ -1,3 +1,3 @@
-import { StepInterface } from '@digigov/form/Questions/Step/types';
-import { FieldSpec } from '@digigov/form/types';
+import type { StepInterface } from './types.js';
+import type { FieldSpec } from '../../types.js';
 export declare const getAddMoreFields: (currentStep: StepInterface) => FieldSpec[];

package/Questions/Step/getAddMoreFields.js

@@ -0,0 +1,24 @@
+const getAddMoreFields = (currentStep)=>[
+        {
+            key: 'addMore',
+            type: 'choice:single',
+            required: true,
+            extra: {
+                options: [
+                    {
+                        label: currentStep.review?.addMore.answers.positive || {
+                            primary: 'Yes'
+                        },
+                        value: 'yes'
+                    },
+                    {
+                        label: currentStep.review?.addMore.answers.negative || {
+                            primary: 'No'
+                        },
+                        value: 'no'
+                    }
+                ]
+            }
+        }
+    ];
+export { getAddMoreFields };

package/Questions/Step/index.d.ts

@@ -1,12 +1,12 @@
-export * from '@digigov/form/Questions/Step/ReviewStep';
-export * from '@digigov/form/Questions/Step/Step';
-export * from '@digigov/form/Questions/Step/StepArrayReview';
-export * from '@digigov/form/Questions/Step/StepContext';
-export * from '@digigov/form/Questions/Step/StepDescription';
-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/types';
-import Step from '@digigov/form/Questions/Step/Step';
+export * from './ReviewStep.js';
+export * from './Step.js';
+export * from './StepArrayReview.js';
+export * from './StepContext.js';
+export * from './StepDescription.js';
+export * from './StepForm.js';
+export * from './StepQuote.js';
+export * from './StepTitle.js';
+export * from './getAddMoreFields.js';
+export * from './types.js';
+import Step from './Step.js';
 export default Step;