@tsed/react-formio 1.13.3 → 1.13.4

package/dist/index.modern.js

@@ -10,7 +10,6 @@ import Choices from 'choices.js';
 import PropTypes from 'prop-types';
 import { useTable, useFilters, useGroupBy, useSortBy, usePagination } from 'react-table';
 import AllComponents from 'formiojs/components';
-import noop$1, { get } from 'lodash';
 import cloneDeep from 'lodash/cloneDeep';
 import isEqual from 'lodash/isEqual';
 import FormioUtils from 'formiojs/utils';
@@ -19,9 +18,10 @@ import FormioFormBuilder from 'formiojs/FormBuilder';
 import Tooltip from 'tooltip.js';
 import uniq from 'lodash/uniq';
 import camelCase from 'lodash/camelCase';
+import noop$1 from 'lodash';
 import ReactDOM from 'react-dom';
 import { createAction, createReducer, combine } from '@tsed/redux-utils';
-import get$1 from 'lodash/get';
+import get from 'lodash/get';
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -868,9 +868,14 @@ function Card({
   }, children));
 }
 
-function useDebounce(event, callback, events) {
+function useEvent(event, callback, events) {
   useEffect(() => {
-    callback && events.set(event, callLast(callback, 100));
+    if (callback) {
+      // if (event === "onChange") {
+      //   callback = callLast(callback, 200);
+      // }
+      events.set(event, callback);
+    }
   }, [callback, event, events]);
 }
 
@@ -888,7 +893,24 @@ function useEvents(funcs) {
     }
   };
 
-  useDebounce("onChange", funcs.onChange, events.current);
+  useEvent("onBlur", funcs["onBlur"], events.current);
+  useEvent("onPrevPage", funcs["onPrevPage"], events.current);
+  useEvent("onNextPage", funcs["onNextPage"], events.current);
+  useEvent("onCancel", funcs["onCancel"], events.current);
+  useEvent("onChange", funcs["onChange"], events.current);
+  useEvent("onCustomEvent", funcs["onCustomEvent"], events.current);
+  useEvent("onComponentChange", funcs["onComponentChange"], events.current);
+  useEvent("onSubmit", funcs["onSubmit"], events.current);
+  useEvent("onAsyncSubmit", funcs["onAsyncSubmit"], events.current);
+  useEvent("onSubmitDone", funcs["onSubmitDone"], events.current);
+  useEvent("onFormLoad", funcs["onFormLoad"], events.current);
+  useEvent("onError", funcs["onError"], events.current);
+  useEvent("onRender", funcs["onRender"], events.current);
+  useEvent("onAttach", funcs["onAttach"], events.current);
+  useEvent("onBuild", funcs["onBuild"], events.current);
+  useEvent("onFocus", funcs["onFocus"], events.current);
+  useEvent("onBlur", funcs["onBlur"], events.current);
+  useEvent("onInitialized", funcs["onInitialized"], events.current);
   return {
     events,
     emit,
@@ -946,10 +968,8 @@ function useForm(props) {
         if (event.startsWith("formio.")) {
           const eventName = `on${event.charAt(7).toUpperCase()}${event.slice(8)}`;
 
-          if (eventName === "onChange") {
-            if (isEqual(get(submission, "data"), args[0].data)) {
-              return;
-            }
+          if (eventName === "onChange" && !args[0].changed) {
+            return;
           }
 
           emit(eventName, ...args, instance.current);
@@ -972,6 +992,10 @@ function useForm(props) {
   useEffect(() => {
     if (instance.current) {
       instance.current.ready.then(formio => {
+        if (isEqual(formio.submission.data, submission == null ? void 0 : submission.data)) {
+          return;
+        }
+
         submission && (formio.submission = cloneDeep(submission));
       });
     }
@@ -8048,12 +8072,12 @@ function selectRoot(name, state) {
 
   return state => selectRoot(name, state);
 }
-const selectError = (name, state) => get$1(selectRoot(name, state), "error");
-const selectIsActive = (name, state) => get$1(selectRoot(name, state), "isActive");
+const selectError = (name, state) => get(selectRoot(name, state), "error");
+const selectIsActive = (name, state) => get(selectRoot(name, state), "isActive");
 function oneOfIsActive(...names) {
   return state => {
     return !!names.find(name => {
-      return get$1(state, `${name}.isActive`, get$1(state, `${name}.current.isActive`));
+      return get(state, `${name}.isActive`, get(state, `${name}.current.isActive`));
     });
   };
 }
@@ -8098,7 +8122,7 @@ const saveAction = (formId, action, done = noop) => async dispatch => {
   dispatch(sendAction(ACTION, {
     action
   }));
-  const formio = getFormio(formId, get$1(action, "data._id", ""));
+  const formio = getFormio(formId, get(action, "data._id", ""));
 
   try {
     const result = await formio.saveAction(action);
@@ -8382,9 +8406,9 @@ const authReducer = createReducer({
 }, createInitialState$4)(AUTH);
 
 const selectAuth = state => selectRoot(AUTH, state);
-const selectUser = state => get$1(selectAuth(state), "user");
-const selectRoles = state => get$1(selectAuth(state), "roles");
-const selectIsAuthenticated = state => get$1(selectAuth(state), "authenticated");
+const selectUser = state => get(selectAuth(state), "user");
+const selectRoles = state => get(selectAuth(state), "roles");
+const selectIsAuthenticated = state => get(selectAuth(state), "authenticated");
 
 function hasRole(auth, role) {
   return auth.is[role];
@@ -8410,7 +8434,7 @@ function checkRoleFormAccess(auth, form, roles) {
       return true;
     }
 
-    return roles.includes("owner") && get$1(form, "owner") === get$1(auth, "user._id");
+    return roles.includes("owner") && get(form, "owner") === get(auth, "user._id");
   }
 
   return true;