@bigbinary/neeto-atoms 1.0.121 → 1.0.123

package/dist/{DataTable-BNhOcmQ8.js → DataTable-DI4qPCmM.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import { useState, useCallback, useEffect, useMemo, useRef, useLayoutEffect } from 'react';
+import { useMemo, useState, useCallback, useEffect, useRef, useLayoutEffect } from 'react';
 import { TableRow, TableCell, Table, TableHeader, TableHead, TableBody } from './primitives/Table.js';
 import { c as cn } from './utils-BJnb9o5c.js';
 import { h as hyphenize } from './hyphenize-TRhMI0tl.js';
@@ -3161,28 +3161,26 @@ const STORAGE_KEY_PREFIX = "NEETOUI";
 const STORAGE_KEY_SUFFIX = "FIXED_COLUMNS";
 const COLUMN_SIZING_STORAGE_KEY_SUFFIX = "COLUMN_SIZING";
 
-const getSearchParams = () => new URLSearchParams(window.location.search);
-const readSortFromURL = () => {
-  const params = getSearchParams();
+const readSortFromURL = (search) => {
+  const params = new URLSearchParams(search);
   const sortBy = params.get(URL_SORT_PARAMS.SORT_BY);
   const orderBy = params.get(URL_SORT_PARAMS.ORDER_BY);
-  if (!sortBy) return [];
-  return [{ id: sortBy, desc: orderBy === SORT_DIRECTIONS.DESC }];
+  return sortBy ? [{ id: sortBy, desc: orderBy === SORT_DIRECTIONS.DESC }] : [];
 };
-const writeSortToURL = (sorting) => {
-  const url = new URL(window.location.href);
+const buildSortQuery = (search, sorting) => {
+  const searchParams = new URLSearchParams(search);
   if (sorting.length === 0) {
-    url.searchParams.delete(URL_SORT_PARAMS.SORT_BY);
-    url.searchParams.delete(URL_SORT_PARAMS.ORDER_BY);
+    searchParams.delete(URL_SORT_PARAMS.SORT_BY);
+    searchParams.delete(URL_SORT_PARAMS.ORDER_BY);
   } else {
     const { id, desc } = sorting[0];
-    url.searchParams.set(URL_SORT_PARAMS.SORT_BY, id);
-    url.searchParams.set(
+    searchParams.set(URL_SORT_PARAMS.SORT_BY, id);
+    searchParams.set(
       URL_SORT_PARAMS.ORDER_BY,
       desc ? SORT_DIRECTIONS.DESC : SORT_DIRECTIONS.ASC
     );
   }
-  window.history.pushState({}, "", url.toString());
+  return searchParams.toString();
 };
 const keysToRowSelection = (keys) => Object.fromEntries(keys.map((key) => [key, true]));
 const rowSelectionToKeys = (selection) => Object.keys(selection).filter((key) => selection[key]);
@@ -3282,17 +3280,22 @@ const useTableSort = ({
   sorting: controlledSorting,
   onSortingChange: controlledOnSortingChange,
   onSort,
-  enableURLSort = true
+  enableURLSort
 }) => {
   const isControlled = controlledSorting !== void 0;
-  const [internalSorting, setInternalSorting] = useState(
-    () => enableURLSort ? readSortFromURL() : []
-  );
-  const sorting = isControlled ? controlledSorting : internalSorting;
+  const isURLSortEnabled = enableURLSort ?? (!isControlled && controlledOnSortingChange === void 0 && !onSort);
+  const history = useHistory();
+  const location = useLocation();
+  const sortingFromURL = useMemo(() => {
+    if (!isURLSortEnabled) return [];
+    return readSortFromURL(location.search);
+  }, [location.search, isURLSortEnabled]);
+  const [internalSorting, setInternalSorting] = useState([]);
+  const sorting = isControlled ? controlledSorting : isURLSortEnabled ? sortingFromURL : internalSorting;
   const onSortingChange = useCallback(
     (updaterOrValue) => {
       const newSorting = typeof updaterOrValue === "function" ? updaterOrValue(sorting) : updaterOrValue;
-      if (!isControlled) {
+      if (!isControlled && !isURLSortEnabled) {
         setInternalSorting(newSorting);
       }
       controlledOnSortingChange?.(updaterOrValue);
@@ -3304,18 +3307,21 @@ const useTableSort = ({
           } : null
         );
       }
-      if (enableURLSort) {
-        writeSortToURL(newSorting);
+      if (isURLSortEnabled) {
+        history.push({
+          search: buildSortQuery(history.location.search, newSorting)
+        });
       }
     },
-    [sorting, isControlled, controlledOnSortingChange, onSort, enableURLSort]
+    [
+      sorting,
+      isControlled,
+      controlledOnSortingChange,
+      onSort,
+      isURLSortEnabled,
+      history
+    ]
   );
-  useEffect(() => {
-    if (enableURLSort && !isControlled) {
-      const urlSorting = readSortFromURL();
-      setInternalSorting(urlSorting);
-    }
-  }, [enableURLSort, isControlled]);
   return { sorting, onSortingChange };
 };
 
@@ -4150,7 +4156,7 @@ const DataTable = ({
   onSortingChange: onSortingChangeProp,
   onSort: onSortProp,
   enableSorting = false,
-  enableURLSort = true,
+  enableURLSort,
   totalCount,
   pageSize = DEFAULT_PAGE_SIZE,
   currentPage: currentPageProp,
@@ -4600,4 +4606,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-BNhOcmQ8.js.map
+//# sourceMappingURL=DataTable-DI4qPCmM.js.map