@digigov/form 2.0.0-rc.7 → 2.0.2

package/MultiplicityField/index.js

@@ -1,113 +1,86 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState } from 'react';
-import { useFieldArray } from 'react-hook-form';
-import FieldContainer from '@digigov/form/Field/FieldBaseContainer';
-import FieldObject from '@digigov/form/FieldObject';
-import AddObjects from '@digigov/form/MultiplicityField/add-objects';
-import { Card } from '@digigov/react-core/Card';
-import { CardContent } from '@digigov/react-core/CardContent';
-import { CardAction } from '@digigov/react-core/CardAction';
-import { Button } from '@digigov/react-core/Button';
-import { Heading } from '@digigov/react-core/Heading';
-import { CardHeading } from '@digigov/react-core/CardHeading';
-// epeidh einai forwardRef to ref mas to dinei xwrista apo ta props
-export var Multiplicity = function Multiplicity(_ref) {
-  var extra = _ref.extra,
-    name = _ref.name,
-    control = _ref.control,
-    error = _ref.error,
-    register = _ref.register,
-    trigger = _ref.trigger,
-    clearErrors = _ref.clearErrors,
-    formState = _ref.formState,
-    label = _ref.label,
-    layout = _ref.layout,
-    setValue = _ref.setValue,
-    getValues = _ref.getValues,
-    unregister = _ref.unregister;
-  var _useFieldArray = useFieldArray({
-      control: control,
-      name: name
-    }),
-    fields = _useFieldArray.fields,
-    append = _useFieldArray.append,
-    remove = _useFieldArray.remove;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    stashedObjects = _useState2[0],
-    setStashedObjects = _useState2[1];
-  var handleStash = function handleStash(data) {
-    setStashedObjects([].concat(_toConsumableArray(stashedObjects), [data]));
-  };
-  var handleDelete = function handleDelete(index) {
-    remove(index);
-    // creating a new array to maintain immutability
-    var newStashedObjects = _toConsumableArray(stashedObjects);
-    newStashedObjects.splice(index, 1);
-    setStashedObjects(newStashedObjects);
-  };
-  return /*#__PURE__*/React.createElement(FieldContainer, {
-    label: label,
-    layout: layout,
-    error: formState.isSubmitted && !formState.isSubmitting && error !== null && error !== void 0 && error.message ? error : undefined,
-    wrapper: "fieldset",
-    name: name
-  }, stashedObjects.length > 0 ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
-    size: "md"
-  }, extra === null || extra === void 0 ? void 0 : extra.label.object.title_added), stashedObjects.map(function (_Object, index) {
-    return /*#__PURE__*/React.createElement(ListObject, {
-      key: "".concat(name, ".").concat(index),
-      index: index,
-      name: name,
-      extra: extra,
-      control: control,
-      register: register,
-      formState: formState,
-      onDelete: handleDelete
+import react, { useState } from "react";
+import { useFieldArray } from "react-hook-form";
+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,
+        name
     });
-  })) : '', /*#__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: setValue,
-    getValues: getValues,
-    unregister: unregister,
-    trigger: trigger,
-    clearErrors: clearErrors
-  }));
+    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: setValue,
+        getValues: getValues,
+        unregister: unregister,
+        trigger: trigger,
+        resetField: resetField,
+        clearErrors: clearErrors,
+        Field: Field
+    }));
 };
-export default Multiplicity;
-export var ListObject = function ListObject(_ref2) {
-  var index = _ref2.index,
-    name = _ref2.name,
-    extra = _ref2.extra,
-    control = _ref2.control,
-    register = _ref2.register,
-    onDelete = _ref2.onDelete,
-    formState = _ref2.formState;
-  var currentName = "".concat(name, ".").concat(index);
-  return /*#__PURE__*/React.createElement(Card, {
-    variant: (extra === null || extra === void 0 ? void 0 : extra.border) && 'border'
-  }, /*#__PURE__*/React.createElement(CardHeading, null, extra === null || extra === void 0 ? void 0 : extra.label.object.title, " #", index + 1), /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(FieldObject, _extends({
-    name: currentName,
-    formState: formState,
-    register: register,
-    control: control
-  }, extra === null || extra === void 0 ? void 0 : extra.of))), /*#__PURE__*/React.createElement(CardAction, null, /*#__PURE__*/React.createElement(Button, {
-    type: "button",
-    variant: "link",
-    onClick: function onClick() {
-      return onDelete(index);
-    }
-  }, extra === null || extra === void 0 ? void 0 : 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 as default };

package/MultiplicityField/types.d.ts

@@ -0,0 +1,19 @@
+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'];
+    register: UseFormReturn['register'];
+    trigger: UseFormReturn['trigger'];
+    clearErrors: UseFormReturn['clearErrors'];
+    formState: UseFormReturn['formState'];
+    setValue: UseFormReturn['setValue'];
+    getValues: UseFormReturn['getValues'];
+    unregister: UseFormReturn['unregister'];
+    resetField?: UseFormReturn['resetField'];
+    error?: ErrorOption;
+    extra?: Record<string, any>;
+    label?: FieldSpec['label'];
+    layout?: FieldSpec['layout'];
+}
+export type StashedObject = Record<string, any>;

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,3 +1,2 @@
-/// <reference types="react" />
-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,4 +1,3 @@
-/// <reference types="react" />
-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,10 +1,11 @@
 import React from 'react';
-import { HeadingProps } from '@digigov/react-core/Heading';
+import type { 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

@@ -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,13 +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/';
-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;