@tsed/react-formio 1.12.0 → 1.13.0

package/dist/components/form/form.component.d.ts

@@ -38,6 +38,7 @@ export declare namespace Form {
             i18n: PropTypes.Requireable<any>;
             template: PropTypes.Requireable<string>;
             saveDraft: PropTypes.Requireable<boolean>;
+            hooks: PropTypes.Requireable<any>;
         }>>;
         onPrevPage: PropTypes.Requireable<(...args: any[]) => any>;
         onNextPage: PropTypes.Requireable<(...args: any[]) => any>;
@@ -46,6 +47,7 @@ export declare namespace Form {
         onCustomEvent: PropTypes.Requireable<(...args: any[]) => any>;
         onComponentChange: PropTypes.Requireable<(...args: any[]) => any>;
         onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
+        onAsyncSubmit: PropTypes.Requireable<(...args: any[]) => any>;
         onSubmitDone: PropTypes.Requireable<(...args: any[]) => any>;
         onFormLoad: PropTypes.Requireable<(...args: any[]) => any>;
         onError: PropTypes.Requireable<(...args: any[]) => any>;

package/dist/components/form/form.stories.d.ts

@@ -2807,3 +2807,40 @@ export declare const Sandbox: {
         };
     };
 };
+export declare const TriggerError: {
+    (args: any): JSX.Element;
+    args: {
+        form: {
+            type: string;
+            display: string;
+            tags: any[];
+            components: ({
+                label: string;
+                widget: {
+                    type: string;
+                };
+                errorLabel: string;
+                key: string;
+                inputType: string;
+                type: string;
+                id: string;
+                defaultValue: string;
+                showValidations?: undefined;
+                tableView?: undefined;
+                input?: undefined;
+            } | {
+                label: string;
+                showValidations: boolean;
+                tableView: boolean;
+                key: string;
+                type: string;
+                input: boolean;
+                widget?: undefined;
+                errorLabel?: undefined;
+                inputType?: undefined;
+                id?: undefined;
+                defaultValue?: undefined;
+            })[];
+        };
+    };
+};

package/dist/components/form/useForm.hook.d.ts

@@ -39,6 +39,7 @@ export interface UseFormHookProps<Data = any> extends Record<string, any> {
     }) => void;
     onComponentChange?: (component: ExtendedComponentSchema) => void;
     onSubmit?: (submission: Submission<Data>) => void;
+    onAsyncSubmit?: (submission: Submission<Data>) => Promise<void>;
     onSubmitDone?: (submission: Submission<Data>) => void;
     onFormLoad?: Function;
     onError?: (errors: any) => void;

package/dist/index.js

@@ -2481,7 +2481,43 @@ function Card(_ref) {
   }, children));
 }
 
+function _catch$a(body, recover) {
+  try {
+    var result = body();
+  } catch (e) {
+    return recover(e);
+  }
+
+  if (result && result.then) {
+    return result.then(void 0, recover);
+  }
+
+  return result;
+}
+
 function useForm(props) {
+  var customValidation = function customValidation(submission, callback) {
+    try {
+      var _temp3 = function () {
+        if (events.current.has("onAsyncSubmit")) {
+          var _temp4 = _catch$a(function () {
+            return Promise.resolve(events.current.get("onAsyncSubmit")(submission)).then(function () {});
+          }, function (err) {
+            callback((err == null ? void 0 : err.errors) || err);
+          });
+
+          if (_temp4 && _temp4.then) return _temp4.then(function () {});
+        } else {
+          callback(null);
+        }
+      }();
+
+      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
   var src = props.src,
       form = props.form,
       _props$options = props.options,
@@ -2500,7 +2536,12 @@ function useForm(props) {
     srcOrForm = typeof srcOrForm === "string" ? srcOrForm : cloneDeep__default['default'](srcOrForm);
 
     if (!instance.current) {
+      var _options, _options$hooks;
+
       isLoaded.current = false;
+      options.hooks = _extends({}, options.hooks || {}, {
+        customValidation: ((_options = options) == null ? void 0 : (_options$hooks = _options.hooks) == null ? void 0 : _options$hooks.customValidation) || customValidation
+      });
       instance.current = new formiojs.Form(element.current, srcOrForm, options);
       instance.current.onAny(function (event) {
         var args = [].slice.call(arguments, 1);
@@ -2525,7 +2566,8 @@ function useForm(props) {
               events.current.set(funcName, fn);
             }
 
-            events.current.get(funcName).apply(void 0, args);
+            instance.current.instance.setAlert("success", "");
+            events.current.get(funcName).apply(void 0, args.concat([instance.current]));
           }
         }
       });
@@ -2584,6 +2626,9 @@ function useForm(props) {
   React.useEffect(function () {
     props.onSubmit && events.current.set("onSubmit", props.onSubmit);
   }, [props.onSubmit, events]);
+  React.useEffect(function () {
+    props.onAsyncSubmit && events.current.set("onAsyncSubmit", props.onAsyncSubmit);
+  }, [props.onAsyncSubmit, events]);
   React.useEffect(function () {
     props.onSubmitDone && events.current.set("onSubmitDone", props.onSubmitDone);
   }, [props.onSubmitDone, events]);
@@ -2635,7 +2680,8 @@ Form.propTypes = {
     noAlerts: PropTypes__default['default'].bool,
     i18n: PropTypes__default['default'].any,
     template: PropTypes__default['default'].string,
-    saveDraft: PropTypes__default['default'].bool
+    saveDraft: PropTypes__default['default'].bool,
+    hooks: PropTypes__default['default'].any
   }),
   onPrevPage: PropTypes__default['default'].func,
   onNextPage: PropTypes__default['default'].func,
@@ -2644,6 +2690,7 @@ Form.propTypes = {
   onCustomEvent: PropTypes__default['default'].func,
   onComponentChange: PropTypes__default['default'].func,
   onSubmit: PropTypes__default['default'].func,
+  onAsyncSubmit: PropTypes__default['default'].func,
   onSubmitDone: PropTypes__default['default'].func,
   onFormLoad: PropTypes__default['default'].func,
   onError: PropTypes__default['default'].func,
@@ -3066,7 +3113,7 @@ function FormAction(_ref2) {
   }), children);
 }
 
-function _catch$a(body, recover) {
+function _catch$b(body, recover) {
   try {
     var result = body();
   } catch (e) {
@@ -3094,7 +3141,7 @@ var createBuilder = function createBuilder(el, _ref2) {
       display: display,
       components: [].concat(components)
     };
-    return Promise.resolve(_catch$a(function () {
+    return Promise.resolve(_catch$b(function () {
       return Promise.resolve(new FormioFormBuilder__default['default'](el, form, _extends({}, options)).ready).then(function (builder) {
         var handleEvent = function handleEvent(event) {
           return function () {