react-dialogger 1.1.68 → 1.1.70

package/README.md

@@ -9,6 +9,9 @@ You can find the example code and more information about the project on our [Git
 # codesandbox
 You can find the example code about the project on our [Codesandbox](https://codesandbox.io/p/sandbox/7r3t84).
 
+# Youtube
+You can watch simple example on Youtube [Youtube](https://www.youtube.com/watch?v=vhSroEgdj1c)
+
 
 # react-dialogger - Custom Dialog Component Documentation
 
@@ -175,8 +178,9 @@ The Dialog component can be initialized with optional configuration, allowing yo
 const dialog = new Dialog(null, {
     // These settings are customized and will override the default baseDialogOptions
     base: {
-        resizeable: true,  // Allows the dialog to be resized
-        draggable: true    // Allows the dialog to be dragged
+        memoBounds: true,   // Register rect of last position and size of dialog
+        resizeable: true,   // Allows the dialog to be resized
+        draggable: true     // Allows the dialog to be dragged
     }
 });
 ```

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 };
@@ -127,9 +128,20 @@ 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, _d = _this._processingListeners; _i < _d.length; _i++) {
+                var listener = _d[_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);
             return _this;
@@ -182,7 +194,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 +238,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 +412,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/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.68",
+  "version": "1.1.70",
   "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;