@maif/react-forms 1.0.6 → 1.0.7

package/lib/form.d.ts

@@ -1,11 +1,2 @@
-export function Form({ schema, flow, value, inputWrapper, onSubmit, footer, style, className, options }: {
-    schema: any;
-    flow: any;
-    value: any;
-    inputWrapper: any;
-    onSubmit: any;
-    footer: any;
-    style?: {} | undefined;
-    className: any;
-    options?: {} | undefined;
-}): JSX.Element;
+export const Form: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/lib/form.js

@@ -166,12 +166,14 @@ var getDefaultValues = function getDefaultValues(flow, schema) {
   }, {});
 };
 
-var Form = function Form(_ref2) {
+var Form = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
   var schema = _ref2.schema,
       flow = _ref2.flow,
       value = _ref2.value,
       inputWrapper = _ref2.inputWrapper,
       onSubmit = _ref2.onSubmit,
+      _ref2$onError = _ref2.onError,
+      onError = _ref2$onError === void 0 ? function () {} : _ref2$onError,
       footer = _ref2.footer,
       _ref2$style = _ref2.style,
       style = _ref2$style === void 0 ? {} : _ref2$style,
@@ -277,7 +279,7 @@ var Form = function Form(_ref2) {
     defaultValues: cleanInputArray(value || defaultValues)
   });
   var register = methods.register,
-      handleSubmit = methods.handleSubmit,
+      _handleSubmit = methods.handleSubmit,
       errors = methods.formState.errors,
       control = methods.control,
       _reset = methods.reset,
@@ -294,12 +296,14 @@ var Form = function Form(_ref2) {
     _reset(cleanInputArray(value || defaultValues));
   }, [schema]);
   var data = watch();
+  var prevData = usePrevious(data);
   (0, _react.useEffect)(function () {
     //todo: with debounce
-    if (!!options.autosubmit) {
-      handleSubmit(function () {
-        return onSubmit(cleanOutputArray(data));
-      });
+    if (!!options.autosubmit && JSON.stringify(data) !== JSON.stringify(prevData)) {
+      _handleSubmit(function (data) {
+        var clean = cleanOutputArray(data);
+        onSubmit(clean);
+      }, onError)();
     }
   }, [data]);
 
@@ -307,12 +311,22 @@ var Form = function Form(_ref2) {
     console.log(watch());
   }
 
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      handleSubmit: function handleSubmit() {
+        return _handleSubmit(function (data) {
+          var clean = cleanOutputArray(data);
+          onSubmit(clean);
+        }, onError)();
+      }
+    };
+  });
   return /*#__PURE__*/_react["default"].createElement(_reactHookForm.FormProvider, methods, /*#__PURE__*/_react["default"].createElement("form", {
     className: className || classes.pr_15,
-    onSubmit: handleSubmit(function (data) {
+    onSubmit: _handleSubmit(function (data) {
       var clean = cleanOutputArray(data);
-      return onSubmit(clean);
-    })
+      onSubmit(clean);
+    }, onError)
   }, formFlow.map(function (entry, idx) {
     if (entry && _typeof(entry) === 'object') {
       var errored = entry.flow.some(function (step) {
@@ -379,12 +393,12 @@ var Form = function Form(_ref2) {
     reset: function reset() {
       return _reset(defaultValues);
     },
-    valid: handleSubmit(function (data) {
+    valid: _handleSubmit(function (data) {
       return onSubmit(cleanOutputArray(data));
-    }),
+    }, onError),
     actions: options.actions
   })));
-};
+});
 
 exports.Form = Form;
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maif/react-forms",
   "description": "Build react safe forms as fast as possible",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "main": "lib/index.js",
   "author": "MAIF team",
   "keywords": [