@digigov/form 0.6.9 → 0.7.1

package/esm/Questions/Questions.js

@@ -0,0 +1,84 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState, useEffect } from 'react';
+import { QuestionsContext } from '@digigov/form/Questions/QuestionsContext';
+import { getNextStep } from '@digigov/form/Questions/getNextStep';
+var isBrowser = typeof window !== 'undefined';
+/**
+ * The Question component accepts question data as props
+ * uses composable components to provide a wholesome UX
+ *
+ */
+
+export var Questions = function Questions(_ref) {
+  var name = _ref.name,
+      steps = _ref.steps,
+      _ref$initialData = _ref.initialData,
+      initialData = _ref$initialData === void 0 ? {} : _ref$initialData,
+      onChange = _ref.onChange,
+      onSubmit = _ref.onSubmit,
+      onActiveStep = _ref.onActiveStep,
+      forceStepName = _ref.forceStepName,
+      _ref$localDraft = _ref.localDraft,
+      localDraft = _ref$localDraft === void 0 ? false : _ref$localDraft,
+      children = _ref.children;
+
+  var _useState = useState({
+    name: ''
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentStep = _useState2[0],
+      setCurrentStep = _useState2[1];
+
+  useEffect(function () {
+    if (!forceStepName) {
+      setCurrentStep(steps[0]);
+    }
+  }, [forceStepName, steps]);
+  useEffect(function () {
+    if (forceStepName !== currentStep.name) {
+      var forceStep = steps.find(function (_ref2) {
+        var name = _ref2.name;
+        return name === forceStepName;
+      });
+      forceStep && setCurrentStep(forceStep);
+    }
+  }, [forceStepName]);
+  var localData = isBrowser && localDraft && window.localStorage.getItem("questions-".concat(name));
+
+  var _useState3 = useState(localData && JSON.parse(localData) || initialData),
+      _useState4 = _slicedToArray(_useState3, 2),
+      data = _useState4[0],
+      setData = _useState4[1];
+
+  var submitStep = function submitStep(stepName, stepData) {
+    data[stepName] = stepData;
+
+    if (localDraft) {
+      isBrowser && window.localStorage.setItem("questions-".concat(name), JSON.stringify(data));
+    }
+
+    if (onChange) {
+      onChange && onChange(data);
+    }
+
+    setData(data);
+    var nextStep = getNextStep(currentStep, steps, data);
+
+    if (nextStep) {
+      onActiveStep && onActiveStep(nextStep);
+      setCurrentStep(nextStep);
+    } else {
+      onSubmit(data);
+    }
+  };
+
+  return /*#__PURE__*/React.createElement(QuestionsContext.Provider, {
+    value: {
+      steps: steps,
+      currentStep: currentStep,
+      submitStep: submitStep,
+      data: data,
+      onActiveStep: onActiveStep
+    }
+  }, children);
+};

package/esm/Questions/QuestionsContext.js

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

package/esm/Questions/Step/ReviewStep.js

@@ -2,8 +2,9 @@ import React, { useContext } from 'react';
 import { SummaryList, SummaryListItem, SummaryListItemKey, SummaryListItemValue, SummaryListItemAction } from '@digigov/ui/core/SummaryList';
 import Title from '@digigov/ui/typography/Title';
 import { Button } from '@digigov/ui/core';
-import { QuestionsContext } from '@digigov/form/Questions/';
-import { StepTitleBase, StepContext } from '@digigov/form/Questions/Step';
+import { QuestionsContext } from '@digigov/form/Questions/QuestionsContext';
+import { StepTitleBase } from '@digigov/form/Questions/Step/StepTitle';
+import { StepContext } from '@digigov/form/Questions/Step/StepContext';
 import { useTranslation } from '@digigov/ui/app/i18n';
 export var ReviewStep = function ReviewStep() {
   var _useTranslation = useTranslation(),
@@ -48,4 +49,5 @@ export var ReviewStep = function ReviewStep() {
       return submitStep && submitStep();
     }
   }, t('button.submit')));
-};
+};
+export default ReviewStep;

package/esm/Questions/Step/Step.js

