react-dialogger 1.1.130 → 1.1.132

package/components/DialogContentBody.js

@@ -99,9 +99,12 @@ 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());
@@ -116,8 +119,8 @@ 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";
-    return (0, jsx_runtime_1.jsx)("div", { className: 'dialog-content-placeholder', style: { display: 'flex', backgroundColor: backgroundColor }, children: LoaderSlotElement });
+    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(({
 //         body
@@ -150,7 +153,8 @@ var DialogContentBody = React.forwardRef(function (_a, ref) {
         return (0, jsx_runtime_1.jsxs)("div", { className: 'dialog-body', style: { height: '100%' }, children: [dialog.holder && (0, jsx_runtime_1.jsx)(PlaceholderWrapper, { dialog: dialog, dialogOptions: dialog.dialogOptions, children: dialog.holder }), body(dialog)] });
     }
     return (0, jsx_runtime_1.jsx)("div", { className: 'dialog-body', style: { height: '100%', padding: 10 }, children: dialog.holder ?
-            (0, jsx_runtime_1.jsx)(Placeholder, { dialogOptions: dialog.dialogOptions, placeholder: dialog.holder })
+            // <Placeholder dialogOptions={dialog.dialogOptions} placeholder={dialog.holder} />
+            (0, jsx_runtime_1.jsx)(PlaceholderWrapper, { dialog: dialog, dialogOptions: dialog.dialogOptions, children: dialog.holder })
             :
                 body });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-dialogger",
-  "version": "1.1.130",
+  "version": "1.1.132",
   "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,8 +100,14 @@ 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;
+};
 export interface IBaseDialogOptions {
     closeable?: boolean;
     initialAnchor?: IDialogAnchor;