@digigov/form 0.6.8 → 0.7.0

package/Field/utils.js

@@ -0,0 +1,146 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calculateField = calculateField;
+exports.evaluateFieldWithConditions = evaluateFieldWithConditions;
+exports.useField = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = require("react");
+
+var _Input = _interopRequireDefault(require("@digigov/form/inputs/Input"));
+
+var _Checkboxes = _interopRequireDefault(require("@digigov/form/inputs/Checkboxes"));
+
+var _Radio = _interopRequireDefault(require("@digigov/form/inputs/Radio"));
+
+var _Select = _interopRequireDefault(require("@digigov/form/inputs/Select"));
+
+var _FileInput = _interopRequireDefault(require("@digigov/form/inputs/FileInput"));
+
+var _DateInput = _interopRequireDefault(require("@digigov/form/inputs/DateInput"));
+
+var _FormContext = require("@digigov/form/FormContext");
+
+var FIELD_COMPONENTS = {
+  text: {
+    component: _Input["default"]
+  },
+  string: {
+    component: _Input["default"]
+  },
+  file: {
+    wrapper: 'fieldset',
+    component: _FileInput["default"]
+  },
+  date: {
+    wrapper: 'fieldset',
+    controlled: true,
+    component: _DateInput["default"]
+  },
+  'choice:multiple': {
+    wrapper: 'fieldset',
+    controlled: true,
+    component: _Checkboxes["default"]
+  },
+  'choice:single': {
+    wrapper: 'fieldset',
+    controlled: false,
+    component: _Radio["default"]
+  }
+};
+var ALTERNATIVE_COMPONENTS = {
+  Select: {
+    component: _Select["default"],
+    controlled: false
+  }
+};
+
+function calculateField(children, field, componentRegistry) {
+  var _field$extra;
+
+  var calculatedField = (0, _extends2["default"])({}, field);
+  var fieldComponentRegistry = (0, _extends2["default"])({}, FIELD_COMPONENTS, componentRegistry);
+
+  if (children) {
+    calculatedField.component = children;
+  } else if (typeof field.component === 'function') {// leave as is
+  } else if (!field.component && !field.type) {
+    var _fieldComponentRegist;
+
+    calculatedField.component = fieldComponentRegistry.string.component;
+    calculatedField.controlled = ((_fieldComponentRegist = fieldComponentRegistry.string) === null || _fieldComponentRegist === void 0 ? void 0 : _fieldComponentRegist.controlled) || false;
+  } else if (typeof (field === null || field === void 0 ? void 0 : (_field$extra = field.extra) === null || _field$extra === void 0 ? void 0 : _field$extra.component) === 'string' && ALTERNATIVE_COMPONENTS[field.extra.component]) {
+    var _ALTERNATIVE_COMPONEN;
+
+    calculatedField.controlled = ((_ALTERNATIVE_COMPONEN = ALTERNATIVE_COMPONENTS[field.extra.component]) === null || _ALTERNATIVE_COMPONEN === void 0 ? void 0 : _ALTERNATIVE_COMPONEN.controlled) || false;
+    calculatedField.component = ALTERNATIVE_COMPONENTS[field.extra.component].component;
+  } else if (!field.component && field.type && fieldComponentRegistry[field.type]) {
+    var _fieldComponentRegist2;
+
+    calculatedField.component = fieldComponentRegistry[field.type].component;
+    calculatedField.wrapper = fieldComponentRegistry[field.type].wrapper;
+    calculatedField.controlled = ((_fieldComponentRegist2 = fieldComponentRegistry[field.type]) === null || _fieldComponentRegist2 === void 0 ? void 0 : _fieldComponentRegist2.controlled) || false;
+  } else {
+    var _fieldComponentRegist3;
+
+    calculatedField.component = fieldComponentRegistry.string.component;
+    calculatedField.controlled = ((_fieldComponentRegist3 = fieldComponentRegistry.string) === null || _fieldComponentRegist3 === void 0 ? void 0 : _fieldComponentRegist3.controlled) || false;
+  }
+
+  return calculatedField;
+}
+
+var useField = function useField(name, customField) {
+  var _useContext = (0, _react.useContext)(_FormContext.FormContext),
+      fieldsMap = _useContext.fieldsMap,
+      control = _useContext.control,
+      register = _useContext.register,
+      errors = _useContext.errors,
+      registerField = _useContext.registerField,
+      componentRegistry = _useContext.componentRegistry;
+
+  (0, _react.useMemo)(function () {
+    return (customField === null || customField === void 0 ? void 0 : customField.type) && registerField((0, _extends2["default"])({}, customField, {
+      key: name
+    }));
+  }, [customField, name, registerField]);
+  return {
+    field: customField || fieldsMap[name],
+    control: control,
+    register: register,
+    componentRegistry: componentRegistry,
+    error: errors[name]
+  };
+};
+
+exports.useField = useField;
+
+function evaluateFieldWithConditions(field, variables) {
+  var newField = (0, _extends2["default"])({}, field);
+
+  if (variables) {
+    for (var key in variables) {
+      if (field.condition[key] && field.condition[key].is === variables[key]) {
+        var then = field.condition[key].then || {};
+
+        for (var attr in then) {
+          newField[attr] = then[attr];
+        }
+      } else if (field.condition[key]) {
+        var otherwise = field.condition[key]["else"] || {};
+
+        for (var _attr in otherwise) {
+          newField[_attr] = otherwise[_attr];
+        }
+      }
+    }
+  }
+
+  return newField;
+}

