react-dialogger 1.1.28 → 1.1.30

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

@@ -233,11 +233,10 @@ var DialogBase = /** @class */ (function (_super) {
             return _this;
         };
         _this.isInProcess = function () {
-            var _a, _b, _c;
             // return this.state.inProcess;
-            // return this._inProcess;
+            return _this._inProcess;
             // @ts-ignore
-            return (_c = (_b = (_a = _this._footeRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.inProcess) !== null && _c !== void 0 ? _c : false;
+            // return this._footeRef?.current?.inProcess ?? false;
         };
         _this.close = function (callbackFn) {
             var _a;
@@ -579,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 = 0;
+            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)
@@ -979,6 +989,7 @@ var DialogBase = /** @class */ (function (_super) {
         this._dom = document.createElement('div');
         this._dom.setAttribute('role', 'presentation');
         this._dom.classList.add('appinsource-dialog-root');
+        this._dom.style.setProperty('zIndex', 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.28",
+  "version": "1.1.30",
   "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",