@tsed/react-formio 1.10.5 → 1.10.9

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

@@ -2530,12 +2530,6 @@ var useForm = function useForm(props) {
       });
     }
 
-    React.useEffect(function () {
-      props.onSubmit && events.current.set("onSubmit", props.onSubmit);
-    }, [props.onSubmit, events]);
-    React.useEffect(function () {
-      props.onSubmitDone && events.current.set("onSubmitDone", props.onSubmit);
-    }, [props.onSubmitDone, events]);
     return instance.current;
   };
 
@@ -2567,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
   };
@@ -9172,7 +9182,9 @@ function RemoveModalFooter(_ref) {
       onSubmit = _ref.onSubmit,
       onClose = _ref.onClose,
       _ref$i18n = _ref.i18n,
-      i18n = _ref$i18n === void 0 ? noop__default['default'] : _ref$i18n;
+      i18n = _ref$i18n === void 0 ? function (f) {
+    return f;
+  } : _ref$i18n;
   return React__default['default'].createElement("div", {
     className: "flex items-center justify-center bg-white p-2"
   }, React__default['default'].createElement("button", {
@@ -9193,9 +9205,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;
 
@@ -9204,8 +9221,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,
@@ -9214,7 +9232,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) {
@@ -22723,7 +22741,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) {
@@ -22755,8 +22773,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);
             }
@@ -22975,8 +22993,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;