@digigov/form 2.0.0-8de46296 → 2.0.0-96651090

package/cjs/FieldArray/__stories__/WithExactLength/index.js

@@ -1,98 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WithExactLength = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _form = _interopRequireWildcard(require("@digigov/form"));
-var _Button = require("@digigov/ui/cjs/form/Button");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var fields = [{
-  key: 'string',
-  type: 'string',
-  label: {
-    primary: 'Πεδίο κειμένου',
-    secondary: 'Το multiplicity field είναι ένα πεδίο οπότε φαίνεται και είναι μέρος της φόρμας'
-  }
-}, {
-  key: 'multiplicity',
-  type: 'array',
-  label: {
-    primary: 'Συνυπογράφοντες',
-    secondary: 'Οι συνυπογράφοντες είναι άνθρωποι σαν και εμάς'
-  },
-  extra: {
-    label: {
-      object: {
-        title: 'Συνυπογράφοντας',
-        title_added: 'Οι συνυπογράφοντες που έχετε προσθέσει',
-        add: 'Προσθήκη',
-        "delete": 'Αφαίρεση συνυπογράφοντος'
-      },
-      question: {
-        title: 'Θέλετε να προσθέσετε επιπλέον συνυπογράφοντες;',
-        objectLabel: {
-          primary: 'Προσθήκη νέου συνυπογράφοντα',
-          secondary: 'Συμπληρώστε τα στοιχεία και μετά πατήστε «Προσθήκη»'
-        },
-        yes: 'Ναι',
-        no: 'Όχι'
-      }
-    },
-    length: 2,
-    of: {
-      type: 'object',
-      extra: {
-        fields: [{
-          key: 'afm',
-          type: 'afm',
-          required: true,
-          label: {
-            primary: 'ΑΦΜ'
-          }
-        }, {
-          key: 'firstName',
-          required: true,
-          type: 'string',
-          label: {
-            primary: 'Όνομα'
-          }
-        }, {
-          key: 'lastName',
-          required: true,
-          type: 'string',
-          label: {
-            primary: 'Επώνυμο'
-          }
-        }]
-      }
-    }
-  }
-}, {
-  key: 'phonenumber',
-  type: 'phone_number',
-  required: true,
-  label: {
-    primary: 'Σταθερό τηλέφωνο',
-    secondary: 'Συμπληρώστε τον αριθμό τηλεφώνου σας'
-  }
-}];
-var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-var WithExactLength = exports.WithExactLength = function WithExactLength() {
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({
-    name: "string"
-  }, fields[0])), /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({
-    name: "multiplicity"
-  }, fields[1])), /*#__PURE__*/_react["default"].createElement(_form.Field, (0, _extends2["default"])({
-    name: "phonenumber"
-  }, fields[2])), _ref);
-};

package/cjs/FieldArray/index.js

