react-dialogger 1.1.131 → 1.1.133

package/components/DialogContentBody.js

@@ -99,12 +99,21 @@ var Placeholder = function (_a) {
 //     </div>
 // }
 var PlaceholderWrapper = function (_a) {
-    var _b;
+    var _b, _c, _d;
     var dialog = _a.dialog, dialogOptions = _a.dialogOptions, children = _a.children;
-    var _c = React.useState(dialog.isInProcess()), inProcess = _c[0], setInProcess = _c[1];
+    var _e = React.useState({
+        message: (_c = (_b = dialog.dialogOptions.slotProps.loader) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : null,
+        inProcess: true
+    }), inProcess = _e[0], setInProcess = _e[1];
     React.useEffect(function () {
-        var unsubscribe = dialog.processingListener(function () {
-            setInProcess(dialog.isInProcess());
+        var unsubscribe = dialog.processingListener(function (processing) {
+            if (inProcess.inProcess !== processing) {
+                if (!processing) {
+                    setTimeout(function () { return setInProcess(dialog.isInProcess()); }, 300);
+                    return;
+                }
+                setInProcess(dialog.isInProcess());
+            }
         });
         // return () => (unsubscribe as any)?.()
     }, [dialog]);
@@ -116,7 +125,7 @@ var PlaceholderWrapper = function (_a) {
     var LoaderSlotElement = initialElement
         ? React.cloneElement(initialElement, __assign(__assign({}, dialog.dialogOptions.slotProps.loader), { values: dialog.values, inProcess: dialog.isInProcess() }))
         : null;
-    var backgroundColor = (_b = dialogOptions.base.style.backgroundColor) !== null && _b !== void 0 ? _b : "#FFFFFF";
+    var backgroundColor = (_d = dialogOptions.base.style.backgroundColor) !== null && _d !== void 0 ? _d : "#FFFFFF";
     return (0, jsx_runtime_1.jsx)("div", { className: 'dialog-content-placeholder', style: { display: inProcess.inProcess ? 'flex' : 'none', backgroundColor: backgroundColor }, children: LoaderSlotElement });
 };
 // const DialogContentBody: React.FC<IContentBodyProps> = React.forwardRef(({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-dialogger",
-  "version": "1.1.131",
+  "version": "1.1.133",
   "description": "This package is a continuation of the react-araci package. Due to an error, react-araci was removed, and it has been decided to continue under the new package name react-dialogger",
   "main": "index.js",
   "author": "Sueleyman Topaloglu",

package/types/DialogTypes.d.ts

@@ -100,7 +100,10 @@ interface kSlotProps {
     };
     footer?: Record<string, any>;
     header?: Record<string, any>;
-    loader?: Record<string, any>;
+    loader?: {
+        message?: string;
+        [key: string]: any;
+    };
 }
 export type DialogSlotLoaderProps = kSlotProps['loader'] & Pick<IDialogApiDef, 'values'> & {
     processing: IInProcess;