react-dialogger 1.1.69 → 1.1.71

package/components/DialogBase.d.ts

@@ -36,7 +36,7 @@ declare class DialogBase<Values extends FormikProps<Values>> extends Component<B
     private readonly _dialogWithBackDropRef;
     protected readonly _parent: Dialog;
     private _accessFrom;
-    private _processingListener;
+    private _processingListeners;
     constructor(props?: Readonly<BaseDialogProps>);
     private T;
     private readonly _features;

package/components/DialogBase.js

@@ -70,6 +70,7 @@ var DialogBase = /** @class */ (function (_super) {
     __extends(DialogBase, _super);
     function DialogBase(props) {
         if (props === void 0) { props = {}; }
+        var _a;
         var _this = _super.call(this, props) || this;
         // ✨✨✨✨✨✨✨✨✨✨✨
         _this._dialogTranslate = { lastX: 0, lastY: 0 };
@@ -88,7 +89,7 @@ var DialogBase = /** @class */ (function (_super) {
             return _this._actionRefs[key];
         };
         _this.setInProcess = function (process, message, holder) {
-            var _a, _b, _c;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
             _this._inProcess = __assign({ inProcess: process }, message ? { message: message } : {});
             if (!process) {
                 _this._holder = null;
@@ -103,12 +104,12 @@ var DialogBase = /** @class */ (function (_super) {
                     for (var actionKey in _this._actionRefs) {
                         var action = _this._actionRefs[actionKey];
                         // Save the current disabled state before changing it
-                        var currentDisabled = action.current.options.disabled;
+                        var currentDisabled = (_d = (_c = action.current) === null || _c === void 0 ? void 0 : _c.options) === null || _d === void 0 ? void 0 : _d.disabled;
                         console.log('this._actions', currentDisabled, process);
                         // Set the options with prevDisabled as the current disabled state
                         if (currentDisabled !== process) {
                             action.current
-                                .updateOptions(__assign(__assign({}, action.current.options), { prevDisabled: currentDisabled, disabled: process // Set the new disabled state based on the process
+                                .updateOptions(__assign(__assign({}, (_f = (_e = action.current) === null || _e === void 0 ? void 0 : _e.options) !== null && _f !== void 0 ? _f : {}), { prevDisabled: currentDisabled, disabled: process // Set the new disabled state based on the process
                              }));
                         }
                     }
@@ -118,8 +119,7 @@ var DialogBase = /** @class */ (function (_super) {
                         var action = _this._actionRefs[actionKey];
                         // Restore the previous disabled state from options
                         // Call prevDisabled state from memo
-                        action.current
-                            .updateOptions(__assign(__assign({}, action.current.options), { disabled: action.current.options.prevDisabled // Set the new disabled state based on the process
+                        (_g = action.current) === null || _g === void 0 ? void 0 : _g.updateOptions(__assign(__assign({}, (_j = (_h = action.current) === null || _h === void 0 ? void 0 : _h.options) !== null && _j !== void 0 ? _j : {}), { disabled: action.current.options.prevDisabled // Set the new disabled state based on the process
                          }));
                     }
                 }
@@ -127,11 +127,22 @@ var DialogBase = /** @class */ (function (_super) {
             if (!process) {
                 _this.snackbar.close("kInProcess");
             }
-            if (typeof _this._processingListener === "function") {
-                _this._processingListener(process);
+            // if( typeof this._processingListener === "function" ){
+            //     this._processingListener(process);
+            //
+            // }
+            for (var _i = 0, _l = _this._processingListeners; _i < _l.length; _i++) {
+                var listener = _l[_i];
+                if (typeof listener === "function") {
+                    listener(process);
+                }
             }
+            // if( ._processingListener === "function" ){
+            // //     this._processingListener(process);
+            // //
+            // // }
             // @ts-ignore
-            (_c = _this._footerRef.current) === null || _c === void 0 ? void 0 : _c.setProcessing(process);
+            (_k = _this._footerRef.current) === null || _k === void 0 ? void 0 : _k.setProcessing(process);
             return _this;
         };
         _this.isInProcess = function () {
@@ -182,7 +193,6 @@ var DialogBase = /** @class */ (function (_super) {
             prevDialogRect: (0, _helpers_1.dialogRectAuto)(),
             body: props.body
         };
-        console.log('Class_Type', _this instanceof DialogBase);
         var defaultOptions = {
             base: {
                 initialAnchor: {
@@ -227,7 +237,7 @@ var DialogBase = /** @class */ (function (_super) {
         _this._initialValues = props.initialValues;
         _this._dialogWithBackDropRef = (0, react_1.createRef)();
         _this._parent = props.parent;
-        _this._processingListener = props.processingListener;
+        _this._processingListeners = (_a = props.processingListeners) !== null && _a !== void 0 ? _a : [];
         _this._features = [];
         console.log('this._dialogOptions', _this._dialogOptions);
         return _this;
@@ -401,7 +411,8 @@ var DialogBase = /** @class */ (function (_super) {
     };
     DialogBase.prototype.processingListener = function (listener) {
         // @ts-ignore
-        this._processingListener = listener;
+        // this._processingListeners = listener;
+        this._processingListeners.push(listener);
         return this;
     };
     Object.defineProperty(DialogBase.prototype, "snackbar", {

package/components/DialogContentHeader.js

@@ -60,15 +60,17 @@ var DialogContentHeader = function (_a) {
     var baseOptions = dialogOptions.base;
     var _g = React.useState(bounds === null || bounds === void 0 ? void 0 : bounds.fullscreen), fullscreen = _g[0], setFullscreen = _g[1];
     (0, react_1.useEffect)(function () {
+        var _a, _b, _c;
         if (fullscreen) {
-            dialogRef.current.classList.add('fullscreen');
+            (_a = dialogRef === null || dialogRef === void 0 ? void 0 : dialogRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('fullscreen');
         }
         else {
-            dialogRef.current.classList.remove('fullscreen');
+            (_b = dialogRef === null || dialogRef === void 0 ? void 0 : dialogRef.current) === null || _b === void 0 ? void 0 : _b.classList.remove('fullscreen');
         }
-        dialogRef.current.classList.add('no-user-select');
+        (_c = dialogRef === null || dialogRef === void 0 ? void 0 : dialogRef.current) === null || _c === void 0 ? void 0 : _c.classList.add('no-user-select');
         setTimeout(function () {
-            dialogRef.current.classList.remove('no-user-select');
+            var _a;
+            (_a = dialogRef === null || dialogRef === void 0 ? void 0 : dialogRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('no-user-select');
         }, 300);
     }, [fullscreen]);
     var CustomHeader = (_b = dialogOptions.slot) === null || _b === void 0 ? void 0 : _b.header;

package/models/Dialog.d.ts

@@ -5,7 +5,7 @@ interface DialogProps {
     setHeader(header: TDialogCallbackFn): Dialog;
 }
 declare class Dialog implements DialogProps {
-    private _processingListener;
+    private _processingListeners;
     private _stateListener;
     private _keyboardListener;
     private _resizeListener;

package/models/Dialog.js

@@ -116,7 +116,7 @@ var Dialog = /** @class */ (function () {
     };
     Dialog.prototype.processingListener = function (listener) {
         // @ts-ignore
-        this._processingListener = listener;
+        this._processingListeners = listener;
         return this;
     };
     Dialog.prototype.initialValues = function (values) {
@@ -150,7 +150,7 @@ var Dialog = /** @class */ (function () {
             // Refs
             headerRef: this._headerRef, 
             // Listeners
-            stateListener: this._stateListener, keyboardListener: this._keyboardListener, resizeListener: this._resizeListener, processingListener: this._processingListener, 
+            stateListener: this._stateListener, keyboardListener: this._keyboardListener, resizeListener: this._resizeListener, processingListeners: this._processingListeners, 
             // Others
             dialogSize: this._dialogSize, initialHolder: this._initialHolder, snackbarAnchor: this._snackbarAnchor, root: root, dom: dom, parent: this }, this._apiRef ? { ref: this._apiRef } : null), { onClose: this._onCloseCallback });
         // @ts-ignore

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-dialogger",
-  "version": "1.1.69",
+  "version": "1.1.71",
   "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

@@ -42,7 +42,7 @@ export interface BaseDialogProps {
     root?: any;
     keyboardListener: (key: string, dialog: IDialogApiDef) => void;
     resizeListener?: (size: IDialogSize, dialog: IDialogApiDef) => void;
-    processingListener?: (inProcess: boolean) => void;
+    processingListeners?: Array<(inProcess: boolean) => void>;
 }
 export interface IDialogSize {
     width?: ITypeWidth | number;