@@ -1,68 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.FieldArray = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _reactHookForm = require("react-hook-form");
-var _FieldBaseContainer = _interopRequireDefault(require("@digigov/form/Field/FieldBaseContainer"));
-var _FieldObject = _interopRequireDefault(require("@digigov/form/FieldObject"));
-var _Fieldset = require("@digigov/form/Fieldset");
-var _Fieldset2 = _interopRequireDefault(require("@digigov/react-core/cjs/Fieldset"));
-var _ui = require("@digigov/ui");
-var _excluded = ["name", "register", "control", "formState", "error", "layout", "label"];
-var FieldArray = exports.FieldArray = function FieldArray(_ref) {
-  var _customField$extra, _customField$extra$la, _customField$extra4, _customField$extra4$l;
-  var name = _ref.name,
-    register = _ref.register,
-    control = _ref.control,
-    formState = _ref.formState,
-    error = _ref.error,
-    layout = _ref.layout,
-    label = _ref.label,
-    customField = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var _useFieldArray = (0, _reactHookForm.useFieldArray)({
-      control: control,
-      name: name
-    }),
-    fields = _useFieldArray.fields,
-    append = _useFieldArray.append,
-    remove = _useFieldArray.remove;
-  return /*#__PURE__*/_react["default"].createElement(_FieldBaseContainer["default"], {
-    label: label,
-    layout: layout,
-    error: formState.isSubmitted && !formState.isSubmitting && error !== null && error !== void 0 && error.message && error ? error : undefined,
-    wrapper: "fieldset",
-    name: name
-  }, fields.length === 0 && /*#__PURE__*/_react["default"].createElement(_ui.Hint, null, (_customField$extra = customField.extra) === null || _customField$extra === void 0 ? void 0 : (_customField$extra$la = _customField$extra.label.object) === null || _customField$extra$la === void 0 ? void 0 : _customField$extra$la.nothing_added), fields.map(function (field, index) {
-    var _customField$extra2, _customField$extra3;
-    return /*#__PURE__*/_react["default"].createElement(_ui.Card, {
-      variant: "border",
-      key: field.id
-    }, /*#__PURE__*/_react["default"].createElement(_Fieldset2["default"], null, /*#__PURE__*/_react["default"].createElement(_Fieldset.FieldsetLabel, null, (_customField$extra2 = customField.extra) === null || _customField$extra2 === void 0 ? void 0 : _customField$extra2.label.object.title, " ", index + 1), /*#__PURE__*/_react["default"].createElement(_FieldObject["default"], (0, _extends2["default"])({
-      name: "".concat(name, ".").concat(index),
-      error: Array.isArray(error) && error[index],
-      formState: formState,
-      register: register,
-      control: control
-    }, (_customField$extra3 = customField.extra) === null || _customField$extra3 === void 0 ? void 0 : _customField$extra3.of)), /*#__PURE__*/_react["default"].createElement(_ui.Button, {
-      type: "button",
-      color: "warning",
-      onClick: function onClick() {
-        return remove(index);
-      }
-    }, "Remove")));
-  }), /*#__PURE__*/_react["default"].createElement(_ui.Button, {
-    type: "button",
-    color: "secondary",
-    onClick: function onClick(ev) {
-      ev.preventDefault();
-      append({});
-    }
-  }, (_customField$extra4 = customField.extra) === null || _customField$extra4 === void 0 ? void 0 : (_customField$extra4$l = _customField$extra4.label.object) === null || _customField$extra4$l === void 0 ? void 0 : _customField$extra4$l.add));
-};
-var _default = exports["default"] = FieldArray;

package/cjs/FieldObject/index.js

@@ -1,64 +0,0 @@
-"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.FieldObject = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _FieldBase = require("@digigov/form/Field/FieldBase");
-var _utils = require("@digigov/form/Field/utils");
-var _Fieldset = _interopRequireWildcard(require("@digigov/form/Fieldset"));
-var _reactCore = require("@digigov/react-core");
-var _i18n = require("@digigov/ui/cjs/i18n");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var FieldObject = exports.FieldObject = function FieldObject(_ref) {
-  var name = _ref.name,
-    label = _ref.label,
-    extra = _ref.extra,
-    control = _ref.control,
-    register = _ref.register,
-    reset = _ref.reset,
-    formState = _ref.formState;
-  var _useTranslation = (0, _i18n.useTranslation)(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/_react["default"].createElement(_Fieldset["default"], null, (label === null || label === void 0 ? void 0 : label.primary) && /*#__PURE__*/_react["default"].createElement(_reactCore.FieldsetLegend, {
-    size: "sm"
-  }, t(label.primary)), (label === null || label === void 0 ? void 0 : label.secondary) && /*#__PURE__*/_react["default"].createElement(_Fieldset.FieldsetCaption, null, t(label.secondary)), extra === null || extra === void 0 ? void 0 : extra.fields.map(function (field) {
-    return /*#__PURE__*/_react["default"].createElement(FieldObjectItem, {
-      key: "".concat(name, ".").concat(field.key),
-      name: "".concat(name, ".").concat(field.key),
-      control: control,
-      register: register,
-      reset: reset,
-      field: field,
-      error: formState.errors && formState.errors[field.key],
-      formState: formState
-    });
-  }));
-};
-var FieldObjectItem = function FieldObjectItem(_ref2) {
-  var name = _ref2.name,
-    children = _ref2.children,
-    field = _ref2.field,
-    error = _ref2.error,
-    control = _ref2.control,
-    formState = _ref2.formState,
-    reset = _ref2.reset,
-    register = _ref2.register;
-  var calculatedField = (0, _react.useMemo)(function () {
-    return (0, _utils.calculateField)(children, field);
-  }, [field]);
-  var customError = error ? error : formState === null || formState === void 0 ? void 0 : formState.errors[name];
-  return /*#__PURE__*/_react["default"].createElement(_FieldBase.FieldBase, (0, _extends2["default"])({}, calculatedField, {
-    name: name,
-    control: control,
-    reset: reset,
-    register: register,
-    error: customError
-  }));
-};
-var _default = exports["default"] = FieldObject;

package/cjs/Fieldset/FieldsetWithContext/index.js

@@ -1,45 +0,0 @@
-"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 _Field = _interopRequireDefault(require("@digigov/form/Field"));
-var _Fieldset = require("@digigov/form/Fieldset/");
-var _FormContext = require("@digigov/form/FormContext");
-var _i18n = require("@digigov/ui/cjs/i18n");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var FieldsetWithContext = exports.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]);
-};
-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/cjs/Fieldset/index.js

