@digigov/form 0.6.9 → 0.6.10

package/CHANGELOG.md

@@ -1,6 +1,13 @@
 # Change Log - @digigov/form
 
-This log was last generated on Thu, 23 Jun 2022 11:49:45 GMT and should not be manually modified.
+This log was last generated on Thu, 07 Jul 2022 13:01:18 GMT and should not be manually modified.
+
+## 0.6.10
+Thu, 07 Jul 2022 13:01:18 GMT
+
+### Patches
+
+- refactor code to resolve circular dependencies
 
 ## 0.6.9
 Thu, 23 Jun 2022 11:49:45 GMT

package/Field/index.js

@@ -7,19 +7,17 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.FieldBase = exports.Field = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+exports["default"] = exports.FieldBase = exports.Field = exports.ConditionalField = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _ConditionalField = require("@digigov/form/Field/ConditionalField");
+var _react = _interopRequireWildcard(require("react"));
 
 var _reactHookForm = require("react-hook-form");
 
-var _form = require("@digigov/form");
+var _FormContext = require("@digigov/form/FormContext");
 
 var _Field = _interopRequireDefault(require("@digigov/react-core/Field"));
 
@@ -56,6 +54,81 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
+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;
+}
+
+var ChildFieldMemo = /*#__PURE__*/_react["default"].memo(function ChildField(_ref) {
+  var dependencies = _ref.dependencies,
+      field = _ref.field,
+      control = _ref.control,
+      register = _ref.register,
+      error = _ref.error;
+  var newField = evaluateFieldWithConditions(field, dependencies);
+  return /*#__PURE__*/_react["default"].createElement(FieldBase, (0, _extends2["default"])({}, newField, {
+    name: newField.key,
+    control: control,
+    register: register,
+    error: error
+  }));
+}, function (prev, next) {
+  if (!prev || !prev.dependencies) {
+    return false;
+  }
+
+  if (prev.error !== next.error) {
+    return false;
+  }
+
+  for (var dep in next.dependencies) {
+    if (next.dependencies[dep] !== prev.dependencies[dep]) {
+      return false;
+    }
+  }
+
+  return true;
+});
+
+var ConditionalField = function ConditionalField(_ref2) {
+  var control = _ref2.control,
+      field = _ref2.field,
+      register = _ref2.register,
+      error = _ref2.error;
+  var dependencyKeys = Object.keys(field.condition);
+  var variables = (0, _reactHookForm.useWatch)({
+    name: dependencyKeys,
+    control: control
+  });
+  return /*#__PURE__*/_react["default"].createElement(ChildFieldMemo, {
+    dependencies: variables,
+    field: field,
+    control: control,
+    register: register,
+    error: error
+  });
+};
+
+exports.ConditionalField = ConditionalField;
 var FIELD_COMPONENTS = {
   text: {
     component: _Input["default"]
@@ -90,12 +163,12 @@ var ALTERNATIVE_COMPONENTS = {
   }
 };
 
-var FieldContainer = function FieldContainer(_ref) {
-  var name = _ref.name,
-      wrapper = _ref.wrapper,
-      label = _ref.label,
-      children = _ref.children,
-      error = _ref.error;
+var FieldContainer = function FieldContainer(_ref3) {
+  var name = _ref3.name,
+      wrapper = _ref3.wrapper,
+      label = _ref3.label,
+      children = _ref3.children,
+      error = _ref3.error;
 
   var _useTranslation = (0, _i18n.useTranslation)(),
       t = _useTranslation.t;
@@ -154,10 +227,10 @@ var FieldBase = function FieldBase(props) {
     }, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
       control: control,
       name: name,
-      render: function render(_ref2) {
-        var onChange = _ref2.onChange,
-            onBlur = _ref2.onBlur,
-            value = _ref2.value;
+      render: function render(_ref4) {
+        var onChange = _ref4.onChange,
+            onBlur = _ref4.onBlur,
+            value = _ref4.value;
         return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
           name: name,
           onChange: onChange,
@@ -210,7 +283,7 @@ var FieldBase = function FieldBase(props) {
 exports.FieldBase = FieldBase;
 
 var useField = function useField(name, customField) {
-  var _useContext = (0, _react.useContext)(_form.FormContext),
+  var _useContext = (0, _react.useContext)(_FormContext.FormContext),
       fieldsMap = _useContext.fieldsMap,
       control = _useContext.control,
       register = _useContext.register,
@@ -236,41 +309,41 @@ function calculateField(children, field, componentRegistry) {
   var _field$extra;
 
   var calculatedField = (0, _extends2["default"])({}, field);
-  var FieldComponentRegistry = (0, _extends2["default"])({}, FIELD_COMPONENTS, componentRegistry);
+  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;
+    var _fieldComponentRegist;
 
-    calculatedField.component = FieldComponentRegistry.string.component;
-    calculatedField.controlled = ((_FieldComponentRegist = FieldComponentRegistry.string) === null || _FieldComponentRegist === void 0 ? void 0 : _FieldComponentRegist.controlled) || false;
+    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;
+  } 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;
+    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;
+    var _fieldComponentRegist3;
 
-    calculatedField.component = FieldComponentRegistry.string.component;
-    calculatedField.controlled = ((_FieldComponentRegist3 = FieldComponentRegistry.string) === null || _FieldComponentRegist3 === void 0 ? void 0 : _FieldComponentRegist3.controlled) || false;
+    calculatedField.component = fieldComponentRegistry.string.component;
+    calculatedField.controlled = ((_fieldComponentRegist3 = fieldComponentRegistry.string) === null || _fieldComponentRegist3 === void 0 ? void 0 : _fieldComponentRegist3.controlled) || false;
   }
 
   return calculatedField;
 }
 
-var Field = function Field(_ref3) {
-  var name = _ref3.name,
-      children = _ref3.children,
-      customField = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
+var Field = function Field(_ref5) {
+  var name = _ref5.name,
+      children = _ref5.children,
+      customField = (0, _objectWithoutProperties2["default"])(_ref5, _excluded2);
 
   var _useField = useField(name, customField !== null && customField !== void 0 && customField.type ? customField : null),
       field = _useField.field,
@@ -284,7 +357,7 @@ var Field = function Field(_ref3) {
   }, [field]);
 
   if (calculatedField.condition) {
-    return /*#__PURE__*/_react["default"].createElement(_ConditionalField.ConditionalField, {
+    return /*#__PURE__*/_react["default"].createElement(ConditionalField, {
       control: control,
       register: register,
       field: calculatedField,

package/Field/types.js

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

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,14 +2,12 @@
 
 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("@digigov/ui/layouts/Grid"));
 
@@ -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 _Grid = _interopRequireDefault(require("@digigov/ui/layouts/Grid"));
+
+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 _excluded = ["onSubmit", "children", "registerField", "fieldsMap", "fieldsetsMap", "resolver", "mode", "initial", "reValidateMode", "shouldFocusError", "criteriaMode", "componentRegistry"],
+    _excluded2 = ["fields", "fieldsets", "initial", "onSubmit", "children", "reValidateMode", "mode", "shouldFocusError", "criteriaMode", "auto", "validatorRegistry", "componentRegistry"];
+
+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,
+      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", (0, _extends4["default"])({
+    onSubmit: form.handleSubmit(handleSubmit),
+    ref: ref
+  }, props), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    container: true
+  }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    item: true,
+    xs: 12
+  }, 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,
+      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
+  }, 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;