react-dialogger 1.1.29 → 1.1.31

package/components/DialogBase.d.ts

@@ -133,6 +133,7 @@ declare class DialogBase extends Component<BaseDialogProps, BaseDialogState> {
     private Footer;
     private Actions;
     private Content;
+    private highestZ;
     protected show(callback?: TDialogCallbackVoidFn): void;
     render: () => import("react/jsx-runtime").JSX.Element;
 }

package/components/DialogBase.js

@@ -578,6 +578,17 @@ var DialogBase = /** @class */ (function (_super) {
                                         zIndex: parseInt(domZIndex) + 1
                                     }, onMouseDown: (_c = _this._Resizeable) === null || _c === void 0 ? void 0 : _c.resizeHandleMouseDown, children: (0, jsx_runtime_1.jsx)(ResizeIcon_1.default, { color: '#286e94' }) }) })] }) });
         };
+        _this.highestZ = function () {
+            var presentationElements = document.querySelectorAll('div[role="presentation"]');
+            var highest = 1201;
+            presentationElements.forEach(function (element) {
+                var z = parseInt(window.getComputedStyle(element).zIndex, 10);
+                if (!isNaN(z) && z > highest) {
+                    highest = z;
+                }
+            });
+            return highest + 1;
+        };
         // render = () => {
         //
         //     return this.withBackdrop(this._body, this._header, this._actions)
@@ -974,10 +985,13 @@ var DialogBase = /** @class */ (function (_super) {
         configurable: true
     });
     DialogBase.prototype.show = function (callback) {
+        var presentationElements = document.querySelectorAll('div[role="presentation"]');
+        console.log('String(this.highestZ()', presentationElements, String(this.highestZ()));
         console.log('this._actions', this._actions);
         this._dom = document.createElement('div');
         this._dom.setAttribute('role', 'presentation');
         this._dom.classList.add('appinsource-dialog-root');
+        this._dom.style.setProperty('z-index', String(this.highestZ()));
         // Find root element
         var rootElement = document.getElementById('root');
         // const AppElement = rootElement.firstElementChild;

package/package.json

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