analytica-frontend-lib 1.1.60 → 1.1.62

package/dist/NotificationCard/index.mjs

@@ -1641,6 +1641,7 @@ var NotificationCenter = ({
   getActionLabel,
   onFetchNotifications,
   onMarkAllAsRead,
+  onOpenChange,
   emptyStateImage,
   emptyStateTitle,
   emptyStateDescription,
@@ -1656,6 +1657,13 @@ var NotificationCenter = ({
   const handleDesktopClick = () => {
     onToggleActive?.();
   };
+  const handleOpenChange = (open) => {
+    const controlledByParent = typeof isActive === "boolean" && typeof onToggleActive === "function";
+    onOpenChange?.(open);
+    if (controlledByParent && !onOpenChange && !open && isActive) {
+      onToggleActive?.();
+    }
+  };
   useEffect6(() => {
     if (isActive) {
       onFetchNotifications?.();
@@ -1733,72 +1741,78 @@ var NotificationCenter = ({
     ] });
   }
   return /* @__PURE__ */ jsxs7(Fragment2, { children: [
-    /* @__PURE__ */ jsxs7(DropdownMenu_default, { children: [
-      /* @__PURE__ */ jsx10(DropdownMenuTrigger, { className: "text-primary cursor-pointer", children: /* @__PURE__ */ jsx10(
-        IconButton_default,
-        {
-          active: isActive,
-          onClick: handleDesktopClick,
-          icon: /* @__PURE__ */ jsx10(
-            Bell2,
+    /* @__PURE__ */ jsxs7(
+      DropdownMenu_default,
+      {
+        ...typeof isActive === "boolean" ? { open: isActive, onOpenChange: handleOpenChange } : { onOpenChange: handleOpenChange },
+        children: [
+          /* @__PURE__ */ jsx10(DropdownMenuTrigger, { className: "text-primary cursor-pointer", children: /* @__PURE__ */ jsx10(
+            IconButton_default,
             {
-              size: 24,
-              className: isActive ? "text-primary-950" : "text-primary"
-            }
-          ),
-          className
-        }
-      ) }),
-      /* @__PURE__ */ jsx10(
-        DropdownMenuContent,
-        {
-          className: "min-w-[320px] max-w-[400px] max-h-[500px] overflow-hidden",
-          side: "bottom",
-          align: "end",
-          children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ jsxs7("div", { className: "px-4 py-3 border-b border-border-200", children: [
-              /* @__PURE__ */ jsx10(
-                NotificationHeader,
+              active: isActive,
+              onClick: handleDesktopClick,
+              icon: /* @__PURE__ */ jsx10(
+                Bell2,
                 {
-                  unreadCount,
-                  variant: "dropdown"
+                  size: 24,
+                  className: isActive ? "text-primary-950" : "text-primary"
                 }
               ),
-              unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ jsx10(
-                "button",
-                {
-                  type: "button",
-                  onClick: onMarkAllAsRead,
-                  className: "text-sm font-medium text-info-600 hover:text-info-700 cursor-pointer mt-2",
-                  children: "Marcar todas como lidas"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx10("div", { className: "max-h-[350px] overflow-y-auto", children: /* @__PURE__ */ jsx10(
-              NotificationList,
-              {
-                groupedNotifications,
-                loading,
-                error,
-                onRetry,
-                onMarkAsReadById,
-                onDeleteById,
-                onNavigateById,
-                onGlobalNotificationClick: (notification) => {
-                  setGlobalNotificationModal({
-                    isOpen: true,
-                    notification
-                  });
-                },
-                getActionLabel,
-                renderEmpty: renderEmptyState,
-                emptyStateImage
-              }
-            ) })
-          ] })
-        }
-      )
-    ] }),
+              className
+            }
+          ) }),
+          /* @__PURE__ */ jsx10(
+            DropdownMenuContent,
+            {
+              className: "min-w-[320px] max-w-[400px] max-h-[500px] overflow-hidden",
+              side: "bottom",
+              align: "end",
+              children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ jsxs7("div", { className: "px-4 py-3 border-b border-border-200", children: [
+                  /* @__PURE__ */ jsx10(
+                    NotificationHeader,
+                    {
+                      unreadCount,
+                      variant: "dropdown"
+                    }
+                  ),
+                  unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ jsx10(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: onMarkAllAsRead,
+                      className: "text-sm font-medium text-info-600 hover:text-info-700 cursor-pointer mt-2",
+                      children: "Marcar todas como lidas"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx10("div", { className: "max-h-[350px] overflow-y-auto", children: /* @__PURE__ */ jsx10(
+                  NotificationList,
+                  {
+                    groupedNotifications,
+                    loading,
+                    error,
+                    onRetry,
+                    onMarkAsReadById,
+                    onDeleteById,
+                    onNavigateById,
+                    onGlobalNotificationClick: (notification) => {
+                      setGlobalNotificationModal({
+                        isOpen: true,
+                        notification
+                      });
+                    },
+                    getActionLabel,
+                    renderEmpty: renderEmptyState,
+                    emptyStateImage
+                  }
+                ) })
+              ] })
+            }
+          )
+        ]
+      }
+    ),
     /* @__PURE__ */ jsx10(
       Modal_default,
       {