analytica-frontend-lib 1.1.60 → 1.1.61

package/dist/index.js

@@ -6610,82 +6610,82 @@ var import_phosphor_react17 = require("phosphor-react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var SubjectInfo = {
   ["F\xEDsica" /* FISICA */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react17.Atom, { size: 17 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react17.Atom, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-1",
     name: "F\xEDsica" /* FISICA */
   },
   ["Hist\xF3ria" /* HISTORIA */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react17.Scroll, { size: 17 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react17.Scroll, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-2",
     name: "Hist\xF3ria" /* HISTORIA */
   },
   ["Literatura" /* LITERATURA */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(BookOpenText, { size: 17, color: "#000000" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(BookOpenText, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-3",
     name: "Literatura" /* LITERATURA */
   },
   ["Geografia" /* GEOGRAFIA */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react17.GlobeHemisphereWest, { size: 17 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react17.GlobeHemisphereWest, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-4",
     name: "Geografia" /* GEOGRAFIA */
   },
   ["Biologia" /* BIOLOGIA */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Microscope, { size: 17, color: "#000000" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Microscope, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-5",
     name: "Biologia" /* BIOLOGIA */
   },
   ["Portugu\xEAs" /* PORTUGUES */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ChatPT2, { size: 17, color: "#000000" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ChatPT2, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-6",
     name: "Portugu\xEAs" /* PORTUGUES */
   },
   ["Qu\xEDmica" /* QUIMICA */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react17.Flask, { size: 17 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react17.Flask, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-7",
     name: "Qu\xEDmica" /* QUIMICA */
   },
   ["Artes" /* ARTES */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react17.Palette, { size: 17 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react17.Palette, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-8",
     name: "Artes" /* ARTES */
   },
   ["Matem\xE1tica" /* MATEMATICA */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react17.MathOperations, { size: 17 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react17.MathOperations, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-9",
     name: "Matem\xE1tica" /* MATEMATICA */
   },
   ["Filosofia" /* FILOSOFIA */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(HeadCircuit, { size: 17, color: "#000000" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(HeadCircuit, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-10",
     name: "Filosofia" /* FILOSOFIA */
   },
   ["Espanhol" /* ESPANHOL */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ChatES2, { size: 17, color: "#000000" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ChatES2, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-11",
     name: "Espanhol" /* ESPANHOL */
   },
   ["Reda\xE7\xE3o" /* REDACAO */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react17.ArticleNyTimes, { size: 17 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react17.ArticleNyTimes, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-12",
     name: "Reda\xE7\xE3o" /* REDACAO */
   },
   ["Sociologia" /* SOCIOLOGIA */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react17.Person, { size: 17 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react17.Person, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-13",
     name: "Sociologia" /* SOCIOLOGIA */
   },
   ["Ingl\xEAs" /* INGLES */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ChatEN2, { size: 17, color: "#000000" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ChatEN2, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-14",
     name: "Ingl\xEAs" /* INGLES */
   },
   ["Ed. F\xEDsica" /* EDUCACAO_FISICA */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react17.DribbbleLogo, { size: 17 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react17.DribbbleLogo, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-15",
     name: "Ed. F\xEDsica" /* EDUCACAO_FISICA */
   },
   ["Trilhas" /* TRILHAS */]: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react17.BookBookmark, { size: 17 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_phosphor_react17.BookBookmark, { size: 17, color: "currentColor" }),
     colorClass: "bg-subject-16",
     name: "Trilhas" /* TRILHAS */
   }
@@ -11505,6 +11505,7 @@ var NotificationCenter = ({
   getActionLabel,
   onFetchNotifications,
   onMarkAllAsRead,
+  onOpenChange,
   emptyStateImage,
   emptyStateTitle,
   emptyStateDescription,
@@ -11520,6 +11521,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?.();
+    }
+  };
   (0, import_react32.useEffect)(() => {
     if (isActive) {
       onFetchNotifications?.();
@@ -11597,72 +11605,78 @@ var NotificationCenter = ({
     ] });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DropdownMenu_default, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DropdownMenuTrigger, { className: "text-primary cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-        IconButton_default,
-        {
-          active: isActive,
-          onClick: handleDesktopClick,
-          icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-            import_phosphor_react23.Bell,
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+      DropdownMenu_default,
+      {
+        ...typeof isActive === "boolean" ? { open: isActive, onOpenChange: handleOpenChange } : { onOpenChange: handleOpenChange },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DropdownMenuTrigger, { className: "text-primary cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            IconButton_default,
             {
-              size: 24,
-              className: isActive ? "text-primary-950" : "text-primary"
-            }
-          ),
-          className
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-        DropdownMenuContent,
-        {
-          className: "min-w-[320px] max-w-[400px] max-h-[500px] overflow-hidden",
-          side: "bottom",
-          align: "end",
-          children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "px-4 py-3 border-b border-border-200", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-                NotificationHeader,
+              active: isActive,
+              onClick: handleDesktopClick,
+              icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                import_phosphor_react23.Bell,
                 {
-                  unreadCount,
-                  variant: "dropdown"
+                  size: 24,
+                  className: isActive ? "text-primary-950" : "text-primary"
                 }
               ),
-              unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-                "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__ */ (0, import_jsx_runtime49.jsx)("div", { className: "max-h-[350px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-              NotificationList,
-              {
-                groupedNotifications,
-                loading,
-                error,
-                onRetry,
-                onMarkAsReadById,
-                onDeleteById,
-                onNavigateById,
-                onGlobalNotificationClick: (notification) => {
-                  setGlobalNotificationModal({
-                    isOpen: true,
-                    notification
-                  });
-                },
-                getActionLabel,
-                renderEmpty: renderEmptyState,
-                emptyStateImage
-              }
-            ) })
-          ] })
-        }
-      )
-    ] }),
+              className
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+            DropdownMenuContent,
+            {
+              className: "min-w-[320px] max-w-[400px] max-h-[500px] overflow-hidden",
+              side: "bottom",
+              align: "end",
+              children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "px-4 py-3 border-b border-border-200", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                    NotificationHeader,
+                    {
+                      unreadCount,
+                      variant: "dropdown"
+                    }
+                  ),
+                  unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                    "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__ */ (0, import_jsx_runtime49.jsx)("div", { className: "max-h-[350px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                  NotificationList,
+                  {
+                    groupedNotifications,
+                    loading,
+                    error,
+                    onRetry,
+                    onMarkAsReadById,
+                    onDeleteById,
+                    onNavigateById,
+                    onGlobalNotificationClick: (notification) => {
+                      setGlobalNotificationModal({
+                        isOpen: true,
+                        notification
+                      });
+                    },
+                    getActionLabel,
+                    renderEmpty: renderEmptyState,
+                    emptyStateImage
+                  }
+                ) })
+              ] })
+            }
+          )
+        ]
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       Modal_default,
       {