analytica-frontend-lib 1.1.45 → 1.1.47

package/dist/index.mjs

@@ -6367,6 +6367,7 @@ var useMenuStore = (externalStore) => {
 var VARIANT_CLASSES5 = {
   menu: "bg-background shadow-soft-shadow-1 px-6",
   menu2: "",
+  "menu-overflow": "",
   breadcrumb: "bg-transparent shadow-none !px-0"
 };
 var Menu = forwardRef17(
@@ -6386,7 +6387,7 @@ var Menu = forwardRef17(
     useEffect11(() => {
       setValue(propValue ?? defaultValue);
     }, [defaultValue, propValue, setValue]);
-    const baseClasses = "w-full py-2 flex flex-row items-center justify-center";
+    const baseClasses = variant === "menu-overflow" ? "w-fit py-2 flex flex-row items-center justify-center" : "w-full py-2 flex flex-row items-center justify-center";
     const variantClasses = VARIANT_CLASSES5[variant];
     return /* @__PURE__ */ jsx33(
       "div",
@@ -6407,7 +6408,7 @@ Menu.displayName = "Menu";
 var MenuContent = forwardRef17(
   ({ className, children, variant = "menu", ...props }, ref) => {
     const baseClasses = "w-full flex flex-row items-center gap-2";
-    const variantClasses = variant === "menu2" ? "overflow-x-auto scroll-smooth" : "";
+    const variantClasses = variant === "menu2" || variant === "menu-overflow" ? "overflow-x-auto scroll-smooth" : "";
     return /* @__PURE__ */ jsx33(
       "ul",
       {
@@ -6418,7 +6419,7 @@ var MenuContent = forwardRef17(
           ${variant == "breadcrumb" ? "flex-wrap" : ""}
           ${className ?? ""}
         `,
-        style: variant === "menu2" ? { scrollbarWidth: "none", msOverflowStyle: "none" } : void 0,
+        style: variant === "menu2" || variant === "menu-overflow" ? { scrollbarWidth: "none", msOverflowStyle: "none" } : void 0,
         ...props,
         children
       }
@@ -6500,6 +6501,31 @@ var MenuItem = forwardRef17(
           ]
         }
       ),
+      "menu-overflow": /* @__PURE__ */ jsxs27(
+        "li",
+        {
+          "data-variant": "menu-overflow",
+          className: `
+            w-fit flex flex-col items-center px-2 pt-4 gap-3 cursor-pointer focus:rounded-sm justify-center hover:bg-background-100 rounded-lg
+            focus:outline-none focus:border-indicator-info focus:border-2
+            ${selectedValue === value ? "" : "pb-4"}
+          `,
+          ...commonProps,
+          children: [
+            /* @__PURE__ */ jsx33(
+              "span",
+              {
+                className: cn(
+                  "flex flex-row items-center gap-2 px-4 text-text-950 text-xs font-bold",
+                  className
+                ),
+                children
+              }
+            ),
+            selectedValue === value && /* @__PURE__ */ jsx33("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
+          ]
+        }
+      ),
       breadcrumb: /* @__PURE__ */ jsxs27(
         "li",
         {
@@ -10848,6 +10874,116 @@ var NotificationCard_default = NotificationCard;
 var createUseNotificationStore = (apiClient) => {
   return createNotificationStore(apiClient);
 };
+
+// src/hooks/useNotifications.ts
+import { useCallback as useCallback5 } from "react";
+var createUseNotifications = (apiClient) => {
+  const useNotificationStore = createUseNotificationStore(apiClient);
+  return () => {
+    const {
+      notifications,
+      unreadCount,
+      loading,
+      error,
+      hasMore,
+      currentPage,
+      fetchNotifications,
+      markAsRead,
+      markAllAsRead,
+      deleteNotification,
+      clearNotifications,
+      resetError,
+      getGroupedNotifications
+    } = useNotificationStore();
+    const handleNavigate = useCallback5(
+      (entityType, entityId) => {
+        if (entityType && entityId) {
+          switch (entityType.toUpperCase()) {
+            case "ACTIVITY" /* ACTIVITY */:
+              window.location.href = `/atividades/${entityId}`;
+              break;
+            case "GOAL" /* GOAL */:
+              window.location.href = `/painel/trilhas/${entityId}`;
+              break;
+            default:
+              break;
+          }
+        }
+      },
+      []
+    );
+    const getActionLabel = useCallback5(
+      (entityType) => {
+        if (!entityType) return void 0;
+        switch (entityType.toUpperCase()) {
+          case "ACTIVITY" /* ACTIVITY */:
+            return "Ver atividade";
+          case "GOAL" /* GOAL */:
+            return "Ver meta";
+          default:
+            return void 0;
+        }
+      },
+      []
+    );
+    const markAsReadAndNavigate = useCallback5(
+      async (id, entityType, entityId) => {
+        await markAsRead(id);
+        if (entityType && entityId) {
+          handleNavigate(entityType, entityId);
+        }
+      },
+      [markAsRead, handleNavigate]
+    );
+    const refreshNotifications = useCallback5(async () => {
+      resetError();
+      await fetchNotifications();
+    }, [resetError, fetchNotifications]);
+    const formatNotification = useCallback5(
+      (notification) => ({
+        ...notification,
+        time: formatTimeAgo(notification.createdAt),
+        entityType: notification.entityType || void 0,
+        entityId: notification.entityId || void 0
+      }),
+      []
+    );
+    const getFormattedGroupedNotifications = useCallback5(() => {
+      const groups = getGroupedNotifications();
+      return groups.map((group) => ({
+        ...group,
+        notifications: group.notifications.map(formatNotification)
+      }));
+    }, [getGroupedNotifications, formatNotification]);
+    return {
+      // State
+      notifications,
+      unreadCount,
+      loading,
+      error,
+      hasMore,
+      currentPage,
+      // Actions
+      fetchNotifications,
+      markAsRead,
+      markAllAsRead,
+      deleteNotification,
+      clearNotifications,
+      resetError,
+      markAsReadAndNavigate,
+      refreshNotifications,
+      // Navigation
+      handleNavigate,
+      // Helpers
+      getActionLabel,
+      getGroupedNotifications,
+      getFormattedGroupedNotifications
+    };
+  };
+};
+var createNotificationsHook = (apiClient) => {
+  return createUseNotifications(apiClient);
+};
 export {
   ANSWER_STATUS,
   Alert_default as Alert,
@@ -10952,7 +11088,9 @@ export {
   VideoPlayer_default as VideoPlayer,
   Whiteboard_default as Whiteboard,
   createNotificationStore,
+  createNotificationsHook,
   createUseNotificationStore,
+  createUseNotifications,
   createZustandAuthAdapter,
   formatTimeAgo,
   getDeviceType,