analytica-frontend-lib 1.1.93 → 1.1.94

package/dist/index.mjs

@@ -12486,16 +12486,234 @@ var QuizListResultByMateria = ({
   ] });
 };
 
-// src/hooks/useAppInitialization.ts
+// src/components/BreadcrumbMenu/BreadcrumbMenu.tsx
+import { useNavigate } from "react-router-dom";
+import { jsx as jsx53 } from "react/jsx-runtime";
+var BreadcrumbMenu = ({
+  breadcrumbs,
+  onBreadcrumbClick,
+  className = "!px-0 py-4 flex-wrap w-full"
+}) => {
+  const navigate = useNavigate();
+  const handleClick = (breadcrumb, index) => {
+    if (onBreadcrumbClick) {
+      onBreadcrumbClick(breadcrumb, index);
+    }
+    navigate(breadcrumb.url);
+  };
+  return /* @__PURE__ */ jsx53(
+    Menu,
+    {
+      value: `breadcrumb-${breadcrumbs.length - 1}`,
+      defaultValue: "breadcrumb-0",
+      variant: "breadcrumb",
+      className,
+      children: /* @__PURE__ */ jsx53(MenuContent, { className: "w-full flex flex-row flex-wrap gap-2 !px-0", children: breadcrumbs.map((breadcrumb, index) => {
+        const isLast = index === breadcrumbs.length - 1;
+        const hasSeparator = !isLast;
+        return /* @__PURE__ */ jsx53(
+          MenuItem,
+          {
+            variant: "breadcrumb",
+            value: `breadcrumb-${index}`,
+            className: "!p-0 whitespace-nowrap",
+            onClick: () => handleClick(breadcrumb, index),
+            separator: hasSeparator,
+            children: breadcrumb.name
+          },
+          breadcrumb.id
+        );
+      }) })
+    }
+  );
+};
+
+// src/components/BreadcrumbMenu/useBreadcrumbBuilder.ts
+import { useEffect as useEffect22 } from "react";
+
+// src/components/BreadcrumbMenu/breadcrumbStore.ts
+import { create as create10 } from "zustand";
+var useBreadcrumbStore = create10((set, get) => ({
+  breadcrumbs: {},
+  setBreadcrumbs: (namespace, items) => {
+    set((state) => ({
+      breadcrumbs: {
+        ...state.breadcrumbs,
+        [namespace]: items
+      }
+    }));
+  },
+  addBreadcrumb: (namespace, item) => {
+    set((state) => {
+      const current = state.breadcrumbs[namespace] || [];
+      return {
+        breadcrumbs: {
+          ...state.breadcrumbs,
+          [namespace]: [...current, item]
+        }
+      };
+    });
+  },
+  updateBreadcrumb: (namespace, itemId, updates) => {
+    set((state) => {
+      const current = state.breadcrumbs[namespace] || [];
+      return {
+        breadcrumbs: {
+          ...state.breadcrumbs,
+          [namespace]: current.map(
+            (item) => item.id === itemId ? { ...item, ...updates } : item
+          )
+        }
+      };
+    });
+  },
+  removeBreadcrumbFrom: (namespace, itemId) => {
+    set((state) => {
+      const current = state.breadcrumbs[namespace] || [];
+      const index = current.findIndex((item) => item.id === itemId);
+      if (index === -1) return state;
+      return {
+        breadcrumbs: {
+          ...state.breadcrumbs,
+          [namespace]: current.slice(0, index)
+        }
+      };
+    });
+  },
+  sliceBreadcrumbs: (namespace, index) => {
+    set((state) => {
+      const current = state.breadcrumbs[namespace] || [];
+      return {
+        breadcrumbs: {
+          ...state.breadcrumbs,
+          [namespace]: current.slice(0, index + 1)
+        }
+      };
+    });
+  },
+  clearBreadcrumbs: (namespace) => {
+    set((state) => {
+      const { [namespace]: _, ...rest } = state.breadcrumbs;
+      return {
+        breadcrumbs: rest
+      };
+    });
+  },
+  getBreadcrumbs: (namespace) => {
+    return get().breadcrumbs[namespace] || [];
+  }
+}));
+var useBreadcrumb = (namespace) => {
+  const store = useBreadcrumbStore();
+  const breadcrumbs = store.breadcrumbs[namespace] || [];
+  return {
+    breadcrumbs,
+    /**
+     * Define todos os breadcrumbs de uma vez
+     */
+    setBreadcrumbs: (items) => {
+      store.setBreadcrumbs(namespace, items);
+    },
+    /**
+     * Adiciona um novo breadcrumb ao final
+     */
+    addBreadcrumb: (item) => {
+      store.addBreadcrumb(namespace, item);
+    },
+    /**
+     * Atualiza um breadcrumb existente
+     */
+    updateBreadcrumb: (itemId, updates) => {
+      store.updateBreadcrumb(namespace, itemId, updates);
+    },
+    /**
+     * Remove um breadcrumb e todos os seguintes
+     */
+    removeBreadcrumbFrom: (itemId) => {
+      store.removeBreadcrumbFrom(namespace, itemId);
+    },
+    /**
+     * Mantém apenas os breadcrumbs até o índice especificado (inclusivo)
+     */
+    sliceBreadcrumbs: (index) => {
+      store.sliceBreadcrumbs(namespace, index);
+    },
+    /**
+     * Limpa todos os breadcrumbs
+     */
+    clearBreadcrumbs: () => {
+      store.clearBreadcrumbs(namespace);
+    }
+  };
+};
+
+// src/components/BreadcrumbMenu/useBreadcrumbBuilder.ts
+var isBreadcrumbWithData = (level) => {
+  return "data" in level;
+};
+var useBreadcrumbBuilder = (config) => {
+  const { namespace, root, levels } = config;
+  const { breadcrumbs, setBreadcrumbs, sliceBreadcrumbs } = useBreadcrumb(namespace);
+  const levelDependencies = levels.map(
+    (level) => isBreadcrumbWithData(level) ? level.data : null
+  );
+  const levelUrlIds = levels.map((level) => level.urlId);
+  useEffect22(() => {
+    const newBreadcrumbs = [root];
+    const previousIds = [];
+    for (const level of levels) {
+      const { urlId } = level;
+      if (isBreadcrumbWithData(level)) {
+        const { data, getId, getName, getUrl } = level;
+        if (!data) break;
+        const dataId = getId(data);
+        if (urlId === void 0 || dataId !== urlId) break;
+        newBreadcrumbs.push({
+          id: dataId,
+          name: getName(data),
+          url: getUrl(data, previousIds)
+        });
+        previousIds.push(dataId);
+      } else {
+        const { breadcrumb } = level;
+        if (urlId === void 0) break;
+        newBreadcrumbs.push(breadcrumb);
+        previousIds.push(breadcrumb.id);
+      }
+    }
+    setBreadcrumbs(newBreadcrumbs);
+  }, [namespace, ...levelDependencies, ...levelUrlIds, root.id]);
+  return {
+    breadcrumbs,
+    sliceBreadcrumbs
+  };
+};
+
+// src/components/BreadcrumbMenu/useUrlParams.ts
 import { useMemo as useMemo7 } from "react";