@@ -1,44 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Fieldset", {
-  enumerable: true,
-  get: function get() {
-    return _Fieldset["default"];
-  }
-});
-exports["default"] = exports.FieldsetLabel = exports.FieldsetCaption = exports.FieldsetBody = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _Fieldset = _interopRequireDefault(require("@digigov/react-core/cjs/Fieldset"));
-var _FieldsetLegend = _interopRequireDefault(require("@digigov/react-core/cjs/FieldsetLegend"));
-var _Hint = _interopRequireDefault(require("@digigov/react-core/cjs/Hint"));
-var _Grid = _interopRequireDefault(require("@digigov/ui/cjs/layouts/Grid"));
-var _NormalText = _interopRequireDefault(require("@digigov/ui/cjs/typography/NormalText"));
-var _excluded = ["children"],
-  _excluded2 = ["children"];
-var FieldsetLabel = exports.FieldsetLabel = function FieldsetLabel(_ref) {
-  var children = _ref.children,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_FieldsetLegend["default"], (0, _extends2["default"])({
-    heading: true,
-    size: "xl"
-  }, props), children);
-};
-var FieldsetCaption = exports.FieldsetCaption = function FieldsetCaption(_ref2) {
-  var children = _ref2.children,
-    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
-  return /*#__PURE__*/_react["default"].createElement(_Hint["default"], props, children);
-};
-var FieldsetBody = exports.FieldsetBody = function FieldsetBody(_ref3) {
-  var children = _ref3.children;
-  return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/_react["default"].createElement(_NormalText["default"], null, children));
-};
-var _default = exports["default"] = _Fieldset["default"];

package/cjs/Fieldset/types/index.js

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

package/cjs/Form.stories/index.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _default = exports["default"] = {
-  title: 'Digigov Form'
-};

package/cjs/FormBuilder/FormBuilder/index.js

@@ -1,162 +0,0 @@
-"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 _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 _Field = _interopRequireDefault(require("@digigov/form/Field"));
-var _Fieldset = _interopRequireDefault(require("@digigov/form/Fieldset"));
-var _FormContext = require("@digigov/form/FormContext");
-var _utils = require("@digigov/form/utils");
-var _validators = require("@digigov/form/validators");
-var _Form = require("@digigov/react-core/cjs/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"];
-/* eslint-disable @typescript-eslint/no-explicit-any */
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var FormBase = exports.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) {
-    onSubmit && onSubmit(data);
-  }, [onSubmit]);
-  var ctx = {
-    fieldsMap: fieldsMap,
-    fieldsetsMap: fieldsetsMap,
-    control: form.control,
-    register: form.register,
-    watch: form.watch,
-    registerField: registerField,
-    errors: form.formState.errors,
-    formState: form.formState,
-    reset: form.reset,
-    trigger: form.trigger,
-    getFieldState: form.getFieldState,
-    setValue: form.setValue,
-    clearErrors: form.clearErrors,
-    getValues: form.getValues,
-    unregister: form.unregister,
-    componentRegistry: componentRegistry,
-    setError: form.setError
-  };
-  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));
-});
-var FormBuilder = exports.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 ? 'all' : _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) {
-    var fieldIndex = fieldsState.current.findIndex(function (f) {
-      return f.key === field.key;
-    });
-    if (fieldIndex > -1) {
-      fieldsState.current[fieldIndex] = field;
-    } else {
-      fieldsState.current.push(field);
-    }
-    setFieldsState(fieldsState.current);
-  }, []);
-  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);
-});
-var _default = exports["default"] = FormBuilder;