analytica-frontend-lib 1.2.8 → 1.2.9

package/dist/index.mjs

@@ -6512,6 +6512,75 @@ import {
 } from "react";
 import { CaretUp, CaretDown } from "phosphor-react";
 import { jsx as jsx39, jsxs as jsxs28 } from "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] = useState13(
+    initialState.column
+  );
+  const [sortDirection, setSortDirection] = useState13(
+    initialState.direction
+  );
+  useEffect13(() => {
+    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 = useMemo5(() => {
+    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 = forwardRef14(
   ({ variant = "default", className, children, ...props }, ref) => /* @__PURE__ */ jsx39(
     "div",
@@ -14149,6 +14218,7 @@ export {
   useMobile,
   useQuizStore,
   useRouteAuth,
+  useTableSort,
   useTheme,
   useThemeStore,
   ToastStore_default as useToastStore,