@etsoo/react 1.8.85 → 1.8.86

package/lib/cjs/notifier/Notifier.d.ts

@@ -113,6 +113,7 @@ export declare abstract class NotifierReact extends NotificationContainer<React.
      * Singleton instance
      */
     static get instance(): INotifierReact;
+    private static _cache;
     /**
      * Update notifier
      * @param notifier Notifier
@@ -139,5 +140,10 @@ export declare abstract class NotifierReact extends NotificationContainer<React.
      * @returns Provider
      */
     createProvider(className?: string, debug?: boolean): React.FunctionComponent<React.PropsWithChildren<NotificationReactRenderProps>>;
+    /**
+     * Remove cache
+     * @param id Notification id
+     */
+    removeCache(id: string): void;
 }
 export {};

package/lib/cjs/notifier/Notifier.js

@@ -25,6 +25,8 @@ class NotifierReact extends notificationbase_1.NotificationContainer {
     static get instance() {
         return NotifierReact._instance;
     }
+    // Cache
+    static _cache = {};
     /**
      * Update notifier
      * @param notifier Notifier
@@ -66,7 +68,18 @@ class NotifierReact extends notificationbase_1.NotificationContainer {
                 // Notifications under the align
                 const notifications = state[align];
                 // UI collections
-                const ui = notifications.map((notification) => notification.render(props, className ? className + "-item" : className));
+                const ui = notifications.map((notification) => {
+                    // Id
+                    const id = notification.id;
+                    // Try cache
+                    const cache = NotifierReact._cache[id];
+                    if (cache)
+                        return cache;
+                    const element = notification.render(props, className ? className + "-item" : className);
+                    // Cache the element
+                    NotifierReact._cache[id] = element;
+                    return element;
+                });
                 // Add to the collection
                 aligns.push(this.createContainer(Number(align), ui));
             }
@@ -84,5 +97,12 @@ class NotifierReact extends notificationbase_1.NotificationContainer {
         }, this.notifications, {}, creator);
         return provider;
     }
+    /**
+     * Remove cache
+     * @param id Notification id
+     */
+    removeCache(id) {
+        delete NotifierReact._cache[id];
+    }
 }
 exports.NotifierReact = NotifierReact;

package/lib/mjs/notifier/Notifier.d.ts

@@ -113,6 +113,7 @@ export declare abstract class NotifierReact extends NotificationContainer<React.
      * Singleton instance
      */
     static get instance(): INotifierReact;
+    private static _cache;
     /**
      * Update notifier
      * @param notifier Notifier
@@ -139,5 +140,10 @@ export declare abstract class NotifierReact extends NotificationContainer<React.
      * @returns Provider
      */
     createProvider(className?: string, debug?: boolean): React.FunctionComponent<React.PropsWithChildren<NotificationReactRenderProps>>;
+    /**
+     * Remove cache
+     * @param id Notification id
+     */
+    removeCache(id: string): void;
 }
 export {};

package/lib/mjs/notifier/Notifier.js

