react-dialogger 1.1.32 → 1.1.36

package/components/DialogBase.js

@@ -579,7 +579,7 @@ var DialogBase = /** @class */ (function (_super) {
                                     }, 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"][data-type="dialog"]');
+            var presentationElements = document.querySelectorAll('div[data-family="presentation"]');
             var highest = 1201;
             presentationElements.forEach(function (element) {
                 var z = parseInt(window.getComputedStyle(element).zIndex, 10);
@@ -985,24 +985,25 @@ var DialogBase = /** @class */ (function (_super) {
         configurable: true
     });
     DialogBase.prototype.show = function (callback) {
-        var presentationElements = document.querySelectorAll('div[role="presentation"][data-type="dialog"]');
+        var presentationElements = document.querySelectorAll('div[data-family="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.setAttribute('data-type', 'dialog');
+        this._dom.setAttribute('data-family', '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;
-        if (rootElement) {
-            rootElement.appendChild(this._dom);
-            // AppElement.prepend(this._dom);
-        }
-        else {
-            document.body.appendChild(this._dom);
-        }
+        // // Find root element
+        // const rootElement = document.getElementById('root');
+        // // const AppElement = rootElement.firstElementChild;
+        // if (rootElement) {
+        //     rootElement.appendChild(this._dom);
+        //     // AppElement.prepend(this._dom);
+        // } else {
+        //     document.body.appendChild(this._dom);
+        // }
+        document.body.appendChild(this._dom);
         var root = (0, client_1.createRoot)(this._dom);
         var props = {
             ref: this._innerRef,

package/package.json

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