react-dialogger 1.1.136 → 1.1.138

package/components/DialogContent.js

@@ -187,12 +187,12 @@ var DialogContent = function (props) {
             }, id: "dialog-main", ref: dialogRef, onClick: function (e) {
                 e.stopPropagation();
                 if (dialog.dialogOptions.backdrop.throughable) {
-                    var toppest = dialog.props.zFinder();
+                    var toppest = dialog.props.zFinder(true);
                     var dom = dialog.getDom();
                     console.log('toppest', parseInt(dom.style.zIndex), toppest);
                     if (dom) {
                         if (parseInt(dom.style.zIndex) < toppest) {
-                            dom.style.zIndex = String(dialog.props.zFinder() + 1);
+                            dom.style.zIndex = String(dialog.props.zFinder(true) + 1);
                         }
                     }
                 }

package/models/Dialog.js

@@ -68,8 +68,13 @@ var Dialog = /** @class */ (function () {
          * UI / Dialog / Form bağlamında alışıldık
          * */
         this._headerRef = React.createRef();
-        this.highestZ = function () {
-            var presentationElements = document.querySelectorAll('div[data-family="presentation"]');
+        this.highestZ = function (throughableOnly) {
+            var _a, _b;
+            if (throughableOnly === void 0) { throughableOnly = false; }
+            if ((_a = _this._dialogOptions) === null || _a === void 0 ? void 0 : _a.zIndex) {
+                return (_b = _this._dialogOptions) === null || _b === void 0 ? void 0 : _b.zIndex;
+            }
+            var presentationElements = document.querySelectorAll("div[data-family=\"presentation\"]".concat(throughableOnly ? ' > div.dialogger-throughable' : ''));
             var highest = 1201;
             presentationElements.forEach(function (element) {
                 var z = parseInt(window.getComputedStyle(element).zIndex, 10);
@@ -86,6 +91,10 @@ var Dialog = /** @class */ (function () {
             dom.setAttribute('data-type', 'dialog');
             dom.setAttribute('data-family', 'presentation');
             dom.classList.add('react-guzzle-root');
+            // if(Boolean(this._dialogOptions?.backdrop?.throughable) && this._dialogOptions?.backdrop?.throughable){
+            //     dom.classList.add('throughable');
+            // }
+            dom.classList.add('react-guzzle-root');
             dom.style.setProperty('z-index', String(_this.highestZ() + 1));
             // Find root element
             var rootElement = document.getElementById('root');

package/package.json

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

@@ -52,7 +52,7 @@ export interface BaseDialogProps<V extends Record<string, any>, I> {
     resizeListener?: (size: IDialogSize, dialog: IDialogApiDef<V, I>) => void;
     processingListeners?: Array<(inProcess: boolean, message: string) => void>;
     abortedListeners?: Array<(dialog: IDialogApiDef<V, I>) => void>;
-    zFinder: () => number;
+    zFinder: (throughableOnly: boolean) => number;
 }
 export interface DialogContentBodyReturnType {
     setProcessing: React.Dispatch<React.SetStateAction<InProcessType>>;
@@ -85,8 +85,9 @@ interface IDialogOptionsType {
     };
     scale?: number;
     scaleable?: boolean;
+    zIndex?: number;
 }
-export type DialogOptionsType = Partial<Pick<IDialogOptionsType, 'base' | 'snackbar' | 'backdrop' | 'slotProps' | 'slot' | 'animate' | 'progress' | 'scale' | 'scaleable' | 'localText'>>;
+export type DialogOptionsType = Partial<Pick<IDialogOptionsType, 'base' | 'snackbar' | 'backdrop' | 'slotProps' | 'slot' | 'animate' | 'progress' | 'scale' | 'scaleable' | 'localText' | 'zIndex'>>;
 interface kSlot {
     action?: React.JSXElementConstructor<any>;
     footer?: React.JSXElementConstructor<any>;