@bigbinary/neeto-atoms 1.0.85 → 1.0.87

package/dist/{DataTable-Cqrk769H.js → DataTable-C4_wD2t1.js}

@@ -3,6 +3,7 @@ import * as React from 'react';
 import { useState, useCallback, useEffect, useMemo, useRef, useLayoutEffect } from 'react';
 import { TableRow, TableCell, Table, TableHeader, TableHead, TableBody } from './primitives/Table.js';
 import { c as cn } from './utils-BJnb9o5c.js';
+import { useHistory, useLocation } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import { Checkbox } from './primitives/Checkbox.js';
 import { Spinner } from './primitives/Spinner.js';
@@ -3182,20 +3183,6 @@ const writeSortToURL = (sorting) => {
   }
   window.history.pushState({}, "", url.toString());
 };
-const readPageFromURL = () => {
-  const params = new URLSearchParams(window.location.search);
-  const page = params.get(URL_PAGE_PARAM);
-  return page ? Math.max(1, parseInt(page, 10)) : 1;
-};
-const writePageToURL = (page) => {
-  const url = new URL(window.location.href);
-  if (page <= 1) {
-    url.searchParams.delete(URL_PAGE_PARAM);
-  } else {
-    url.searchParams.set(URL_PAGE_PARAM, String(page));
-  }
-  window.history.pushState({}, "", url.toString());
-};
 const keysToRowSelection = (keys) => Object.fromEntries(keys.map((key) => [key, true]));
 const rowSelectionToKeys = (selection) => Object.keys(selection).filter((key) => selection[key]);
 const hashPathname = () => {
@@ -3339,23 +3326,41 @@ const useTablePagination = ({
   enableURLPagination = true
 }) => {
   const isControlled = controlledPage !== void 0;
-  const [internalPage, setInternalPage] = useState(
-    () => enableURLPagination ? readPageFromURL() : 1
-  );
-  const currentPage = isControlled ? controlledPage : internalPage;
+  const history = useHistory();
+  const location = useLocation();
+  const pageFromURL = useMemo(() => {
+    if (!enableURLPagination) return 1;
+    const params = new URLSearchParams(location.search);
+    const page = params.get(URL_PAGE_PARAM);
+    return page ? Math.max(1, parseInt(page, 10) || 1) : 1;
+  }, [location.search, enableURLPagination]);
+  const [internalPage, setInternalPage] = useState(1);
+  const currentPage = isControlled ? controlledPage : enableURLPagination ? pageFromURL : internalPage;
   const pageCount = Math.max(1, Math.ceil(totalCount / pageSize));
   const onPageChange = useCallback(
     (page) => {
       const clampedPage = Math.min(Math.max(1, page), pageCount);
-      if (!isControlled) {
+      if (!isControlled && !enableURLPagination) {
         setInternalPage(clampedPage);
       }
       controlledOnPageChange?.(clampedPage);
       if (enableURLPagination) {
-        writePageToURL(clampedPage);
+        const searchParams = new URLSearchParams(history.location.search);
+        if (clampedPage <= 1) {
+          searchParams.delete(URL_PAGE_PARAM);
+        } else {
+          searchParams.set(URL_PAGE_PARAM, String(clampedPage));
+        }
+        history.push({ search: searchParams.toString() });
       }
     },
-    [pageCount, isControlled, controlledOnPageChange, enableURLPagination]
+    [
+      pageCount,
+      isControlled,
+      controlledOnPageChange,
+      enableURLPagination,
+      history
+    ]
   );
   useEffect(() => {
     if (currentPage > pageCount && pageCount > 0) {
@@ -4529,4 +4534,4 @@ const DataTable = ({
 };
 
 export { DataTable as D, useColumnPinning as a, useColumnVisibility as b, useTablePagination as c, useTableSelection as d, useTableSort as e, useColumnOrdering as u };
-//# sourceMappingURL=DataTable-Cqrk769H.js.map
+//# sourceMappingURL=DataTable-C4_wD2t1.js.map