@digigov/form 0.6.10 → 0.7.0

package/esm/FormBuilder.js

@@ -2,18 +2,18 @@ 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"],
-    _excluded2 = ["fields", "fieldsets", "initial", "onSubmit", "children", "reValidateMode", "mode", "shouldFocusError", "criteriaMode", "auto", "validatorRegistry", "componentRegistry"];
+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 Grid from '@digigov/ui/layouts/Grid';
 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,
@@ -27,6 +27,7 @@ export var FormBase = /*#__PURE__*/React.forwardRef(function FormBase(_ref, ref)
       shouldFocusError = _ref.shouldFocusError,
       criteriaMode = _ref.criteriaMode,
       componentRegistry = _ref.componentRegistry,
+      grid = _ref.grid,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var form = useForm({
@@ -58,15 +59,11 @@ export var FormBase = /*#__PURE__*/React.forwardRef(function FormBase(_ref, ref)
   };
   return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: ctx
-  }, /*#__PURE__*/React.createElement("form", _extends({
+  }, /*#__PURE__*/React.createElement(Form, _extends({
+    grid: grid,
     onSubmit: form.handleSubmit(handleSubmit),
     ref: ref
-  }, props), /*#__PURE__*/React.createElement(Grid, {
-    container: true
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12
-  }, children))));
+  }, props), children));
 });
 export var FormBuilder = /*#__PURE__*/React.forwardRef(function FormBuilder(_ref2, ref) {
   var _ref2$fields = _ref2.fields,
@@ -88,6 +85,8 @@ export var FormBuilder = /*#__PURE__*/React.forwardRef(function FormBuilder(_ref
       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);
@@ -142,7 +141,8 @@ export var FormBuilder = /*#__PURE__*/React.forwardRef(function FormBuilder(_ref
     criteriaMode: criteriaMode,
     onSubmit: onSubmit,
     componentRegistry: componentRegistry,
-    ref: ref
+    ref: ref,
+    grid: grid
   }, props), fieldChildren, children);
 });
 export default FormBuilder;