@digigov/form 0.6.9 → 0.7.1

package/esm/Field/index.js

@@ -1,239 +1,14 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["required", "name", "component", "wrapper", "control", "type", "controlled", "enabled", "editable", "defaultValue", "label", "extra", "layout", "error", "register"],
-    _excluded2 = ["name", "children"];
-import React, { useContext, useMemo } from 'react';
-import { ConditionalField } from '@digigov/form/Field/ConditionalField';
-import { Controller } from 'react-hook-form';
-import { FormContext } from '@digigov/form';
-import CoreField from '@digigov/react-core/Field';
-import CoreLabel from '@digigov/react-core/Label';
-import CoreFieldset from '@digigov/react-core/Fieldset';
-import Hint from '@digigov/react-core/Hint';
-import FieldsetLegend from '@digigov/react-core/FieldsetLegend';
-import ErrorMessage from '@digigov/react-core/ErrorMessage';
-import Input from '@digigov/form/inputs/Input';
-import Checkboxes from '@digigov/form/inputs/Checkboxes';
-import Radio from '@digigov/form/inputs/Radio';
-import Select from '@digigov/form/inputs/Select';
-import FileInput from '@digigov/form/inputs/FileInput';
-import DateInput from '@digigov/form/inputs/DateInput';
-import Label from '@digigov/form/inputs/Label';
-import { useTranslation } from '@digigov/ui/app/i18n';
-var FIELD_COMPONENTS = {
-  text: {
-    component: Input
-  },
-  string: {
-    component: Input
-  },
-  file: {
-    wrapper: 'fieldset',
-    component: FileInput
-  },
-  date: {
-    wrapper: 'fieldset',
-    controlled: true,
-    component: DateInput
-  },
-  'choice:multiple': {
-    wrapper: 'fieldset',
-    controlled: true,
-    component: Checkboxes
-  },
-  'choice:single': {
-    wrapper: 'fieldset',
-    controlled: false,
-    component: Radio
-  }
-};
-var ALTERNATIVE_COMPONENTS = {
-  Select: {
-    component: Select,
-    controlled: false
-  }
-};
-
-var FieldContainer = function FieldContainer(_ref) {
+var _excluded = ["name", "children"];
+import React, { useMemo } from 'react';
+import { FieldBase } from '@digigov/form/Field/FieldBase';
+import FieldConditional from '@digigov/form/Field/FieldConditional';
+import { useField, calculateField } from '@digigov/form/Field/utils';
+export var Field = function Field(_ref) {
   var name = _ref.name,
-      wrapper = _ref.wrapper,
-      label = _ref.label,
       children = _ref.children,
-      error = _ref.error;
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  if (wrapper === 'fieldset') {
-    return /*#__PURE__*/React.createElement(CoreField, {
-      error: !!error
-    }, /*#__PURE__*/React.createElement(CoreFieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
-      size: "s"
-    }, label && label.primary, label && label.secondary && /*#__PURE__*/React.createElement(Hint, null, t(label.secondary)), error && /*#__PURE__*/React.createElement(ErrorMessage, {
-      id: "".concat(name, "-error")
-    }, t((error === null || error === void 0 ? void 0 : error.message) || ''))), children));
-  } else {
-    return /*#__PURE__*/React.createElement(CoreField, {
-      error: !!error
-    }, /*#__PURE__*/React.createElement(CoreLabel, null, label && /*#__PURE__*/React.createElement(Label, {
-      label: label
-    }), error && /*#__PURE__*/React.createElement(ErrorMessage, {
-      id: "".concat(name, "-error")
-    }, t((error === null || error === void 0 ? void 0 : error.message) || '')), children));
-  }
-};
-
-export var FieldBase = function FieldBase(props) {
-  var required = props.required,
-      name = props.name,
-      Component = props.component,
-      wrapper = props.wrapper,
-      control = props.control,
-      type = props.type,
-      _props$controlled = props.controlled,
-      controlled = _props$controlled === void 0 ? false : _props$controlled,
-      _props$enabled = props.enabled,
-      enabled = _props$enabled === void 0 ? true : _props$enabled,
-      editable = props.editable,
-      defaultValue = props.defaultValue,
-      label = props.label,
-      _props$extra = props.extra,
-      extra = _props$extra === void 0 ? {} : _props$extra,
-      layout = props.layout,
-      error = props.error,
-      register = props.register,
-      componentProps = _objectWithoutProperties(props, _excluded);
-
-  if (!enabled) {
-    return null;
-  }
-
-  if (controlled) {
-    return /*#__PURE__*/React.createElement(FieldContainer, {
-      label: label,
-      layout: layout,
-      error: error,
-      wrapper: wrapper,
-      name: name
-    }, /*#__PURE__*/React.createElement(Controller, {
-      control: control,
-      name: name,
-      render: function render(_ref2) {
-        var onChange = _ref2.onChange,
-            onBlur = _ref2.onBlur,
-            value = _ref2.value;
-        return /*#__PURE__*/React.createElement(Component, _extends({
-          name: name,
-          onChange: onChange,
-          onBlur: onBlur,
-          value: value,
-          defaultValue: defaultValue,
-          extra: extra,
-          error: !!error,
-          type: type,
-          "aria-required": !!required,
-          "aria-describedby": error && "".concat(name, "-error"),
-          required: required,
-          disabled: editable === false
-        }, componentProps));
-      }
-    }));
-  }
-
-  return /*#__PURE__*/React.createElement(FieldContainer, {
-    label: label,
-    layout: layout,
-    error: error,
-    wrapper: wrapper,
-    name: name
-  }, Component !== null && Component !== void 0 && Component.render ? /*#__PURE__*/React.createElement(Component, _extends({
-    name: name,
-    ref: register,
-    control: control,
-    error: !!error,
-    extra: extra,
-    type: type,
-    "aria-required": !!required,
-    "aria-describedby": error && "".concat(name, "-error"),
-    required: required,
-    disabled: editable === false
-  }, componentProps)) : /*#__PURE__*/React.createElement(Component, _extends({
-    name: name,
-    register: register,
-    control: control,
-    error: !!error,
-    extra: extra,
-    type: type,
-    "aria-required": !!required,
-    "aria-describedby": error && "".concat(name, "-error"),
-    required: required,
-    disabled: editable === false
-  }, componentProps)));
-};
-
-var useField = function useField(name, customField) {
-  var _useContext = useContext(FormContext),
-      fieldsMap = _useContext.fieldsMap,
-      control = _useContext.control,
-      register = _useContext.register,
-      errors = _useContext.errors,
-      registerField = _useContext.registerField,
-      componentRegistry = _useContext.componentRegistry;
-
-  useMemo(function () {
-    return (customField === null || customField === void 0 ? void 0 : customField.type) && registerField(_extends({}, customField, {
-      key: name
-    }));
-  }, [customField, name, registerField]);
-  return {
-    field: customField || fieldsMap[name],
-    control: control,
-    register: register,
-    componentRegistry: componentRegistry,
-    error: errors[name]
-  };
-};
-
-function calculateField(children, field, componentRegistry) {
-  var _field$extra;
-
-  var calculatedField = _extends({}, field);
-
-  var FieldComponentRegistry = _extends({}, 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;
-}
-
-export var Field = function Field(_ref3) {
-  var name = _ref3.name,
-      children = _ref3.children,
-      customField = _objectWithoutProperties(_ref3, _excluded2);
+      customField = _objectWithoutProperties(_ref, _excluded);
 
   var _useField = useField(name, customField !== null && customField !== void 0 && customField.type ? customField : null),
       field = _useField.field,
@@ -247,7 +22,7 @@ export var Field = function Field(_ref3) {
   }, [field]);
 
   if (calculatedField.condition) {
-    return /*#__PURE__*/React.createElement(ConditionalField, {
+    return /*#__PURE__*/React.createElement(FieldConditional, {
       control: control,
       register: register,
       field: calculatedField,

package/esm/Field/types.js

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

package/esm/Field/utils.js

@@ -0,0 +1,122 @@
+import _extends from "@babel/runtime/helpers/extends";
+import { useContext, useMemo } from 'react';
+import Input from '@digigov/form/inputs/Input';
+import Checkboxes from '@digigov/form/inputs/Checkboxes';
+import Radio from '@digigov/form/inputs/Radio';
+import Select from '@digigov/form/inputs/Select';
+import FileInput from '@digigov/form/inputs/FileInput';
+import DateInput from '@digigov/form/inputs/DateInput';
+import { FormContext } from '@digigov/form/FormContext';
+var FIELD_COMPONENTS = {
+  text: {
+    component: Input
+  },
+  string: {
+    component: Input
+  },
+  file: {
+    wrapper: 'fieldset',
+    component: FileInput
+  },
+  date: {
+    wrapper: 'fieldset',
+    controlled: true,
+    component: DateInput
+  },
+  'choice:multiple': {
+    wrapper: 'fieldset',
+    controlled: true,
+    component: Checkboxes
+  },
+  'choice:single': {
+    wrapper: 'fieldset',
+    controlled: false,
+    component: Radio
+  }
+};
+var ALTERNATIVE_COMPONENTS = {
+  Select: {
+    component: Select,
+    controlled: false
+  }
+};
+export function calculateField(children, field, componentRegistry) {
+  var _field$extra;
+
+  var calculatedField = _extends({}, field);
+
+  var fieldComponentRegistry = _extends({}, 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;
+}
+export var useField = function useField(name, customField) {
+  var _useContext = useContext(FormContext),
+      fieldsMap = _useContext.fieldsMap,
+      control = _useContext.control,
+      register = _useContext.register,
+      errors = _useContext.errors,
+      registerField = _useContext.registerField,
+      componentRegistry = _useContext.componentRegistry;
+
+  useMemo(function () {
+    return (customField === null || customField === void 0 ? void 0 : customField.type) && registerField(_extends({}, customField, {
+      key: name
+    }));
+  }, [customField, name, registerField]);
+  return {
+    field: customField || fieldsMap[name],
+    control: control,
+    register: register,
+    componentRegistry: componentRegistry,
+    error: errors[name]
+  };
+};
+export function evaluateFieldWithConditions(field, variables) {
+  var newField = _extends({}, 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/esm/Fieldset/FieldsetWithContext.js

@@ -0,0 +1,41 @@
+import React, { useContext, useMemo } from 'react';
+import { FormContext } from '@digigov/form/FormContext';
+import Field from '@digigov/form/Field';
+import { useTranslation } from '@digigov/ui/app/i18n';
+import { Fieldset, FieldsetLabel, FieldsetCaption, FieldsetBody } from '@digigov/form/Fieldset/';
+export var FieldsetWithContext = function FieldsetWithContext(_ref) {
+  var name = _ref.name;
+
+  var _useFieldset = useFieldset(name),
+      label = _useFieldset.label,
+      body = _useFieldset.body,
+      fields = _useFieldset.fields;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var _ref2 = /*#__PURE__*/React.createElement(FieldsetBody, null, body);
+
+  return useMemo(function () {
+    return /*#__PURE__*/React.createElement(Fieldset, null, (label === null || label === void 0 ? void 0 : label.primary) && /*#__PURE__*/React.createElement(FieldsetLabel, null, t(label.primary)), (label === null || label === void 0 ? void 0 : label.secondary) && /*#__PURE__*/React.createElement(FieldsetCaption, null, t(label.secondary)), body && _ref2, fields.map(function (field) {
+      return /*#__PURE__*/React.createElement(Field, {
+        key: field,
+        name: field
+      });
+    }));
+  }, [label === null || label === void 0 ? void 0 : label.primary, label === null || label === void 0 ? void 0 : label.secondary, body, fields]);
+};
+
+var useFieldset = function useFieldset(name) {
+  var _useContext = useContext(FormContext),
+      fieldsetsMap = _useContext.fieldsetsMap;
+
+  if (fieldsetsMap && fieldsetsMap[name]) {
+    return 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/esm/Fieldset/index.js

@@ -1,12 +1,9 @@
-import React, { useContext, useMemo } from 'react';
+import React from 'react';
 import Grid from '@digigov/ui/layouts/Grid';
 import CoreFieldset from '@digigov/react-core/Fieldset';
 import FieldsetLegend from '@digigov/react-core/FieldsetLegend';
 import Hint from '@digigov/react-core/Hint';
-import { FormContext } from '@digigov/form';
-import Field from '@digigov/form/Field';
 import NormalText from '@digigov/ui/typography/NormalText';
-import { useTranslation } from '@digigov/ui/app/i18n';
 export var FieldsetLabel = function FieldsetLabel(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement(FieldsetLegend, {
@@ -25,53 +22,8 @@ export var FieldsetBody = function FieldsetBody(_ref3) {
     xs: 12
   }, /*#__PURE__*/React.createElement(NormalText, null, children));
 };
-
-var useFieldset = function useFieldset(name) {
-  var _useContext = useContext(FormContext),
-      fieldsetsMap = _useContext.fieldsetsMap;
-
-  if (fieldsetsMap && fieldsetsMap[name]) {
-    return 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"));
-  }
-};
-
-export var FieldsetWithContext = function FieldsetWithContext(_ref4) {
-  var name = _ref4.name;
-
-  var _useFieldset = useFieldset(name),
-      label = _useFieldset.label,
-      body = _useFieldset.body,
-      fields = _useFieldset.fields;
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var _ref5 = /*#__PURE__*/React.createElement(FieldsetBody, null, body);
-
-  return useMemo(function () {
-    return /*#__PURE__*/React.createElement(Fieldset, null, (label === null || label === void 0 ? void 0 : label.primary) && /*#__PURE__*/React.createElement(FieldsetLabel, null, t(label.primary)), (label === null || label === void 0 ? void 0 : label.secondary) && /*#__PURE__*/React.createElement(FieldsetCaption, null, t(label.secondary)), body && _ref5, fields.map(function (field) {
-      return /*#__PURE__*/React.createElement(Field, {
-        key: field,
-        name: field
-      });
-    }));
-  }, [label === null || label === void 0 ? void 0 : label.primary, label === null || label === void 0 ? void 0 : label.secondary, body, fields]);
-};
-export var Fieldset = function Fieldset(_ref6) {
-  var name = _ref6.name,
-      children = _ref6.children;
-
-  if (name && !children) {
-    return /*#__PURE__*/React.createElement(FieldsetWithContext, {
-      name: name
-    });
-  }
-
+export var Fieldset = function Fieldset(_ref4) {
+  var children = _ref4.children;
   return /*#__PURE__*/React.createElement(CoreFieldset, null, children);
 };
 export default Fieldset;

package/esm/Fieldset/types.js

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

package/esm/FormBuilder.js

@@ -0,0 +1,148 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+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"];
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import React, { useCallback, useRef } from 'react';
+import { useForm } from 'react-hook-form';
+import { yupResolver } from '@digigov/form/utils';
+import { useValidationSchema } from '@digigov/form/validators';
+import Fieldset from '@digigov/form/Fieldset';
+import Field from '@digigov/form/Field';
+import { FormContext } from '@digigov/form/FormContext';
+import { Form } from '@digigov/react-core/Form';
+export var FormBase = /*#__PURE__*/React.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 = _objectWithoutProperties(_ref, _excluded);
+
+  var form = useForm({
+    resolver: resolver,
+    mode: mode,
+    defaultValues: initial,
+    reValidateMode: reValidateMode,
+    shouldFocusError: shouldFocusError,
+    criteriaMode: criteriaMode
+  });
+  var handleSubmit = 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.createElement(FormContext.Provider, {
+    value: ctx
+  }, /*#__PURE__*/React.createElement(Form, _extends({
+    grid: grid,
+    onSubmit: form.handleSubmit(handleSubmit),
+    ref: ref
+  }, props), children));
+});
+export var FormBuilder = /*#__PURE__*/React.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 = _objectWithoutProperties(_ref2, _excluded2);
+
+  var fieldsState = useRef(fields);
+  var setFieldsState = useCallback(function (newFields) {
+    fieldsState.current = newFields;
+  }, []);
+  var schema = useValidationSchema(fieldsState, validatorRegistry);
+  var registerField = useCallback(function (field) {
+    setFieldsState([].concat(_toConsumableArray(fieldsState.current), [field]));
+  }, []);
+  var resolver;
+  var fieldsMap;
+  var fieldsetsMap;
+  var fieldChildren;
+
+  if (schema) {
+    resolver = yupResolver(schema);
+    fieldsMap = fields ? fields.reduce(function (map, field) {
+      return _extends({}, map, _defineProperty({}, field.key, field));
+    }, {}) : {};
+    fieldsetsMap = fieldsets && fieldsets.reduce(function (map, fieldset) {
+      return _extends({}, map, _defineProperty({}, fieldset.key, fieldset));
+    }, {});
+
+    if (auto) {
+      if (fieldsets) {
+        fieldChildren = fieldsets.map(function (fieldset) {
+          return /*#__PURE__*/React.createElement(Fieldset, {
+            key: fieldset.key
+          });
+        });
+      } else if (fields) {
+        fieldChildren = fields.map(function (field) {
+          return /*#__PURE__*/React.createElement(Field, {
+            key: field.key,
+            name: field.key
+          });
+        });
+      }
+    }
+  }
+
+  return /*#__PURE__*/React.createElement(FormBase, _extends({
+    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);
+});
+export default FormBuilder;

package/esm/FormContext.js

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+export var FormContext = /*#__PURE__*/createContext({
+  fieldsMap: {},
+  fieldsetsMap: {}
+});