@charlesgomes/leafcode-shared-lib-react 1.0.48 → 1.0.50

package/dist/index.js

@@ -863,6 +863,16 @@ function DataTableAdvancedFilterWrapper({
       globalFilterFields
     )
   });
+  const didInitRef = (0, import_react6.useRef)(false);
+  (0, import_react6.useEffect)(() => {
+    if (didInitRef.current) return;
+    didInitRef.current = true;
+    window.history.replaceState(
+      null,
+      "",
+      window.location.href
+    );
+  }, []);
   const updateUrlParams = (params, options = { replace: true }) => {
     if (typeof window === "undefined" || !replaceUrl) return;
     const urlParams = new URLSearchParams(window.location.search);
@@ -879,6 +889,37 @@ function DataTableAdvancedFilterWrapper({
     const newUrl = `${window.location.pathname}?${urlParams.toString()}`;
     window.history.pushState(null, "", newUrl);
   };
+  const hydrateFromUrl = () => {
+    const params = new URLSearchParams(window.location.search);
+    const pageParam = Number(params.get("page") ?? 1);
+    const rowsParam = Number(params.get("rows") ?? rows);
+    const sortFieldParam = params.get("sortField") ?? sortFieldInitial;
+    const sortOrderParam = Number(params.get("sortOrder") ?? sortOrderInitial);
+    const filterParam = params.get("filter") ?? "";
+    setPage(pageParam);
+    setRows(rowsParam);
+    setFirst((pageParam - 1) * rowsParam);
+    setSortField(sortFieldParam);
+    setSortOrder(sortOrderParam);
+    setSearchText(filterParam);
+    setFilters((prev) => ({
+      ...prev,
+      global: {
+        ...prev.global ?? { matchMode: "contains" },
+        value: filterParam
+      }
+    }));
+  };
+  (0, import_react6.useEffect)(() => {
+    if (typeof window === "undefined") return;
+    const handlePopState = () => {
+      hydrateFromUrl();
+    };
+    window.addEventListener("popstate", handlePopState);
+    return () => {
+      window.removeEventListener("popstate", handlePopState);
+    };
+  }, []);
   const onPage = (event) => {
     setFirst(event.first);
     setRows(event.rows);

package/dist/index.mjs

@@ -129,7 +129,7 @@ function ModalBase({
 import { useEffect as useEffect4, useState as useState3 } from "react";
 
 // src/components/DataTableAdvancedFilter/DataTableAdvancedFilterWrapper.tsx
-import { useEffect as useEffect3, useMemo, useState as useState2 } from "react";
+import { useEffect as useEffect3, useMemo, useRef, useState as useState2 } from "react";
 import { useQuery } from "@tanstack/react-query";
 
 // src/primereact-compat.ts
@@ -808,6 +808,16 @@ function DataTableAdvancedFilterWrapper({
       globalFilterFields
     )
   });
+  const didInitRef = useRef(false);
+  useEffect3(() => {
+    if (didInitRef.current) return;
+    didInitRef.current = true;
+    window.history.replaceState(
+      null,
+      "",
+      window.location.href
+    );
+  }, []);
   const updateUrlParams = (params, options = { replace: true }) => {
     if (typeof window === "undefined" || !replaceUrl) return;
     const urlParams = new URLSearchParams(window.location.search);
@@ -824,6 +834,37 @@ function DataTableAdvancedFilterWrapper({
     const newUrl = `${window.location.pathname}?${urlParams.toString()}`;
     window.history.pushState(null, "", newUrl);
   };
+  const hydrateFromUrl = () => {
+    const params = new URLSearchParams(window.location.search);
+    const pageParam = Number(params.get("page") ?? 1);
+    const rowsParam = Number(params.get("rows") ?? rows);
+    const sortFieldParam = params.get("sortField") ?? sortFieldInitial;
+    const sortOrderParam = Number(params.get("sortOrder") ?? sortOrderInitial);
+    const filterParam = params.get("filter") ?? "";
+    setPage(pageParam);
+    setRows(rowsParam);
+    setFirst((pageParam - 1) * rowsParam);
+    setSortField(sortFieldParam);
+    setSortOrder(sortOrderParam);
+    setSearchText(filterParam);
+    setFilters((prev) => ({
+      ...prev,
+      global: {
+        ...prev.global ?? { matchMode: "contains" },
+        value: filterParam
+      }
+    }));
+  };
+  useEffect3(() => {
+    if (typeof window === "undefined") return;
+    const handlePopState = () => {
+      hydrateFromUrl();
+    };
+    window.addEventListener("popstate", handlePopState);
+    return () => {
+      window.removeEventListener("popstate", handlePopState);
+    };
+  }, []);
   const onPage = (event) => {
     setFirst(event.first);
     setRows(event.rows);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@charlesgomes/leafcode-shared-lib-react",
-  "version": "1.0.48",
+  "version": "1.0.50",
   "description": "Lib de componentes react",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",