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

package/dist/index.js

@@ -863,17 +863,7 @@ 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 }) => {
+  const updateUrlParams = (params, mode = "push") => {
     if (typeof window === "undefined" || !replaceUrl) return;
     const urlParams = new URLSearchParams(window.location.search);
     Object.entries(params).forEach(([key, value]) => {
@@ -887,7 +877,11 @@ function DataTableAdvancedFilterWrapper({
       }
     });
     const newUrl = `${window.location.pathname}?${urlParams.toString()}`;
-    window.history.pushState(null, "", newUrl);
+    if (mode === "replace") {
+      window.history.replaceState(null, "", newUrl);
+    } else {
+      window.history.pushState(null, "", newUrl);
+    }
   };
   const hydrateFromUrl = () => {
     const params = new URLSearchParams(window.location.search);
@@ -921,10 +915,14 @@ function DataTableAdvancedFilterWrapper({
     };
   }, []);
   const onPage = (event) => {
+    const newPage = event.page + 1;
     setFirst(event.first);
     setRows(event.rows);
-    setPage(event.page + 1);
-    updateUrlParams({ page: event.page + 1, rows: event.rows });
+    setPage(newPage);
+    updateUrlParams(
+      { page: newPage, rows: event.rows },
+      "push"
+    );
   };
   const onGlobalFilterChange = (e) => {
     const value = e.target.value;
@@ -940,10 +938,16 @@ function DataTableAdvancedFilterWrapper({
   const onSort = (e) => {
     setSortField(e.sortField);
     setSortOrder(e.sortOrder);
-    updateUrlParams({ sortField: e.sortField, sortOrder: e.sortOrder });
+    updateUrlParams(
+      { sortField: e.sortField, sortOrder: e.sortOrder },
+      "push"
+    );
   };
   (0, import_react6.useEffect)(() => {
-    updateUrlParams({ page: 1, filter: debouncedSearch });
+    updateUrlParams(
+      { page: 1, filter: debouncedSearch },
+      "replace"
+    );
   }, [debouncedSearch]);
   (0, import_react6.useEffect)(() => {
     if (customers?.items && selectedRowsData.length > 0) {

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, useRef, useState as useState2 } from "react";
+import { useEffect as useEffect3, useMemo, useState as useState2 } from "react";
 import { useQuery } from "@tanstack/react-query";
 
 // src/primereact-compat.ts
@@ -808,17 +808,7 @@ 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 }) => {
+  const updateUrlParams = (params, mode = "push") => {
     if (typeof window === "undefined" || !replaceUrl) return;
     const urlParams = new URLSearchParams(window.location.search);
     Object.entries(params).forEach(([key, value]) => {
@@ -832,7 +822,11 @@ function DataTableAdvancedFilterWrapper({
       }
     });
     const newUrl = `${window.location.pathname}?${urlParams.toString()}`;
-    window.history.pushState(null, "", newUrl);
+    if (mode === "replace") {
+      window.history.replaceState(null, "", newUrl);
+    } else {
+      window.history.pushState(null, "", newUrl);
+    }
   };
   const hydrateFromUrl = () => {
     const params = new URLSearchParams(window.location.search);
@@ -866,10 +860,14 @@ function DataTableAdvancedFilterWrapper({
     };
   }, []);
   const onPage = (event) => {
+    const newPage = event.page + 1;
     setFirst(event.first);
     setRows(event.rows);
-    setPage(event.page + 1);
-    updateUrlParams({ page: event.page + 1, rows: event.rows });
+    setPage(newPage);
+    updateUrlParams(
+      { page: newPage, rows: event.rows },
+      "push"
+    );
   };
   const onGlobalFilterChange = (e) => {
     const value = e.target.value;
@@ -885,10 +883,16 @@ function DataTableAdvancedFilterWrapper({
   const onSort = (e) => {
     setSortField(e.sortField);
     setSortOrder(e.sortOrder);
-    updateUrlParams({ sortField: e.sortField, sortOrder: e.sortOrder });
+    updateUrlParams(
+      { sortField: e.sortField, sortOrder: e.sortOrder },
+      "push"
+    );
   };
   useEffect3(() => {
-    updateUrlParams({ page: 1, filter: debouncedSearch });
+    updateUrlParams(
+      { page: 1, filter: debouncedSearch },
+      "replace"
+    );
   }, [debouncedSearch]);
   useEffect3(() => {
     if (customers?.items && selectedRowsData.length > 0) {

package/package.json

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