bigpipe-util 0.1.2 → 0.1.3

package/CHANGELOG.md

@@ -13,3 +13,11 @@ Updates should follow the [Keep a CHANGELOG](http://keepachangelog.com/) princip
 
 ### Added
 - Dialogs support.
+
+## v0.1.3 - 2022-04-27
+
+### Added
+- Method to close only current dialog
+
+### Fixed
+- Dialog z-index

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bigpipe-util",
   "description": "This library currently implements small part of Facebook BigPipe so far, but the advantage is to efficiently insert/replace content and work with the DOM. It is also possible to easily call JavaScript modules from PHP.",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "keywords": [
     "bigpipe",
     "xhr",

package/src/core/Dialog.js

@@ -1,9 +1,11 @@
 import Modal from "modal-vanilla/lib/modal";
 import DOM from "./DOM";
 
+const DEFAULT_Z_INDEX = 1040;
+
 const stack = [];
 let modalId = 1;
-let zIndex = 1040;
+let zIndex;
 let originalBodyPad = null;
 
 export default class Dialog {
@@ -11,6 +13,14 @@ export default class Dialog {
     stack.forEach((dialog) => dialog.hide())
   }
 
+  closeCurrent() {
+    const dialog = stack[stack.length - 1];
+
+    if (dialog) {
+      dialog.hide();
+    }
+  }
+
   render(options) {
     DOM.appendContent(document.body, this._makeDialog(options.content));
 
@@ -55,7 +65,7 @@ export default class Dialog {
     const self = this;
 
     return _modal.on('shown', function ({el}) {
-      zIndex = 10 * stack.length;
+      zIndex = DEFAULT_Z_INDEX + (10 * stack.length);
       el.style.zIndex = zIndex;
       setTimeout(() => document.querySelector('.modal-backdrop').style.zIndex = zIndex - 1);
     }).on('showBackdrop', this._fixBackdrop).on('hidden', function ({el}) {