@tsed/react-formio 1.13.3 → 1.13.6

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) {
@@ -539,7 +539,7 @@ function DefaultOperationButton(props) {
   return /*#__PURE__*/React.createElement("button", {
     className: classnames(className, ["btn", buttonOutline && "outline", buttonType].filter(Boolean).join("-"), `btn-${buttonSize}`),
     onClick: stopPropagationWrapper(() => onClick(action))
-  }, icon ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("i", {
+  }, icon ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("i", {
     className: iconClass(undefined, icon)
   }), " ", title && " ") : null, title && /*#__PURE__*/React.createElement("span", {
     className: icon && title ? "ml-1" : ""
@@ -868,9 +868,11 @@ function Card({
   }, children));
 }
 
-function useDebounce(event, callback, events) {
+function useEvent(event, callback, events) {
   useEffect(() => {
-    callback && events.set(event, callLast(callback, 100));
+    if (callback) {
+      events.set(event, callback);
+    }
   }, [callback, event, events]);
 }
 
@@ -888,7 +890,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 +965,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 +989,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));
       });
     }
@@ -1332,7 +1353,7 @@ function NamedFormAccess({
   children
 }) {
   const [isValid, setIsValid] = useState(true);
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Form, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Form, {
     name: name,
     form: form[name],
     submission: submissions[name],
@@ -7813,7 +7834,7 @@ function DefaultCell({
   render = f => f
 }) {
   if (value === undefined) {
-    return /*#__PURE__*/React.createElement(Fragment, null);
+    return /*#__PURE__*/React.createElement("span", null);
   }
 
   const rendered = render(value);
@@ -7882,7 +7903,7 @@ function SliderColumnFilter({
     });
     return [min, max];
   }, [id, preFilteredRows]);
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("input", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", {
     type: "range",
     min: min,
     max: max,
@@ -8048,12 +8069,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 +8119,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 +8403,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 +8431,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;
@@ -9015,5 +9036,5 @@ const defaultFormioReducer = combine(authReducer, actionsReducer, actionReducer,
   }
 }), submissionReducer("submission"), submissionsReducer("submissions"));
 
-export { ACTION, ACTIONS, ACTION_INFO, AUTH, ActionsTable, Alert, ButtonTab, Card, DefaultArrowSort, DefaultCell, DefaultCellHeader, DefaultCellOperations, DefaultColumnFilter, DefaultOperationButton, Form, FormAccess, FormAction, FormBuilder, FormControl, FormEdit, FormEditCTAs, FormParameters, FormSettings, FormsTable, InputTags, InputText, Loader, Modal, Pagination, ReactComponent, RemoveModal, Select, SelectColumnFilter, SliderColumnFilter, SubmissionsTable, Table, Tabs, actionInfoReducer, actionReducer, actionsReducer, authReducer, checkRoleFormAccess, clearActionError, clearFormError, clearSubmissionError, createInitialState$8 as createInitialState, defaultDisplayChoices, defaultFormioReducer, deleteAction, deleteForm, deleteSubmission, failAction, failActionInfo, failActions, failForm, failForms, failSubmission, failSubmissions, failUser, formAccessUser, formReducer, formsReducer, getAccess, getAction, getActionInfo, getActionUrl, getActions, getForm, getFormUrl, getForms, getProjectAccess, getSubmission, getSubmissionUrl, getSubmissions, hasRole, hasRoles, iconClass, initAuth, isAuthorized, logout, logoutUser, oneOfIsActive, projectAccessUser, receiveAction, receiveActionInfo, receiveActions, receiveForm, receiveForms, receiveSubmission, receiveSubmissions, receiveUser, refreshForms, refreshSubmissions, requestAction, requestActionInfo, requestActions, requestForm, requestForms, requestSubmission, requestSubmissions, requestUser, resetAction, resetActionInfo, resetActions, resetForm, resetForms, resetSubmission, resetSubmissions, saveAction, saveForm, saveSubmission, selectAction, selectActionInfo, selectActions, selectAuth, selectAvailableActions, selectError, selectForm, selectForms, selectFormsParameters, selectIsActive, selectIsAuthenticated, selectRoles, selectRoot, selectSubmission, selectSubmissions, selectSubmissionsParameters, selectUser, sendAction, sendForm, sendSubmission, setUser, submissionAccessUser, submissionReducer, submissionsReducer, useModal, useOperations, useTooltip, userForms, userRoles };
+export { ACTION, ACTIONS, ACTION_INFO, AUTH, ActionsTable, Alert, ButtonTab, Card, DefaultArrowSort, DefaultCell, DefaultCellHeader, DefaultCellOperations, DefaultColumnFilter, DefaultOperationButton, Form, FormAccess, FormAction, FormBuilder, FormControl, FormEdit, FormEditCTAs, FormParameters, FormSettings, FormsTable, InputTags, InputText, Loader, Modal, Pagination, ReactComponent, RemoveModal, Select, SelectColumnFilter, SliderColumnFilter, SubmissionsTable, Table, Tabs, actionInfoReducer, actionReducer, actionsReducer, authReducer, checkRoleFormAccess, clearActionError, clearFormError, clearSubmissionError, createInitialState$8 as createInitialState, defaultDisplayChoices, defaultFormioReducer, deleteAction, deleteForm, deleteSubmission, failAction, failActionInfo, failActions, failForm, failForms, failSubmission, failSubmissions, failUser, formAccessUser, formReducer, formsReducer, getAccess, getAction, getActionInfo, getActionUrl, getActions, getForm, getFormUrl, getForms, getProjectAccess, getSubmission, getSubmissionUrl, getSubmissions, hasRole, hasRoles, iconClass, initAuth, isAuthorized, logout, logoutUser, oneOfIsActive, projectAccessUser, receiveAction, receiveActionInfo, receiveActions, receiveForm, receiveForms, receiveSubmission, receiveSubmissions, receiveUser, refreshForms, refreshSubmissions, requestAction, requestActionInfo, requestActions, requestForm, requestForms, requestSubmission, requestSubmissions, requestUser, resetAction, resetActionInfo, resetActions, resetForm, resetForms, resetSubmission, resetSubmissions, saveAction, saveForm, saveSubmission, selectAction, selectActionInfo, selectActions, selectAuth, selectAvailableActions, selectError, selectForm, selectForms, selectFormsParameters, selectIsActive, selectIsAuthenticated, selectRoles, selectRoot, selectSubmission, selectSubmissions, selectSubmissionsParameters, selectUser, sendAction, sendForm, sendSubmission, setUser, submissionAccessUser, submissionReducer, submissionsReducer, useForm, useFormEdit, useModal, useOperations, useTooltip, userForms, userRoles };
 //# sourceMappingURL=index.modern.js.map