@ttoss/react-notifications 2.4.11 → 2.4.13

package/dist/esm/index.js

@@ -1,4 +1,9 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", {
+  value,
+  configurable: true
+});
 
 // src/NotificationsBox.tsx
 import { NotificationCard } from "@ttoss/components/NotificationCard";
@@ -7,27 +12,25 @@ import { Stack } from "@ttoss/ui";
 // src/Provider.tsx
 import { toast, ToastContainer } from "@ttoss/components/Toast";
 import { Flex, InfiniteLinearProgress } from "@ttoss/ui";
-import * as React from "react";
+import * as React2 from "react";
 
 // src/NotificationsHeader.tsx
-import { jsx } from "react/jsx-runtime";
-var NotificationsHeader = () => {
+var NotificationsHeader = /* @__PURE__ */__name(() => {
   const {
     notifications
   } = useNotifications();
   const headerNotifications = notifications?.filter(notification => {
     return notification.viewType === "header";
   });
-  return /* @__PURE__ */jsx(NotificationsBox, {
+  return /* @__PURE__ */React.createElement(NotificationsBox, {
     notifications: headerNotifications
   });
-};
+}, "NotificationsHeader");
 
 // src/NotificationsModal.tsx
 import { Modal } from "@ttoss/components/Modal";
 import { CloseButton } from "@ttoss/ui";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var NotificationsModal = () => {
+var NotificationsModal = /* @__PURE__ */__name(() => {
   const {
     notifications,
     clearNotifications,
@@ -40,7 +43,7 @@ var NotificationsModal = () => {
     return notification.viewType === "modal";
   });
   const isOpen = !!modalNotifications && modalNotifications.length > 0;
-  return /* @__PURE__ */jsxs(Modal, {
+  return /* @__PURE__ */React.createElement(Modal, {
     isOpen,
     style: {
       content: {
@@ -50,51 +53,49 @@ var NotificationsModal = () => {
         alignItems: "center",
         gap: "4"
       }
+    }
+  }, /* @__PURE__ */React.createElement(CloseButton, {
+    "aria-label": "Close",
+    sx: {
+      alignSelf: "flex-end"
     },
-    children: [/* @__PURE__ */jsx2(CloseButton, {
-      "aria-label": "Close",
-      sx: {
-        alignSelf: "flex-end"
-      },
-      onClick: () => {
-        clearNotifications();
-      }
-    }), /* @__PURE__ */jsx2(NotificationsBox, {
-      notifications: modalNotifications
-    })]
-  });
-};
+    onClick: /* @__PURE__ */__name(() => {
+      clearNotifications();
+    }, "onClick")
+  }), /* @__PURE__ */React.createElement(NotificationsBox, {
+    notifications: modalNotifications
+  }));
+}, "NotificationsModal");
 
 // src/Provider.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var NotificationsContext = React.createContext({
+var NotificationsContext = /* @__PURE__ */React2.createContext({
   isLoading: false,
-  setLoading: () => {
+  setLoading: /* @__PURE__ */__name(() => {
     return void 0;
-  },
+  }, "setLoading"),
   defaultViewType: "box",
-  addNotification: () => {
+  addNotification: /* @__PURE__ */__name(() => {
     return void 0;
-  },
-  removeNotification: () => {
+  }, "addNotification"),
+  removeNotification: /* @__PURE__ */__name(() => {
     return void 0;
-  },
-  clearNotifications: () => {
+  }, "removeNotification"),
+  clearNotifications: /* @__PURE__ */__name(() => {
     return void 0;
-  }
+  }, "clearNotifications")
 });
-var NotificationsProvider = props => {
-  const [isLoading, setLoading] = React.useState(false);
-  const [notifications, setNotifications] = React.useState();
-  const prefix = React.useId();
-  const removeNotification = React.useCallback(id => {
+var NotificationsProvider = /* @__PURE__ */__name(props => {
+  const [isLoading, setLoading] = React2.useState(false);
+  const [notifications, setNotifications] = React2.useState();
+  const prefix = React2.useId();
+  const removeNotification = React2.useCallback(id => {
     setNotifications(prevNotifications => {
       return prevNotifications?.filter(notification => {
         return notification.id !== id;
       });
     });
   }, []);
-  const addNotification = React.useCallback(notification => {
+  const addNotification = React2.useCallback(notification => {
     const newNotifications = (Array.isArray(notification) ? notification : [notification]).map(notification2 => {
       const id = notification2.id || `${prefix}-${Math.random()}`;
       return {
@@ -119,10 +120,10 @@ var NotificationsProvider = props => {
       toast(notification2.message, {
         ...notification2.toast,
         type: notification2.type,
-        onClose: () => {
+        onClose: /* @__PURE__ */__name(() => {
           removeNotification(notification2.id);
           notification2.toast?.onClose?.();
-        }
+        }, "onClose")
       });
     });
     setNotifications((prevNotifications = []) => {
@@ -143,14 +144,14 @@ var NotificationsProvider = props => {
       return [...oldNotifications, ...nonToastNewNotifications];
     });
   }, [prefix, props.defaultViewType, removeNotification]);
-  const clearNotifications = React.useCallback(() => {
+  const clearNotifications = React2.useCallback(() => {
     setNotifications(prevNotifications => {
       return prevNotifications?.filter(notification => {
         return notification.persist === true;
       });
     });
   }, []);
-  return /* @__PURE__ */jsxs2(NotificationsContext.Provider, {
+  return /* @__PURE__ */React2.createElement(NotificationsContext.Provider, {
     value: {
       isLoading,
       setLoading,
@@ -159,26 +160,21 @@ var NotificationsProvider = props => {
       removeNotification,
       clearNotifications,
       defaultViewType: props.defaultViewType || "box"
-    },
-    children: [/* @__PURE__ */jsx3(ToastContainer, {
-      ...props.toast
-    }), /* @__PURE__ */jsx3(NotificationsModal, {}), isLoading && /* @__PURE__ */jsx3(Flex, {
-      sx: {
-        position: "absolute",
-        width: "100%",
-        top: 0
-      },
-      children: /* @__PURE__ */jsx3(InfiniteLinearProgress, {})
-    }), /* @__PURE__ */jsx3(NotificationsHeader, {}), props.children]
-  });
-};
-var useNotifications = () => {
-  return React.useContext(NotificationsContext);
-};
+    }
+  }, /* @__PURE__ */React2.createElement(ToastContainer, props.toast), /* @__PURE__ */React2.createElement(NotificationsModal, null), isLoading && /* @__PURE__ */React2.createElement(Flex, {
+    sx: {
+      position: "absolute",
+      width: "100%",
+      top: 0
+    }
+  }, /* @__PURE__ */React2.createElement(InfiniteLinearProgress, null)), /* @__PURE__ */React2.createElement(NotificationsHeader, null), props.children);
+}, "NotificationsProvider");
+var useNotifications = /* @__PURE__ */__name(() => {
+  return React2.useContext(NotificationsContext);
+}, "useNotifications");
 
 // src/NotificationsBox.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var NotificationsBox = props => {
+var NotificationsBox = /* @__PURE__ */__name(props => {
   const {
     notifications,
     removeNotification,
@@ -200,23 +196,23 @@ var NotificationsBox = props => {
   if (!hasBoxNotifications) {
     return null;
   }
-  return /* @__PURE__ */jsx4(Stack, {
+  return /* @__PURE__ */React.createElement(Stack, {
     sx: {
       width: "full",
       gap: "1"
-    },
-    children: boxNotifications.map(notification => {
-      return /* @__PURE__ */jsx4(NotificationCard, {
-        type: notification.type,
-        title: notification.title,
-        message: notification.message,
-        onClose: () => {
-          if (notification.id) {
-            removeNotification(notification.id);
-          }
+    }
+  }, boxNotifications.map(notification => {
+    return /* @__PURE__ */React.createElement(NotificationCard, {
+      key: notification.id,
+      type: notification.type,
+      title: notification.title,
+      message: notification.message,
+      onClose: /* @__PURE__ */__name(() => {
+        if (notification.id) {
+          removeNotification(notification.id);
         }
-      }, notification.id);
-    })
-  });
-};
+      }, "onClose")
+    });
+  }));
+}, "NotificationsBox");
 export { NotificationsBox, NotificationsProvider, toast, useNotifications };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/react-notifications",
-  "version": "2.4.11",
+  "version": "2.4.13",
   "description": "ttoss notifications module for React apps.",
   "license": "MIT",
   "author": "ttoss",
@@ -25,20 +25,20 @@
   "sideEffects": false,
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/components": "^2.4.0",
+    "@ttoss/react-icons": "^0.4.15",
     "@ttoss/ui": "^5.10.0",
-    "@ttoss/react-icons": "^0.4.15"
+    "@ttoss/components": "^2.4.2"
   },
   "devDependencies": {
     "@types/react": "^19.1.8",
     "jest": "^30.0.4",
     "react": "^19.1.0",
     "tsup": "^8.5.0",
-    "@ttoss/components": "^2.4.0",
+    "@ttoss/components": "^2.4.2",
     "@ttoss/config": "^1.35.6",
+    "@ttoss/react-icons": "^0.4.15",
     "@ttoss/test-utils": "^2.1.26",
-    "@ttoss/ui": "^5.10.0",
-    "@ttoss/react-icons": "^0.4.15"
+    "@ttoss/ui": "^5.10.0"
   },
   "keywords": [
     "React",