@tsed/react-formio 1.10.4 → 1.10.8

package/dist/components/modal/removeModal.component.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
+import { PropsWithChildren } from "react";
 import { ModalProps } from "./modal.component";
 export interface RemoveModalProps extends ModalProps {
     valueToCompare: string;
     itemType?: string;
     i18n?: (f: string) => string;
+    maxWidth?: string;
 }
-export declare function RemoveModal(props: RemoveModalProps): JSX.Element;
+export declare function RemoveModal({ maxWidth, children, ...props }: PropsWithChildren<RemoveModalProps>): JSX.Element;

package/dist/components/table/components/defaultCell.component.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function DefaultCell({ value, render }: any): JSX.Element;

package/dist/components/table/index.d.ts

@@ -1,6 +1,6 @@
 export * from "./utils/useOperations.hook";
-export * from "./components/cell.component";
 export * from "./components/defaultArrowSort.component";
+export * from "./components/defaultCell.component";
 export * from "./components/defaultCellHeader.component";
 export * from "./components/defaultCellHeader.component";
 export * from "./components/defaultCellOperations.component";

package/dist/index.js

@@ -2510,16 +2510,12 @@ var useForm = function useForm(props) {
 
           if ( // eslint-disable-next-line no-prototype-builtins
           props.hasOwnProperty(funcName) && typeof funcs[funcName] === "function") {
-            if (["onSubmit", "onSubmitDone"].includes(funcName)) {
-              funcs[funcName].apply(funcs, args);
-            } else {
-              if (!events.current.has(funcName)) {
-                var fn = callLast(funcs[funcName], 100);
-                events.current.set(funcName, fn);
-              }
-
-              events.current.get(funcName).apply(void 0, args);
+            if (!events.current.has(funcName)) {
+              var fn = callLast(funcs[funcName], 100);
+              events.current.set(funcName, fn);
             }
+
+            events.current.get(funcName).apply(void 0, args);
           }
         }
       });
@@ -2534,7 +2530,6 @@ var useForm = function useForm(props) {
       });
     }
 
-    React.useEffect(function () {}, []);
     return instance.current;
   };
 
@@ -2566,6 +2561,22 @@ var useForm = function useForm(props) {
       createWebForm(src, options);
     }
   }, [src]);
+  React.useEffect(function () {
+    if (form) {
+      createWebForm(form, options);
+    }
+
+    return function () {
+      isLoaded.current = false;
+      instance.current && instance.current.destroy(true);
+    };
+  }, []);
+  React.useEffect(function () {
+    props.onSubmit && events.current.set("onSubmit", props.onSubmit);
+  }, [props.onSubmit, events]);
+  React.useEffect(function () {
+    props.onSubmitDone && events.current.set("onSubmitDone", props.onSubmitDone);
+  }, [props.onSubmitDone, events]);
   return {
     element: element
   };
@@ -9192,9 +9203,14 @@ function RemoveModalFooter(_ref) {
   }), i18n("Remove")));
 }
 
-function RemoveModal(props) {
+function RemoveModal(_ref2) {
   var _props$itemType, _props$itemType2;
 
+  var _ref2$maxWidth = _ref2.maxWidth,
+      maxWidth = _ref2$maxWidth === void 0 ? "300px" : _ref2$maxWidth,
+      children = _ref2.children,
+      props = _objectWithoutPropertiesLoose(_ref2, ["maxWidth", "children"]);
+
   var _props$i18n = props.i18n,
       i18n = _props$i18n === void 0 ? noop__default['default'] : _props$i18n;
 
@@ -9203,8 +9219,9 @@ function RemoveModal(props) {
       setValue = _useState[1];
 
   return React__default['default'].createElement(Modal, Object.assign({}, props, {
+    className: classnames(props.className, "formio-dialog-theme-remove"),
     style: {
-      maxWidth: "300px"
+      maxWidth: maxWidth
     },
     title: "Drop " + ((_props$itemType = props.itemType) == null ? void 0 : _props$itemType.toLowerCase()),
     value: value,
@@ -9213,7 +9230,7 @@ function RemoveModal(props) {
     className: "px-4 pt-3 pb-5"
   }, React__default['default'].createElement("div", {
     className: "pb-1"
-  }, i18n("To drop"), " ", React__default['default'].createElement("strong", null, props.valueToCompare), ",\xA0", i18n("type the"), "\xA0", React__default['default'].createElement("strong", null, "\"", (_props$itemType2 = props.itemType) == null ? void 0 : _props$itemType2.toLowerCase(), "\""), "\xA0", i18n("name"), " ", React__default['default'].createElement("strong", null, "\"", props.valueToCompare, "\""), "."), React__default['default'].createElement(InputText, {
+  }, children, i18n("To drop"), " ", React__default['default'].createElement("strong", null, props.valueToCompare), ",\xA0", i18n("type the"), "\xA0", React__default['default'].createElement("strong", null, "\"", (_props$itemType2 = props.itemType) == null ? void 0 : _props$itemType2.toLowerCase(), "\""), "\xA0", i18n("name"), " ", React__default['default'].createElement("strong", null, "\"", props.valueToCompare, "\""), "."), React__default['default'].createElement(InputText, {
     name: 'remove',
     value: value,
     onChange: function onChange(name, value) {
@@ -22722,7 +22739,7 @@ var ReactComponent = /*#__PURE__*/function (_Components$component) {
   return ReactComponent;
 }(formiojs.Components.components.field);
 
-function Cell(_ref) {
+function DefaultCell(_ref) {
   var value = _ref.value,
       _ref$render = _ref.render,
       render = _ref$render === void 0 ? function (f) {
@@ -22754,8 +22771,8 @@ function mapFormToColumns(form) {
       var column = {
         Header: component.label || component.title || component.key,
         accessor: "data." + component.key,
-        Cell: function Cell$1(props) {
-          return React__default['default'].createElement(Cell, Object.assign({}, props, {
+        Cell: function Cell(props) {
+          return React__default['default'].createElement(DefaultCell, Object.assign({}, props, {
             render: function render(value) {
               return cmp.asString(value);
             }
@@ -22974,8 +22991,8 @@ exports.ActionsTable = ActionsTable;
 exports.Alert = Alert;
 exports.ButtonTab = ButtonTab;
 exports.Card = Card;
-exports.Cell = Cell;
 exports.DefaultArrowSort = DefaultArrowSort;
+exports.DefaultCell = DefaultCell;
 exports.DefaultCellHeader = DefaultCellHeader;
 exports.DefaultCellOperations = DefaultCellOperations;
 exports.DefaultColumnFilter = DefaultColumnFilter;