@digigov/form 0.6.9 → 0.7.1

package/es/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/es/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/es/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/es/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/es/Questions/Step/types.js

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