analytica-frontend-lib 1.2.8 → 1.2.9

package/dist/index.d.mts

@@ -34,7 +34,7 @@ export { ThemeToggle } from './ThemeToggle/index.mjs';
 export { d as SubjectData, e as SubjectEnum, I as SubjectIconProps, S as SubjectInfo, b as getSubjectColorClass, a as getSubjectIcon, g as getSubjectInfo, c as getSubjectName } from './SubjectInfo-Dvt0OodP.mjs';
 export { c as ThemeActions, T as ThemeMode, b as ThemeState, a as ThemeStore, u as useThemeStore } from './themeStore-P2X64zC-.mjs';
 export { default as DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, MenuLabel, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuSection, ProfileMenuTrigger, ProfileToggleTheme } from './DropdownMenu/index.mjs';
-export { default as Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './Table/index.mjs';
+export { default as Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, useTableSort } from './Table/index.mjs';
 export { default as Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './Select/index.mjs';
 export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/index.mjs';
 export { CardActivitiesResults, CardAudio, CardPerformance, CardProgress, CardQuestions, CardResults, CardSimulado, CardSimulationHistory, CardStatus, CardTest, CardTopic } from './Card/index.mjs';

package/dist/index.d.ts

@@ -34,7 +34,7 @@ export { ThemeToggle } from './ThemeToggle/index.js';
 export { d as SubjectData, e as SubjectEnum, I as SubjectIconProps, S as SubjectInfo, b as getSubjectColorClass, a as getSubjectIcon, g as getSubjectInfo, c as getSubjectName } from './SubjectInfo-Dvt0OodP.js';
 export { c as ThemeActions, T as ThemeMode, b as ThemeState, a as ThemeStore, u as useThemeStore } from './themeStore-P2X64zC-.js';
 export { default as DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, MenuLabel, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuSection, ProfileMenuTrigger, ProfileToggleTheme } from './DropdownMenu/index.js';
-export { default as Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './Table/index.js';
+export { default as Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, useTableSort } from './Table/index.js';
 export { default as Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './Select/index.js';
 export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/index.js';
 export { CardActivitiesResults, CardAudio, CardPerformance, CardProgress, CardQuestions, CardResults, CardSimulado, CardSimulationHistory, CardStatus, CardTest, CardTopic } from './Card/index.js';

package/dist/index.js

@@ -179,6 +179,7 @@ __export(src_exports, {
   useMobile: () => useMobile,
   useQuizStore: () => useQuizStore,
   useRouteAuth: () => useRouteAuth,
+  useTableSort: () => useTableSort,
   useTheme: () => useTheme,
   useThemeStore: () => useThemeStore,
   useToastStore: () => ToastStore_default,
@@ -6632,6 +6633,75 @@ var createNotificationsHook = (apiClient) => {
 var import_react23 = require("react");
 var import_phosphor_react16 = require("phosphor-react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
+function useTableSort(data, options = {}) {
+  const { syncWithUrl = false } = options;
+  const getInitialState = () => {
+    if (!syncWithUrl || globalThis.window === void 0) {
+      return { column: null, direction: null };
+    }
+    const params = new URLSearchParams(globalThis.location.search);
+    const sortBy = params.get("sortBy");
+    const sort = params.get("sort");
+    if (sortBy && sort && (sort === "ASC" || sort === "DESC")) {
+      return {
+        column: sortBy,
+        direction: sort.toLowerCase()
+      };
+    }
+    return { column: null, direction: null };
+  };
+  const initialState = getInitialState();
+  const [sortColumn, setSortColumn] = (0, import_react23.useState)(
+    initialState.column
+  );
+  const [sortDirection, setSortDirection] = (0, import_react23.useState)(
+    initialState.direction
+  );
+  (0, import_react23.useEffect)(() => {
+    if (!syncWithUrl || globalThis.window === void 0) return;
+    const url = new URL(globalThis.location.href);
+    const params = url.searchParams;
+    if (sortColumn && sortDirection) {
+      params.set("sortBy", sortColumn);
+      params.set("sort", sortDirection.toUpperCase());
+    } else {
+      params.delete("sortBy");
+      params.delete("sort");
+    }
+    globalThis.history.replaceState({}, "", url.toString());
+  }, [sortColumn, sortDirection, syncWithUrl]);
+  const handleSort = (column) => {
+    if (sortColumn === column) {
+      if (sortDirection === "asc") {
+        setSortDirection("desc");
+      } else if (sortDirection === "desc") {
+        setSortColumn(null);
+        setSortDirection(null);
+      }
+    } else {
+      setSortColumn(column);
+      setSortDirection("asc");
+    }
+  };
+  const sortedData = (0, import_react23.useMemo)(() => {
+    if (!sortColumn || !sortDirection) {
+      return data;
+    }
+    return [...data].sort((a, b) => {
+      const aValue = a[sortColumn];
+      const bValue = b[sortColumn];
+      if (typeof aValue === "string" && typeof bValue === "string") {
+        const comparison = aValue.localeCompare(bValue);
+        return sortDirection === "asc" ? comparison : -comparison;
+      }
+      if (typeof aValue === "number" && typeof bValue === "number") {
+        return sortDirection === "asc" ? aValue - bValue : bValue - aValue;
+      }
+      return 0;
+    });
+  }, [data, sortColumn, sortDirection]);
+  return { sortedData, sortColumn, sortDirection, handleSort };
+}
 var Table = (0, import_react23.forwardRef)(
   ({ variant = "default", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
@@ -14185,6 +14255,7 @@ function useAppContent(config) {
   useMobile,
   useQuizStore,
   useRouteAuth,
+  useTableSort,
   useTheme,
   useThemeStore,
   useToastStore,