@@ -0,0 +1,69 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useContext, useState } from 'react';
+import { QuestionsContext } from '@digigov/form/Questions/QuestionsContext';
+import { StepContext } from '@digigov/form/Questions/Step/StepContext';
+import { StepArrayReview } from '@digigov/form/Questions/Step/StepArrayReview';
+
+/**
+ * The Step component accepts Step data as props
+ * uses composable components to provide a wholesome UX
+ *
+ */
+export var Step = function Step(props) {
+  // or return all Questions and currentStepName
+  // or return a specific Step object
+  var _useContext = useContext(QuestionsContext),
+      currentStep = _useContext.currentStep,
+      submitStep = _useContext.submitStep,
+      data = _useContext.data;
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      stepData = _useState2[0],
+      setStepData = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      reviewActive = _useState4[0],
+      setReviewActive = _useState4[1];
+
+  var handleArraySubmit = function handleArraySubmit(_name, data) {
+    setStepData([].concat(_toConsumableArray(stepData), [data]));
+    setReviewActive(true);
+  };
+
+  var handleArrayDeleteItem = function handleArrayDeleteItem(deleteIndex) {
+    var nextStepData = stepData.filter(function (_item, stepIndex) {
+      return stepIndex !== deleteIndex;
+    });
+    setStepData(nextStepData);
+
+    if (nextStepData.length === 0) {
+      setReviewActive(false);
+    }
+  };
+
+  var handleArrayReviewStep = function handleArrayReviewStep(data) {
+    if (data.addMore === 'yes') {
+      setReviewActive(false);
+    } else if (data.addMore === 'no') {
+      submitStep(currentStep.name, stepData);
+    }
+  };
+
+  if (!currentStep || props.name !== currentStep.name) return null; // then provide the currentStep object
+
+  return /*#__PURE__*/React.createElement(StepContext.Provider, {
+    value: _extends({}, currentStep, {
+      submitStep: currentStep.type === 'array' ? handleArraySubmit : submitStep,
+      initial: data[props.name]
+    })
+  }, reviewActive ? /*#__PURE__*/React.createElement(StepArrayReview, {
+    array: stepData,
+    handleSubmit: handleArrayReviewStep,
+    handleDelete: handleArrayDeleteItem
+  }) : props.children);
+};
+export default Step;

package/esm/Questions/Step/StepArrayReview.js

@@ -0,0 +1,50 @@
+import React, { useContext } from 'react';
+import { QuestionsContext } from '@digigov/form/Questions/QuestionsContext';
+import PageTitle, { PageTitleHeading } from '@digigov/ui/app/PageTitle';
+import Button from '@digigov/ui/core/Button';
+import { FormBuilder } from '@digigov/form/FormBuilder';
+import { Field } from '@digigov/form/Field';
+import { Fieldset } from '@digigov/form/Fieldset';
+import Label from '@digigov/form/inputs/Label';
+import { SummaryList, SummaryListItem, SummaryListItemKey, SummaryListItemValue, SummaryListItemAction } from '@digigov/ui/core/SummaryList';
+import { useTranslation } from '@digigov/ui/app/i18n';
+import { getAddMoreFields } from '@digigov/form/Questions/Step/getAddMoreFields';
+export var StepArrayReview = function StepArrayReview(props) {
+  var _currentStep$review2, _currentStep$review3, _currentStep$review4;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var _useContext = useContext(QuestionsContext),
+      currentStep = _useContext.currentStep;
+
+  var fields = getAddMoreFields(currentStep);
+  var primaryField = currentStep.fields.find(function (field) {
+    var _currentStep$review;
+
+    return field.key === ((_currentStep$review = currentStep.review) === null || _currentStep$review === void 0 ? void 0 : _currentStep$review.primaryFieldKey);
+  }) || {};
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageTitle, null, /*#__PURE__*/React.createElement(PageTitleHeading, null, ((_currentStep$review2 = currentStep.review) === null || _currentStep$review2 === void 0 ? void 0 : _currentStep$review2.title) && t((_currentStep$review3 = currentStep.review) === null || _currentStep$review3 === void 0 ? void 0 : _currentStep$review3.title))), /*#__PURE__*/React.createElement(SummaryList, null, props.array.map(function (item, idx) {
+    return /*#__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: function onClick() {
+        return 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$review4 = currentStep.review) === null || _currentStep$review4 === void 0 ? void 0 : _currentStep$review4.addMore.title
+  }), fields.map(function (field) {
+    return /*#__PURE__*/React.createElement(Field, {
+      key: field.key,
+      name: field.key
+    });
+  })), /*#__PURE__*/React.createElement(Button, {
+    type: "submit"
+  }, t('button.submit'))));
+};
+export default StepArrayReview;