package/Fieldset/FieldsetWithContext.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldsetWithContext = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _FormContext = require("@digigov/form/FormContext");
+
+var _Field = _interopRequireDefault(require("@digigov/form/Field"));
+
+var _i18n = require("@digigov/ui/app/i18n");
+
+var _Fieldset = require("@digigov/form/Fieldset/");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var FieldsetWithContext = function FieldsetWithContext(_ref) {
+  var name = _ref.name;
+
+  var _useFieldset = useFieldset(name),
+      label = _useFieldset.label,
+      body = _useFieldset.body,
+      fields = _useFieldset.fields;
+
+  var _useTranslation = (0, _i18n.useTranslation)(),
+      t = _useTranslation.t;
+
+  var _ref2 = /*#__PURE__*/_react["default"].createElement(_Fieldset.FieldsetBody, null, body);
+
+  return (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react["default"].createElement(_Fieldset.Fieldset, null, (label === null || label === void 0 ? void 0 : label.primary) && /*#__PURE__*/_react["default"].createElement(_Fieldset.FieldsetLabel, null, t(label.primary)), (label === null || label === void 0 ? void 0 : label.secondary) && /*#__PURE__*/_react["default"].createElement(_Fieldset.FieldsetCaption, null, t(label.secondary)), body && _ref2, fields.map(function (field) {
+      return /*#__PURE__*/_react["default"].createElement(_Field["default"], {
+        key: field,
+        name: field
+      });
+    }));
+  }, [label === null || label === void 0 ? void 0 : label.primary, label === null || label === void 0 ? void 0 : label.secondary, body, fields]);
+};
+
+exports.FieldsetWithContext = FieldsetWithContext;
+
+var useFieldset = function useFieldset(name) {
+  var _useContext = (0, _react.useContext)(_FormContext.FormContext),
+      fieldsetsMap = _useContext.fieldsetsMap;
+
+  if (fieldsetsMap && fieldsetsMap[name]) {
+    return (0, _react.useMemo)(function () {
+      return fieldsetsMap[name];
+    }, [name]);
+  } else {
+    if (!fieldsetsMap) throw new Error("Fieldsets is not defined");
+    throw new Error("No fieldset with name ".concat(name, " found"));
+  }
+};

package/Fieldset/index.js

@@ -2,16 +2,14 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.FieldsetWithContext = exports.FieldsetLabel = exports.FieldsetCaption = exports.FieldsetBody = exports.Fieldset = void 0;
+exports["default"] = exports.FieldsetLabel = exports.FieldsetCaption = exports.FieldsetBody = exports.Fieldset = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
-var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
+var _Grid = _interopRequireDefault(require("@digigov/ui/layouts/Grid"));
 
 var _Fieldset = _interopRequireDefault(require("@digigov/react-core/Fieldset"));
 