@@ -18,6 +18,8 @@ export class NotifierReact extends NotificationContainer {
     static get instance() {
         return NotifierReact._instance;
     }
+    // Cache
+    static _cache = {};
     /**
      * Update notifier
      * @param notifier Notifier
@@ -59,7 +61,18 @@ export class NotifierReact extends NotificationContainer {
                 // Notifications under the align
                 const notifications = state[align];
                 // UI collections
-                const ui = notifications.map((notification) => notification.render(props, className ? className + "-item" : className));
+                const ui = notifications.map((notification) => {
+                    // Id
+                    const id = notification.id;
+                    // Try cache
+                    const cache = NotifierReact._cache[id];
+                    if (cache)
+                        return cache;
+                    const element = notification.render(props, className ? className + "-item" : className);
+                    // Cache the element
+                    NotifierReact._cache[id] = element;
+                    return element;
+                });
                 // Add to the collection
                 aligns.push(this.createContainer(Number(align), ui));
             }
@@ -77,4 +90,11 @@ export class NotifierReact extends NotificationContainer {
         }, this.notifications, {}, creator);
         return provider;
     }
+    /**
+     * Remove cache
+     * @param id Notification id
+     */
+    removeCache(id) {
+        delete NotifierReact._cache[id];
+    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/react",
-  "version": "1.8.85",
+  "version": "1.8.86",
   "description": "TypeScript ReactJs UI Independent Framework",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -38,8 +38,8 @@
     "@emotion/css": "^11.13.5",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@etsoo/appscript": "^1.6.61",
-    "@etsoo/notificationbase": "^1.1.69",
+    "@etsoo/appscript": "^1.6.62",
+    "@etsoo/notificationbase": "^1.1.70",
     "@etsoo/shared": "^1.2.83",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
@@ -57,7 +57,7 @@
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "jsdom": "^29.0.2",
-    "typescript": "^6.0.2",
+    "typescript": "^6.0.3",
     "vitest": "^4.1.4"
   }
 }

package/src/notifier/Notifier.ts

@@ -93,17 +93,23 @@ export interface NotificationReactCallProps extends NotificationCallProps {
 /**
  * React notification interface
  */
-export interface INotificationReact
-  extends INotification<React.ReactNode, NotificationReactCallProps> {}
+export interface INotificationReact extends INotification<
+  React.ReactNode,
+  NotificationReactCallProps
+> {}
 
 /**
  * React notification base interface
  */
-export interface INotificationBaseReact
-  extends INotificaseBase<React.ReactNode, NotificationReactCallProps> {}
+export interface INotificationBaseReact extends INotificaseBase<
+  React.ReactNode,
+  NotificationReactCallProps
+> {}
 
-interface ReactNotifications
-  extends NotificationDictionary<React.ReactNode, NotificationReactCallProps> {}
+interface ReactNotifications extends NotificationDictionary<
+  React.ReactNode,
+  NotificationReactCallProps
+> {}
 
 /**
  * Action to manage the notifier
@@ -131,14 +137,15 @@ export abstract class NotificationReact
  * React notification render props
  */
 export interface NotificationReactRenderProps
-  extends NotificationRenderProps,
-    IProviderProps<INotifierAction> {}
+  extends NotificationRenderProps, IProviderProps<INotifierAction> {}
 
 /**
  * Notifier interface
  */
-export interface INotifierReact
-  extends INotifier<React.ReactNode, NotificationReactCallProps> {
+export interface INotifierReact extends INotifier<
+  React.ReactNode,
+  NotificationReactCallProps
+> {
   /**
    * Create state provider
    * @param className Style class name
@@ -168,6 +175,9 @@ export abstract class NotifierReact
     return NotifierReact._instance;
   }
 
+  // Cache
+  private static _cache: Record<string, React.ReactNode | null> = {};
+
   /**
    * Update notifier
    * @param notifier Notifier
@@ -234,12 +244,24 @@ export abstract class NotifierReact
         const notifications = state[align];
 
         // UI collections
-        const ui = notifications.map((notification) =>
-          notification.render(
+        const ui = notifications.map((notification) => {
+          // Id
+          const id = notification.id;
+
+          // Try cache
+          const cache = NotifierReact._cache[id];
+          if (cache) return cache;
+
+          const element = notification.render(
             props,
             className ? className + "-item" : className
-          )
-        );
+          );
+
+          // Cache the element
+          NotifierReact._cache[id] = element;
+
+          return element;
+        });
 
         // Add to the collection
         aligns.push(this.createContainer(Number(align), ui));
@@ -276,4 +298,12 @@ export abstract class NotifierReact
 
     return provider;
   }
+
+  /**
+   * Remove cache
+   * @param id Notification id
+   */
+  override removeCache(id: string): void {
+    delete NotifierReact._cache[id];
+  }
 }