package/esm/Questions/Step/StepContext.js

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

package/esm/Questions/Step/StepDescription.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "description"];
 import React, { useContext } from 'react';
-import { StepContext } from '@digigov/form/Questions/Step';
+import { StepContext } from '@digigov/form/Questions/Step/StepContext';
 import Paragraph from '@digigov/ui/typography/Paragraph';
 import { useTranslation } from '@digigov/ui/app/i18n';
 export var StepDescriptionBase = function StepDescriptionBase(_ref) {

package/esm/Questions/Step/StepForm.js

@@ -2,8 +2,10 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children", "submitButton"],
     _excluded2 = ["name", "submitStep"];
 import React, { useContext } from 'react';
-import { StepContext } from '@digigov/form/Questions/Step';
-import FormBuilder, { Fieldset, Field } from '@digigov/form';
+import { StepContext } from '@digigov/form/Questions/Step/StepContext';
+import FormBuilder from '@digigov/form/FormBuilder';
+import Fieldset from '@digigov/form/Fieldset';
+import Field from '@digigov/form/Field';
 import Button from '@digigov/ui/core/Button';
 import { useTranslation } from '@digigov/ui/app/i18n';
 

package/esm/Questions/Step/StepTitle.js

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { StepContext } from '@digigov/form/Questions/Step';
+import { StepContext } from '@digigov/form/Questions/Step/StepContext';
 import PageTitle, { PageTitleHeading, PageTitleSection, PageTitleCaption } from '@digigov/ui/app/PageTitle';
 import BackButton from '@digigov/ui/core/Button/BackButton';
 import { useTranslation } from '@digigov/ui/app/i18n';

package/esm/Questions/Step/getAddMoreFields.js

@@ -0,0 +1,22 @@
+export var getAddMoreFields = function getAddMoreFields(currentStep) {
+  var _currentStep$review, _currentStep$review2;
+
+  return [{
+    key: 'addMore',
+    type: 'choice:single',
+    required: true,
+    extra: {
+      options: [{
+        label: ((_currentStep$review = currentStep.review) === null || _currentStep$review === void 0 ? void 0 : _currentStep$review.addMore.answers.positive) || {
+          primary: 'Yes'
+        },
+        value: 'yes'
+      }, {
+        label: ((_currentStep$review2 = currentStep.review) === null || _currentStep$review2 === void 0 ? void 0 : _currentStep$review2.addMore.answers.negative) || {
+          primary: 'No'
+        },
+        value: 'no'
+      }]
+    }
+  }];
+};

package/esm/Questions/Step/index.js

@@ -1,165 +1,13 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React, { createContext, useContext, useState } from 'react';
-import { QuestionsContext } from '@digigov/form/Questions/';
-import PageTitle, { PageTitleHeading } from '@digigov/ui/app/PageTitle';
-import Button from '@digigov/ui/core/Button';
-import FormBuilder, { Fieldset, Field } from '@digigov/form';
-import Label from '@digigov/form/inputs/Label';
-import { SummaryList, SummaryListItem, SummaryListItemKey, SummaryListItemValue, SummaryListItemAction } from '@digigov/ui/core/SummaryList';
-import { useTranslation } from '@digigov/ui/app/i18n';
-export var StepContext = /*#__PURE__*/createContext({
-  name: '',
-  fields: [],
-  initial: [],
-  errorLabels: [],
-  submitStep: '',
-  review: {
-    title: '',
-    primaryFieldKey: '',
-    addMore: {
-      title: {
-        primary: ''
-      },
-      answers: {
-        positive: {
-          primary: 'Yes'
-        },
-        negative: {
-          primary: 'No'
-        }
-      }
-    }
-  },
-  type: 'object'
-});
-/**
- * The Step component accepts Step data as props
- * uses composable components to provide a wholesome UX
- *
- */
-
-export var Step = function Step(props) {
-  // or return all Questions and currentStepName
-  // or return a specific Step object
-  var _useContext = useContext(QuestionsContext),
-      currentStep = _useContext.currentStep,
-      submitStep = _useContext.submitStep,
-      data = _useContext.data;
-
-  var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      stepData = _useState2[0],
-      setStepData = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      reviewActive = _useState4[0],
-      setReviewActive = _useState4[1];
-
-  var handleArraySubmit = function handleArraySubmit(_name, data) {
-    setStepData([].concat(_toConsumableArray(stepData), [data]));
-    setReviewActive(true);
-  };
-
-  var handleArrayDeleteItem = function handleArrayDeleteItem(deleteIndex) {
-    var nextStepData = stepData.filter(function (_item, stepIndex) {
-      return stepIndex !== deleteIndex;
-    });
-    setStepData(nextStepData);
-
-    if (nextStepData.length === 0) {
-      setReviewActive(false);
-    }
-  };
-
-  var handleArrayReviewStep = function handleArrayReviewStep(data) {
-    if (data.addMore === 'yes') {
-      setReviewActive(false);
-    } else if (data.addMore === 'no') {
-      submitStep(currentStep.name, stepData);
-    }
-  };
-
-  if (!currentStep || props.name !== currentStep.name) return null; // then provide the currentStep object
-
-  return /*#__PURE__*/React.createElement(StepContext.Provider, {
-    value: _extends({}, currentStep, {
-      submitStep: currentStep.type === 'array' ? handleArraySubmit : submitStep,
-      initial: data[props.name]
-    })
-  }, reviewActive ? /*#__PURE__*/React.createElement(StepArrayReview, {
-    array: stepData,
-    handleSubmit: handleArrayReviewStep,
-    handleDelete: handleArrayDeleteItem
-  }) : props.children);
-};
-export var getAddMoreFields = function getAddMoreFields(currentStep) {
-  var _currentStep$review, _currentStep$review2;
-
-  return [{
-    key: 'addMore',
-    type: 'choice:single',
-    required: true,
-    extra: {
-      options: [{
-        label: ((_currentStep$review = currentStep.review) === null || _currentStep$review === void 0 ? void 0 : _currentStep$review.addMore.answers.positive) || {
-          primary: 'Yes'
-        },
-        value: 'yes'
-      }, {
-        label: ((_currentStep$review2 = currentStep.review) === null || _currentStep$review2 === void 0 ? void 0 : _currentStep$review2.addMore.answers.negative) || {
-          primary: 'No'
-        },
-        value: 'no'
-      }]
-    }
-  }];
-};
-export var StepArrayReview = function StepArrayReview(props) {
-  var _currentStep$review4, _currentStep$review5, _currentStep$review6;
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var _useContext2 = useContext(QuestionsContext),
-      currentStep = _useContext2.currentStep;
-
-  var fields = getAddMoreFields(currentStep);
-  var primaryField = currentStep.fields.find(function (field) {
-    var _currentStep$review3;
-
-    return field.key === ((_currentStep$review3 = currentStep.review) === null || _currentStep$review3 === void 0 ? void 0 : _currentStep$review3.primaryFieldKey);
-  }) || {};
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageTitle, null, /*#__PURE__*/React.createElement(PageTitleHeading, null, ((_currentStep$review4 = currentStep.review) === null || _currentStep$review4 === void 0 ? void 0 : _currentStep$review4.title) && t((_currentStep$review5 = currentStep.review) === null || _currentStep$review5 === void 0 ? void 0 : _currentStep$review5.title))), /*#__PURE__*/React.createElement(SummaryList, null, props.array.map(function (item, idx) {
-    return /*#__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: function onClick() {
-        return 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$review6 = currentStep.review) === null || _currentStep$review6 === void 0 ? void 0 : _currentStep$review6.addMore.title
-  }), fields.map(function (field) {
-    return /*#__PURE__*/React.createElement(Field, {
-      key: field.key,
-      name: field.key
-    });
-  })), /*#__PURE__*/React.createElement(Button, {
-    type: "submit"
-  }, t('button.submit'))));
-};
-export default Step;
-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/ReviewStep';
+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 { default as StepDescription } from '@digigov/form/Questions/Step/StepDescription';
+export { default as StepForm } from '@digigov/form/Questions/Step/StepForm';
+export { default as StepQuote } from '@digigov/form/Questions/Step/StepQuote';
+export { default as StepTitle } 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/esm/Questions/Step/types.js

@@ -0,0 +1 @@
+export {};