@4i/modal-manager 1.1.1 → 1.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@4i/modal-manager",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "",
   "main": "src/index.ts",
   "scripts": {

package/src/styles.css

@@ -45,4 +45,5 @@
   position: relative;
   z-index: 1001;
   animation: bg_opacity_scale 150ms ease-in-out forwards;
+  width: 100%;
 }

package/src/utils/ModalManager.d.ts

@@ -14,6 +14,11 @@ interface ModalState {
     closedModalName?: string | undefined;
     lastOpenedModal?: string | undefined;
 }
+interface Options {
+    showBackdrop?: boolean;
+    extraClass?: string;
+    openMinimized?: boolean;
+}
 export declare class ModalManager extends Manager {
     queue: string[];
     _openModalStateCallback: null | ((props: ModalState) => void);
@@ -21,8 +26,8 @@ export declare class ModalManager extends Manager {
     create<T>(name: string, payload: {
         modalId: number;
         data?: T;
-    }): void;
-    call<T>(name: string, data?: T): void;
+    }, options?: Options): void;
+    call<T>(name: string, data?: T, options?: Options): void;
     close<T>(position?: T): void;
     getQueueState({ queue, closedModalName, lastOpenedModal }: QueueState): {
         isHaveOpenModals: boolean;

package/src/utils/ModalManager.js

@@ -38,14 +38,14 @@ var ModalManager = /** @class */ (function (_super) {
         _this._openModalStateCallback = null;
         return _this;
     }
-    ModalManager.prototype.create = function (name, payload) {
+    ModalManager.prototype.create = function (name, payload, options) {
         this.name = name;
         this.data = payload;
-        this.emitter.emit(exports.constants.CHANGE, this.name, this.data);
+        this.emitter.emit(exports.constants.CHANGE, this.name, this.data, options);
     };
-    ModalManager.prototype.call = function (name, data) {
+    ModalManager.prototype.call = function (name, data, options) {
         var _a;
-        this.create(name, { modalId: uniqueID(), data: data });
+        this.create(name, { modalId: uniqueID(), data: data }, options);
         var lastOpenedModal = name;
         this.queue.push(name);
         (_a = this._openModalStateCallback) === null || _a === void 0 ? void 0 : _a.call(this, this.getQueueState({

package/src/utils/ModalManager.ts

@@ -22,6 +22,12 @@ interface ModalState {
   lastOpenedModal?: string | undefined;
 }
 
+interface Options {
+  showBackdrop?: boolean;
+  extraClass?: string;
+  openMinimized?: boolean;
+}
+
 export class ModalManager extends Manager {
   queue: string[] = [];
   _openModalStateCallback: null | ((props: ModalState) => void);
@@ -34,14 +40,18 @@ export class ModalManager extends Manager {
     this._openModalStateCallback = null;
   }
 
-  create<T>(name: string, payload: { modalId: number; data?: T }) {
+  create<T>(
+    name: string,
+    payload: { modalId: number; data?: T },
+    options?: Options
+  ) {
     this.name = name;
     this.data = payload;
-    this.emitter.emit(constants.CHANGE, this.name, this.data);
+    this.emitter.emit(constants.CHANGE, this.name, this.data, options);
   }
 
-  call<T>(name: string, data?: T) {
-    this.create<T>(name, { modalId: uniqueID(), data });
+  call<T>(name: string, data?: T, options?: Options) {
+    this.create<T>(name, { modalId: uniqueID(), data }, options);
     const lastOpenedModal = name;
     this.queue.push(name);