@tsed/react-formio 1.10.5 → 1.10.9

package/dist/index.modern.js

@@ -1963,12 +1963,6 @@ const useForm = props => {
       });
     }
 
-    useEffect(() => {
-      props.onSubmit && events.current.set("onSubmit", props.onSubmit);
-    }, [props.onSubmit, events]);
-    useEffect(() => {
-      props.onSubmitDone && events.current.set("onSubmitDone", props.onSubmit);
-    }, [props.onSubmitDone, events]);
     return instance.current;
   };
 
@@ -2000,6 +1994,22 @@ const useForm = props => {
       createWebForm(src, options);
     }
   }, [src]);
+  useEffect(() => {
+    if (form) {
+      createWebForm(form, options);
+    }
+
+    return () => {
+      isLoaded.current = false;
+      instance.current && instance.current.destroy(true);
+    };
+  }, []);
+  useEffect(() => {
+    props.onSubmit && events.current.set("onSubmit", props.onSubmit);
+  }, [props.onSubmit, events]);
+  useEffect(() => {
+    props.onSubmitDone && events.current.set("onSubmitDone", props.onSubmitDone);
+  }, [props.onSubmitDone, events]);
   return {
     element
   };
@@ -8485,7 +8495,7 @@ function RemoveModalFooter({
   valueToCompare,
   onSubmit,
   onClose,
-  i18n = noop
+  i18n = f => f
 }) {
   return React.createElement("div", {
     className: "flex items-center justify-center bg-white p-2"
@@ -8507,16 +8517,23 @@ function RemoveModalFooter({
   }), i18n("Remove")));
 }
 
-function RemoveModal(props) {
+function RemoveModal(_ref) {
   var _props$itemType, _props$itemType2;
 
+  let {
+    maxWidth = "300px",
+    children
+  } = _ref,
+      props = _objectWithoutPropertiesLoose(_ref, ["maxWidth", "children"]);
+
   const {
     i18n = noop
   } = props;
   const [value, setValue] = useState();
   return React.createElement(Modal, Object.assign({}, props, {
+    className: classnames(props.className, "formio-dialog-theme-remove"),
     style: {
-      maxWidth: "300px"
+      maxWidth
     },
     title: `Drop ${(_props$itemType = props.itemType) == null ? void 0 : _props$itemType.toLowerCase()}`,
     value: value,
@@ -8525,7 +8542,7 @@ function RemoveModal(props) {
     className: "px-4 pt-3 pb-5"
   }, React.createElement("div", {
     className: "pb-1"
-  }, i18n("To drop"), " ", React.createElement("strong", null, props.valueToCompare), ",\u00A0", i18n("type the"), "\u00A0", React.createElement("strong", null, "\"", (_props$itemType2 = props.itemType) == null ? void 0 : _props$itemType2.toLowerCase(), "\""), "\u00A0", i18n("name"), " ", React.createElement("strong", null, "\"", props.valueToCompare, "\""), "."), React.createElement(InputText, {
+  }, children, i18n("To drop"), " ", React.createElement("strong", null, props.valueToCompare), ",\u00A0", i18n("type the"), "\u00A0", React.createElement("strong", null, "\"", (_props$itemType2 = props.itemType) == null ? void 0 : _props$itemType2.toLowerCase(), "\""), "\u00A0", i18n("name"), " ", React.createElement("strong", null, "\"", props.valueToCompare, "\""), "."), React.createElement(InputText, {
     name: 'remove',
     value: value,
     onChange: (name, value) => setValue(value)
@@ -21842,7 +21859,7 @@ class ReactComponent extends Components$1.components.field {
 
 }
 
-function Cell({
+function DefaultCell({
   value,
   render = f => f
 }) {
@@ -21871,7 +21888,7 @@ function mapFormToColumns(form) {
       const column = {
         Header: component.label || component.title || component.key,
         accessor: `data.${component.key}`,
-        Cell: props => React.createElement(Cell, Object.assign({}, props, {
+        Cell: props => React.createElement(DefaultCell, Object.assign({}, props, {
           render: value => cmp.asString(value)
         }))
       };
@@ -22020,5 +22037,5 @@ Loader.propTypes = {
   className: PropTypes.string
 };
 
-export { ACTION, ACTIONS, ACTION_INFO, AUTH, ActionsTable, Alert, ButtonTab, Card, Cell, DefaultArrowSort, 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$7 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$7 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 };
 //# sourceMappingURL=index.modern.js.map