+import { useLocation as useLocation3 } from "react-router-dom";
+var useUrlParams = (config) => {
+  const location = useLocation3();
+  return useMemo7(() => {
+    const segments = location.pathname.split("/").filter(Boolean);
+    const params = {};
+    for (const [key, index] of Object.entries(config)) {
+      params[key] = segments[index];
+    }
+    return params;
+  }, [location.pathname, config]);
+};
+
+// src/hooks/useAppInitialization.ts
+import { useMemo as useMemo8 } from "react";
 
 // src/hooks/useInstitution.ts
-import { useEffect as useEffect22, useState as useState23 } from "react";
+import { useEffect as useEffect23, useState as useState23 } from "react";
 function useInstitutionId() {
   const [institutionId, setInstitutionId] = useState23(() => {
     return document.querySelector('meta[name="institution-id"]')?.getAttribute("content") ?? null;
   });
-  useEffect22(() => {
+  useEffect23(() => {
     const metaTag = document.querySelector('meta[name="institution-id"]');
     if (!metaTag) return;
     const observer = new MutationObserver(() => {
@@ -12512,9 +12730,9 @@ function useInstitutionId() {
 }
 
 // src/store/appStore.ts
-import { create as create10 } from "zustand";
+import { create as create11 } from "zustand";
 import { createJSONStorage, persist as persist2 } from "zustand/middleware";
-var useAppStore = create10()(
+var useAppStore = create11()(
   persist2(
     (set, get) => ({
       institutionId: null,
@@ -12558,9 +12776,9 @@ var useAppStore = create10()(
 );
 
 // src/store/authStore.ts
-import { create as create11 } from "zustand";
+import { create as create12 } from "zustand";
 import { createJSONStorage as createJSONStorage2, persist as persist3 } from "zustand/middleware";
-var useAuthStore = create11()(
+var useAuthStore = create12()(
   persist3(
     (set, get) => ({
       user: null,
@@ -12662,7 +12880,7 @@ var useAuthStore = create11()(
 function useAppInitialization() {
   const getInstitutionId = useInstitutionId();
   const { initialize, initialized, institutionId } = useAppStore();
-  const authFunctions = useMemo7(
+  const authFunctions = useMemo8(
     () => ({
       checkAuth: async () => {
         const { sessionInfo, tokens } = useAuthStore.getState();
@@ -12699,10 +12917,10 @@ function useAppInitialization() {
 }
 
 // src/hooks/useAppContent.ts
-import { useCallback as useCallback7, useEffect as useEffect23, useMemo as useMemo8 } from "react";
-import { useNavigate } from "react-router-dom";
+import { useCallback as useCallback7, useEffect as useEffect24, useMemo as useMemo9 } from "react";
+import { useNavigate as useNavigate2 } from "react-router-dom";
 function useAppContent(config) {
-  const navigate = useNavigate();
+  const navigate = useNavigate2();
   const { setTokens, setSessionInfo, setSelectedProfile } = useAuthStore();
   const {
     api,
@@ -12749,7 +12967,7 @@ function useAppContent(config) {
     },
     [navigate, onError]
   );
-  const urlAuthConfig = useMemo8(
+  const urlAuthConfig = useMemo9(
     () => ({
       setTokens,
       setSessionInfo,
@@ -12775,10 +12993,10 @@ function useAppContent(config) {
   );
   useUrlAuthentication(urlAuthConfig);
   const { sessionInfo } = useAuth();
-  const institutionIdToUse = useMemo8(() => {
+  const institutionIdToUse = useMemo9(() => {
     return sessionInfo?.institutionId || getInstitutionId;
   }, [sessionInfo?.institutionId, getInstitutionId]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (institutionIdToUse && !initialized) {
       initialize(institutionIdToUse);
     }
@@ -12796,6 +13014,7 @@ export {
   AlternativesList,
   AuthProvider,
   Badge_default as Badge,
+  BreadcrumbMenu,
   Button_default as Button,
   Calendar_default as Calendar,
   CardAccordation,
@@ -12921,6 +13140,8 @@ export {
   useAuth,
   useAuthGuard,
   useAuthStore,
+  useBreadcrumb,
+  useBreadcrumbBuilder,
   useInstitutionId,
   useMobile,
   useQuizStore,
@@ -12929,6 +13150,7 @@ export {
   useThemeStore,
   ToastStore_default as useToastStore,
   useUrlAuthentication,
+  useUrlParams,
   withAuth
 };
 //# sourceMappingURL=index.mjs.map