@digigov/form 1.0.0-8ae63a77 → 1.0.0-8b33e4c8

package/esm/Questions/Step/Step.js

@@ -1,69 +0,0 @@
-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 { StepArrayReview } from '@digigov/form/Questions/Step/StepArrayReview';
-import { StepContext } from '@digigov/form/Questions/Step/StepContext';
-
-/**
- * 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

@@ -1,50 +0,0 @@
-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 PageTitleContainer, { PageTitleHeading } from '@digigov/ui/app/PageTitleContainer';
-import { SummaryList, SummaryListItem, SummaryListItemKey, SummaryListItemValue, SummaryListItemAction } from '@digigov/ui/content/SummaryList';
-import Button from '@digigov/ui/form/Button';
-import { useTranslation } from '@digigov/ui/i18n';
-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(PageTitleContainer, 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/StepDescription.js

@@ -1,27 +0,0 @@
-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/StepContext';
-import { useTranslation } from '@digigov/ui/i18n';
-import Paragraph from '@digigov/ui/typography/Paragraph';
-export var StepDescriptionBase = function StepDescriptionBase(_ref) {
-  var children = _ref.children,
-      description = _ref.description,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  return /*#__PURE__*/React.createElement(Paragraph, props, children || description && t(description));
-};
-export var StepDescription = function StepDescription(props) {
-  var _useContext = useContext(StepContext),
-      descriptionContext = _useContext.description;
-
-  var description = props.description || descriptionContext;
-  return /*#__PURE__*/React.createElement(StepDescriptionBase, _extends({
-    description: description
-  }, props), props.children);
-};
-export default StepDescription;

package/esm/Questions/Step/StepForm.js

@@ -1,48 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "submitButton"],
-    _excluded2 = ["name", "submitStep"];
-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 Button from '@digigov/ui/form/Button';
-import { useTranslation } from '@digigov/ui/i18n';
-
-/**
- * The StepForm component accepts a title, a caption and a
- * decription about the Step asked to the User
- */
-export var StepForm = function StepForm(_ref) {
-  var children = _ref.children,
-      submitButton = _ref.submitButton,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var _useContext = useContext(StepContext),
-      name = _useContext.name,
-      submitStep = _useContext.submitStep,
-      rest = _objectWithoutProperties(_useContext, _excluded2);
-
-  var fields = rest.fields.length ? rest.fields : props.fields;
-  var initial = rest.initial ? rest.initial : props.initial;
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    initial: initial,
-    fields: fields,
-    onSubmit: function 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(function (field) {
-    return /*#__PURE__*/React.createElement(Field, {
-      key: field.key,
-      name: field.key
-    });
-  })), /*#__PURE__*/React.createElement(Button, {
-    type: "submit"
-  }, t('button.continue'))));
-};
-export default StepForm;

package/esm/Questions/Step/StepQuote.js

@@ -1,11 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children"];
-import React from 'react';
-import Paragraph from '@digigov/ui/typography/Paragraph';
-export var StepQuote = function StepQuote(_ref) {
-  var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(Paragraph, props, children);
-};
-export default StepQuote;

package/esm/Questions/Step/StepTitle.js

@@ -1,44 +0,0 @@
-import React, { useContext } from 'react';
-import { StepContext } from '@digigov/form/Questions/Step/StepContext';
-import PageTitleContainer, { PageTitleCaption } from '@digigov/ui/app/PageTitleContainer';
-import BackButton from '@digigov/ui/form/Button/BackButton';
-import { useTranslation } from '@digigov/ui/i18n';
-import HeadingCaption from '@digigov/react-core/HeadingCaption';
-import Heading from '@digigov/react-core/Heading';
-export var StepTitleHeading = function StepTitleHeading(props) {
-  return /*#__PURE__*/React.createElement(Heading, null, props.children);
-};
-export var StepTitleBase = function StepTitleBase(_ref) {
-  var caption = _ref.caption,
-      step = _ref.step,
-      title = _ref.title,
-      backButton = _ref.backButton,
-      children = _ref.children;
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BackButton, 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)))));
-};
-/**
- * The StepTitle component accepts a title, a caption and a step indicator
- * about the Step asked to the User
- */
-
-export var StepTitle = function StepTitle(props) {
-  var _useContext = useContext(StepContext),
-      caption = _useContext.caption,
-      title = _useContext.title,
-      step = _useContext.step,
-      backButton = _useContext.backButton;
-
-  return /*#__PURE__*/React.createElement(StepTitleBase, {
-    backButton: backButton,
-    caption: caption,
-    step: step,
-    title: title
-  }, props.children);
-};
-export default StepTitle;

package/esm/Questions/Step/getAddMoreFields.js

@@ -1,22 +0,0 @@
-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,13 +0,0 @@
-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 default Step;

package/esm/Questions/Step/types.js

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