@etsoo/notificationbase 1.1.26 → 1.1.28

package/README.md

@@ -194,6 +194,17 @@ Methods:
         props?: C
     ): INotification<UI, C>;
 
+    /**
+     * Popup component as modal
+     * @param component Component to popup
+     * @param anchor Position anchor
+     * @returns Result
+     */
+    popup(
+        component: NotificationContent<UI>,
+        anchor?: HTMLElement | string | { left: number; top: number }
+    ): INotification<UI, C>;
+
     /**
      * Prompt action
      * @param message Message

package/lib/Notification.d.ts

@@ -21,7 +21,8 @@ export declare enum NotificationModalType {
     Loading = 0,
     Confirm = 1,
     Prompt = 2,
-    Error = 3
+    Error = 3,
+    Popup = 6
 }
 /**
  * Message types
@@ -47,6 +48,7 @@ export declare const NotificationType: {
     Confirm: NotificationModalType.Confirm;
     Prompt: NotificationModalType.Prompt;
     Error: NotificationModalType.Error;
+    Popup: NotificationModalType.Popup;
 };
 /**
  * Notification types
@@ -66,7 +68,7 @@ export interface NotificationDismiss {
  * Notification reander setup
  */
 export interface NotifictionRenderSetup {
-    (options: any): void;
+    (options: any): any;
 }
 /**
  * On return callback

package/lib/Notification.js

@@ -21,7 +21,8 @@ export var NotificationModalType;
     NotificationModalType[NotificationModalType["Loading"] = 0] = "Loading";
     NotificationModalType[NotificationModalType["Confirm"] = 1] = "Confirm";
     NotificationModalType[NotificationModalType["Prompt"] = 2] = "Prompt";
-    NotificationModalType[NotificationModalType["Error"] = 3] = "Error"; // Alert
+    NotificationModalType[NotificationModalType["Error"] = 3] = "Error";
+    NotificationModalType[NotificationModalType["Popup"] = 6] = "Popup";
 })(NotificationModalType || (NotificationModalType = {}));
 /**
  * Message types

package/lib/NotificationContainer.d.ts

@@ -88,6 +88,13 @@ export interface INotifier<UI, C extends NotificationCallProps> {
      * @param props Props
      */
     message(type: NotificationMessageType, message: NotificationContent<UI>, title?: NotificationContent<UI>, parameters?: NotificationParameters, props?: C): INotification<UI, C>;
+    /**
+     * Popup component as modal
+     * @param component Component to popup
+     * @param properties Popup properties
+     * @returns Result
+     */
+    popup(component: NotificationContent<UI>, properties: any): INotification<UI, C>;
     /**
      * Prompt action
      * @param message Message
@@ -224,6 +231,13 @@ export declare abstract class NotificationContainer<UI, C extends NotificationCa
      * @param title Title
      */
     showLoading(title?: NotificationContent<UI>): void;
+    /**
+     * Popup component as modal
+     * @param component Component to popup
+     * @param properties Popup properties
+     * @returns Result
+     */
+    popup(component: NotificationContent<UI>, properties: any): INotification<UI, C>;
     /**
      * Show a success message
      * @param message Message

package/lib/NotificationContainer.js

@@ -259,6 +259,24 @@ export class NotificationContainer {
             this.lastLoading = this.addRaw(n);
         }
     }
+    /**
+     * Popup component as modal
+     * @param component Component to popup
+     * @param properties Popup properties
+     * @returns Result
+     */
+    popup(component, properties) {
+        // Setup
+        const n = {
+            type: NotificationType.Popup,
+            content: component,
+            renderSetup: (_options) => {
+                return properties;
+            }
+        };
+        // Add to the collection
+        return this.addRaw(n);
+    }
     /**
      * Show a success message
      * @param message Message

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/notificationbase",
-    "version": "1.1.26",
+    "version": "1.1.28",
     "description": "TypeScript notification component for extending with all features described and partially implemented",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
@@ -45,18 +45,18 @@
     },
     "homepage": "https://github.com/ETSOO/NotificationBase#readme",
     "dependencies": {
-        "@etsoo/shared": "^1.2.8"
+        "@etsoo/shared": "^1.2.10"
     },
     "devDependencies": {
-        "@babel/core": "^7.22.10",
+        "@babel/core": "^7.22.11",
         "@babel/plugin-transform-runtime": "^7.22.10",
-        "@babel/preset-env": "^7.22.10",
-        "@babel/runtime-corejs3": "^7.22.10",
-        "@types/jest": "^29.5.3",
-        "babel-jest": "^29.6.2",
-        "jest": "^29.6.2",
-        "jest-environment-jsdom": "^29.6.2",
+        "@babel/preset-env": "^7.22.14",
+        "@babel/runtime-corejs3": "^7.22.11",
+        "@types/jest": "^29.5.4",
+        "babel-jest": "^29.6.4",
+        "jest": "^29.6.4",
+        "jest-environment-jsdom": "^29.6.4",
         "ts-jest": "^29.1.1",
-        "typescript": "^5.1.6"
+        "typescript": "^5.2.2"
     }
 }

package/src/Notification.ts

@@ -27,7 +27,8 @@ export enum NotificationModalType {
     Loading = 0,
     Confirm = 1,
     Prompt = 2,
-    Error = 3 // Alert
+    Error = 3, // Alert
+    Popup = 6
 }
 
 /**
@@ -70,7 +71,7 @@ export interface NotificationDismiss {
  * Notification reander setup
  */
 export interface NotifictionRenderSetup {
-    (options: any): void;
+    (options: any): any;
 }
 
 /**

package/src/NotificationContainer.ts

@@ -133,6 +133,17 @@ export interface INotifier<UI, C extends NotificationCallProps> {
         props?: C
     ): INotification<UI, C>;
 
+    /**
+     * Popup component as modal
+     * @param component Component to popup
+     * @param properties Popup properties
+     * @returns Result
+     */
+    popup(
+        component: NotificationContent<UI>,
+        properties: any
+    ): INotification<UI, C>;
+
     /**
      * Prompt action
      * @param message Message
@@ -510,6 +521,26 @@ export abstract class NotificationContainer<UI, C extends NotificationCallProps>
         }
     }
 
+    /**
+     * Popup component as modal
+     * @param component Component to popup
+     * @param properties Popup properties
+     * @returns Result
+     */
+    popup(component: NotificationContent<UI>, properties: any) {
+        // Setup
+        const n: INotificaseBase<UI, C> = {
+            type: NotificationType.Popup,
+            content: component,
+            renderSetup: (_options) => {
+                return properties;
+            }
+        };
+
+        // Add to the collection
+        return this.addRaw(n);
+    }
+
     /**
      * Show a success message
      * @param message Message