@@ -19,18 +17,8 @@ var _FieldsetLegend = _interopRequireDefault(require("@digigov/react-core/Fields
 
 var _Hint = _interopRequireDefault(require("@digigov/react-core/Hint"));
 
-var _form = require("@digigov/form");
-
-var _Field = _interopRequireDefault(require("@digigov/form/Field"));
-
 var _NormalText = _interopRequireDefault(require("@digigov/ui/typography/NormalText"));
 
-var _i18n = require("@digigov/ui/app/i18n");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var FieldsetLabel = function FieldsetLabel(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react["default"].createElement(_FieldsetLegend["default"], {
@@ -58,55 +46,8 @@ var FieldsetBody = function FieldsetBody(_ref3) {
 
 exports.FieldsetBody = FieldsetBody;
 
-var useFieldset = function useFieldset(name) {
-  var _useContext = (0, _react.useContext)(_form.FormContext),
-      fieldsetsMap = _useContext.fieldsetsMap;
-
-  if (fieldsetsMap && fieldsetsMap[name]) {
-    return (0, _react.useMemo)(function () {
-      return fieldsetsMap[name];
-    }, [name]);
-  } else {
-    if (!fieldsetsMap) throw new Error("Fieldsets is not defined");
-    throw new Error("No fieldset with name ".concat(name, " found"));
-  }
-};
-
-var FieldsetWithContext = function FieldsetWithContext(_ref4) {
-  var name = _ref4.name;
-
-  var _useFieldset = useFieldset(name),
-      label = _useFieldset.label,
-      body = _useFieldset.body,
-      fields = _useFieldset.fields;
-
-  var _useTranslation = (0, _i18n.useTranslation)(),
-      t = _useTranslation.t;
-
-  var _ref5 = /*#__PURE__*/_react["default"].createElement(FieldsetBody, null, body);
-
-  return (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement(Fieldset, null, (label === null || label === void 0 ? void 0 : label.primary) && /*#__PURE__*/_react["default"].createElement(FieldsetLabel, null, t(label.primary)), (label === null || label === void 0 ? void 0 : label.secondary) && /*#__PURE__*/_react["default"].createElement(FieldsetCaption, null, t(label.secondary)), body && _ref5, fields.map(function (field) {
-      return /*#__PURE__*/_react["default"].createElement(_Field["default"], {
-        key: field,
-        name: field
-      });
-    }));
-  }, [label === null || label === void 0 ? void 0 : label.primary, label === null || label === void 0 ? void 0 : label.secondary, body, fields]);
-};
-
-exports.FieldsetWithContext = FieldsetWithContext;
-
-var Fieldset = function Fieldset(_ref6) {
-  var name = _ref6.name,
-      children = _ref6.children;
-
-  if (name && !children) {
-    return /*#__PURE__*/_react["default"].createElement(FieldsetWithContext, {
-      name: name
-    });
-  }
-
+var Fieldset = function Fieldset(_ref4) {
+  var children = _ref4.children;
   return /*#__PURE__*/_react["default"].createElement(_Fieldset["default"], null, children);
 };
 

package/Fieldset/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/FormBuilder.js

@@ -0,0 +1,178 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.FormBuilder = exports.FormBase = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _extends4 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactHookForm = require("react-hook-form");
+
+var _utils = require("@digigov/form/utils");
+
+var _validators = require("@digigov/form/validators");
+
+var _Fieldset = _interopRequireDefault(require("@digigov/form/Fieldset"));
+
+var _Field = _interopRequireDefault(require("@digigov/form/Field"));
+
+var _FormContext = require("@digigov/form/FormContext");
+
+var _Form = require("@digigov/react-core/Form");
+
+var _excluded = ["onSubmit", "children", "registerField", "fieldsMap", "fieldsetsMap", "resolver", "mode", "initial", "reValidateMode", "shouldFocusError", "criteriaMode", "componentRegistry", "grid"],
+    _excluded2 = ["fields", "fieldsets", "initial", "onSubmit", "children", "reValidateMode", "mode", "shouldFocusError", "criteriaMode", "auto", "validatorRegistry", "componentRegistry", "grid"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var FormBase = /*#__PURE__*/_react["default"].forwardRef(function FormBase(_ref, ref) {
+  var onSubmit = _ref.onSubmit,
+      children = _ref.children,
+      registerField = _ref.registerField,
+      fieldsMap = _ref.fieldsMap,
+      fieldsetsMap = _ref.fieldsetsMap,
+      resolver = _ref.resolver,
+      mode = _ref.mode,
+      initial = _ref.initial,
+      reValidateMode = _ref.reValidateMode,
+      shouldFocusError = _ref.shouldFocusError,
+      criteriaMode = _ref.criteriaMode,
+      componentRegistry = _ref.componentRegistry,
+      grid = _ref.grid,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var form = (0, _reactHookForm.useForm)({
+    resolver: resolver,
+    mode: mode,
+    defaultValues: initial,
+    reValidateMode: reValidateMode,
+    shouldFocusError: shouldFocusError,
+    criteriaMode: criteriaMode
+  });
+  var handleSubmit = (0, _react.useCallback)(function (data) {
+    var errors = onSubmit && onSubmit(data);
+
+    if (errors) {
+      for (var key in errors) {
+        form.setError(key, errors[key]);
+      }
+    }
+  }, [onSubmit]);
+  var ctx = {
+    fieldsMap: fieldsMap,
+    fieldsetsMap: fieldsetsMap,
+    control: form.control,
+    register: form.register,
+    registerField: registerField,
+    errors: form.errors,
+    reset: form.reset,
+    componentRegistry: componentRegistry
+  };
+  return /*#__PURE__*/_react["default"].createElement(_FormContext.FormContext.Provider, {
+    value: ctx
+  }, /*#__PURE__*/_react["default"].createElement(_Form.Form, (0, _extends4["default"])({
+    grid: grid,
+    onSubmit: form.handleSubmit(handleSubmit),
+    ref: ref
+  }, props), children));
+});
+
+exports.FormBase = FormBase;
+
+var FormBuilder = /*#__PURE__*/_react["default"].forwardRef(function FormBuilder(_ref2, ref) {
+  var _ref2$fields = _ref2.fields,
+      fields = _ref2$fields === void 0 ? [] : _ref2$fields,
+      fieldsets = _ref2.fieldsets,
+      _ref2$initial = _ref2.initial,
+      initial = _ref2$initial === void 0 ? {} : _ref2$initial,
+      onSubmit = _ref2.onSubmit,
+      children = _ref2.children,
+      _ref2$reValidateMode = _ref2.reValidateMode,
+      reValidateMode = _ref2$reValidateMode === void 0 ? 'onSubmit' : _ref2$reValidateMode,
+      _ref2$mode = _ref2.mode,
+      mode = _ref2$mode === void 0 ? 'onSubmit' : _ref2$mode,
+      _ref2$shouldFocusErro = _ref2.shouldFocusError,
+      shouldFocusError = _ref2$shouldFocusErro === void 0 ? true : _ref2$shouldFocusErro,
+      _ref2$criteriaMode = _ref2.criteriaMode,
+      criteriaMode = _ref2$criteriaMode === void 0 ? 'firstError' : _ref2$criteriaMode,
+      _ref2$auto = _ref2.auto,
+      auto = _ref2$auto === void 0 ? false : _ref2$auto,
+      validatorRegistry = _ref2.validatorRegistry,
+      componentRegistry = _ref2.componentRegistry,
+      _ref2$grid = _ref2.grid,
+      grid = _ref2$grid === void 0 ? false : _ref2$grid,
+      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
+  var fieldsState = (0, _react.useRef)(fields);
+  var setFieldsState = (0, _react.useCallback)(function (newFields) {
+    fieldsState.current = newFields;
+  }, []);
+  var schema = (0, _validators.useValidationSchema)(fieldsState, validatorRegistry);
+  var registerField = (0, _react.useCallback)(function (field) {
+    setFieldsState([].concat((0, _toConsumableArray2["default"])(fieldsState.current), [field]));
+  }, []);
+  var resolver;
+  var fieldsMap;
+  var fieldsetsMap;
+  var fieldChildren;
+
+  if (schema) {
+    resolver = (0, _utils.yupResolver)(schema);
+    fieldsMap = fields ? fields.reduce(function (map, field) {
+      return (0, _extends4["default"])({}, map, (0, _defineProperty2["default"])({}, field.key, field));
+    }, {}) : {};
+    fieldsetsMap = fieldsets && fieldsets.reduce(function (map, fieldset) {
+      return (0, _extends4["default"])({}, map, (0, _defineProperty2["default"])({}, fieldset.key, fieldset));
+    }, {});
+
+    if (auto) {
+      if (fieldsets) {
+        fieldChildren = fieldsets.map(function (fieldset) {
+          return /*#__PURE__*/_react["default"].createElement(_Fieldset["default"], {
+            key: fieldset.key
+          });
+        });
+      } else if (fields) {
+        fieldChildren = fields.map(function (field) {
+          return /*#__PURE__*/_react["default"].createElement(_Field["default"], {
+            key: field.key,
+            name: field.key
+          });
+        });
+      }
+    }
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(FormBase, (0, _extends4["default"])({
+    resolver: resolver,
+    fieldsetsMap: fieldsetsMap,
+    fieldsMap: fieldsMap,
+    registerField: registerField,
+    initial: initial,
+    reValidateMode: reValidateMode,
+    mode: mode,
+    shouldFocusError: shouldFocusError,
+    criteriaMode: criteriaMode,
+    onSubmit: onSubmit,
+    componentRegistry: componentRegistry,
+    ref: ref,
+    grid: grid
+  }, props), fieldChildren, children);
+});
+
+exports.FormBuilder = FormBuilder;
+var _default = FormBuilder;
+exports["default"] = _default;

package/FormContext.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormContext = void 0;
+
+var _react = require("react");
+
+var FormContext = /*#__PURE__*/(0, _react.createContext)({
+  fieldsMap: {},
+  fieldsetsMap: {}
+});
+exports.FormContext = FormContext;

package/Questions/Questions.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Questions = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _QuestionsContext = require("@digigov/form/Questions/QuestionsContext");
+
+var _getNextStep = require("@digigov/form/Questions/getNextStep");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var isBrowser = typeof window !== 'undefined';
+/**
+ * The Question component accepts question data as props
+ * uses composable components to provide a wholesome UX
+ *
+ */
+
+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 = (0, _react.useState)({
+    name: ''
+  }),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      currentStep = _useState2[0],
+      setCurrentStep = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    if (!forceStepName) {
+      setCurrentStep(steps[0]);
+    }
+  }, [forceStepName, steps]);
+  (0, _react.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 = (0, _react.useState)(localData && JSON.parse(localData) || initialData),
+      _useState4 = (0, _slicedToArray2["default"])(_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 = (0, _getNextStep.getNextStep)(currentStep, steps, data);
+
+    if (nextStep) {
+      onActiveStep && onActiveStep(nextStep);
+      setCurrentStep(nextStep);
+    } else {
+      onSubmit(data);
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_QuestionsContext.QuestionsContext.Provider, {
+    value: {
+      steps: steps,
+      currentStep: currentStep,
+      submitStep: submitStep,
+      data: data,
+      onActiveStep: onActiveStep
+    }
+  }, children);
+};
+
+exports.Questions = Questions;

package/Questions/QuestionsContext.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QuestionsContext = void 0;
+
+var _react = require("react");
+
+var defaultStep = {
+  name: ''
+};
+var QuestionsContext = /*#__PURE__*/(0, _react.createContext)({
+  currentStep: defaultStep,
+  steps: [],
+  submitStep: function submitStep() {
+    return null;
+  }
+});
+exports.QuestionsContext = QuestionsContext;