@etsoo/react 1.7.60 → 1.7.62

package/lib/notifier/Notifier.d.ts

@@ -91,16 +91,10 @@ export interface INotifierReact extends INotifier<React.ReactNode, NotificationR
     /**
      * Create state provider
      * @param className Style class name
-     * @param optionGenerator Options generator
+     * @param debug Is debug mode
      * @returns Provider
      */
-    createProvider(className?: string, optionGenerator?: INotifierOptions): React.FunctionComponent<NotificationReactRenderProps>;
-}
-/**
- * Notifier options generator
- */
-export interface INotifierOptions {
-    (): any;
+    createProvider(className?: string, debug?: boolean): React.FunctionComponent<NotificationReactRenderProps>;
 }
 /**
  * Notifier for React
@@ -136,6 +130,6 @@ export declare abstract class NotifierReact extends NotificationContainer<React.
      * @param className Style class name
      * @returns Provider
      */
-    createProvider(className?: string): React.FunctionComponent<React.PropsWithChildren<NotificationReactRenderProps>>;
+    createProvider(className?: string, debug?: boolean): React.FunctionComponent<React.PropsWithChildren<NotificationReactRenderProps>>;
 }
 export {};

package/lib/notifier/Notifier.js

@@ -28,6 +28,10 @@ export class NotifierReact extends NotificationContainer {
      */
     constructor() {
         super((notification, dismiss) => {
+            // Debug
+            if (this.debug) {
+                console.debug('NotifierReact.updateCallback', notification, dismiss, this.loadingCount);
+            }
             // Make sure the state update is set
             if (this.stateUpdate)
                 this.stateUpdate({ notification, dismiss });
@@ -38,15 +42,11 @@ export class NotifierReact extends NotificationContainer {
      * @param className Style class name
      * @returns Provider
      */
-    createProvider(className) {
+    createProvider(className, debug) {
         // Custom creator
         const creator = (state, update, props) => {
             // Hold the current state update
             this.stateUpdate = update;
-            // Debug
-            if (this.debug) {
-                console.debug('NotifierReact.createProvider.render', state, props);
-            }
             // Aligns collection
             const aligns = [];
             for (const align in state) {
@@ -57,6 +57,10 @@ export class NotifierReact extends NotificationContainer {
                 // Add to the collection
                 aligns.push(this.createContainer(Number(align), ui));
             }
+            // Debug
+            if (debug) {
+                console.debug('NotifierReact.createProvider', className, state, aligns);
+            }
             // Generate the component
             return React.createElement('div', { className }, aligns);
         };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.7.60",
+    "version": "1.7.62",
     "description": "TypeScript ReactJs UI Independent Framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
@@ -50,8 +50,8 @@
         "@emotion/css": "^11.13.0",
         "@emotion/react": "^11.13.0",
         "@emotion/styled": "^11.13.0",
-        "@etsoo/appscript": "^1.5.1",
-        "@etsoo/notificationbase": "^1.1.46",
+        "@etsoo/appscript": "^1.5.5",
+        "@etsoo/notificationbase": "^1.1.47",
         "@etsoo/shared": "^1.2.44",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",

package/src/notifier/Notifier.ts

@@ -135,22 +135,15 @@ export interface INotifierReact
     /**
      * Create state provider
      * @param className Style class name
-     * @param optionGenerator Options generator
+     * @param debug Is debug mode
      * @returns Provider
      */
     createProvider(
         className?: string,
-        optionGenerator?: INotifierOptions
+        debug?: boolean
     ): React.FunctionComponent<NotificationReactRenderProps>;
 }
 
-/**
- * Notifier options generator
- */
-export interface INotifierOptions {
-    (): any;
-}
-
 /**
  * Notifier for React
  */
@@ -181,6 +174,16 @@ export abstract class NotifierReact
      */
     protected constructor() {
         super((notification, dismiss) => {
+            // Debug
+            if (this.debug) {
+                console.debug(
+                    'NotifierReact.updateCallback',
+                    notification,
+                    dismiss,
+                    this.loadingCount
+                );
+            }
+
             // Make sure the state update is set
             if (this.stateUpdate) this.stateUpdate({ notification, dismiss });
         });
@@ -207,7 +210,7 @@ export abstract class NotifierReact
      * @param className Style class name
      * @returns Provider
      */
-    createProvider(className?: string) {
+    createProvider(className?: string, debug?: boolean) {
         // Custom creator
         const creator = (
             state: ReactNotifications,
@@ -217,15 +220,6 @@ export abstract class NotifierReact
             // Hold the current state update
             this.stateUpdate = update;
 
-            // Debug
-            if (this.debug) {
-                console.debug(
-                    'NotifierReact.createProvider.render',
-                    state,
-                    props
-                );
-            }
-
             // Aligns collection
             const aligns: React.ReactNode[] = [];
             for (const align in state) {
@@ -244,6 +238,16 @@ export abstract class NotifierReact
                 aligns.push(this.createContainer(Number(align), ui));
             }
 
+            // Debug
+            if (debug) {
+                console.debug(
+                    'NotifierReact.createProvider',
+                    className,
+                    state,
+                    aligns
+                );
+            }
+
             // Generate the component
             return React.createElement('div', { className }, aligns);
         };