trotl-table 1.0.29 → 1.0.30

package/dist/index.cjs.js

@@ -9802,30 +9802,19 @@ function TableInner({
   const editCallbackRef = React.useRef(editCallback);
   const deleteCallbackRef = React.useRef(deleteCallback);
 
-  // Update refs when callbacks change
-  React.useEffect(() => {
+  // Update refs when callbacks change (using useLayoutEffect to update before render)
+  React.useLayoutEffect(() => {
     selectedRowsCallbackRef.current = selectedRowsCallback;
-  }, [selectedRowsCallback]);
-  React.useEffect(() => {
     refreshTriggerRef.current = refreshTrigger;
-  }, [refreshTrigger]);
-  React.useEffect(() => {
     viewCallbackRef.current = viewCallback;
-  }, [viewCallback]);
-  React.useEffect(() => {
     editCallbackRef.current = editCallback;
-  }, [editCallback]);
-  React.useEffect(() => {
     deleteCallbackRef.current = deleteCallback;
-  }, [deleteCallback]);
+  });
 
   // Local selection & sorting state (removed TableContext dependency)
   const [selectedRows, setSelectedRows] = React.useState([]);
   const [sorting, setSorting] = React.useState(null);
 
-  // Memoize columns to prevent filter dependency issues
-  const memoizedColumns = React.useMemo(() => columns, [JSON.stringify(columns)]);
-
   // Option to read search param from URL
   const [searchTerm, setSearchTerm] = React.useState(extraSearchTerm);
   // Track current URL search so date filters rerun when params change
@@ -9936,9 +9925,9 @@ function TableInner({
   const filterRows = React.useCallback(rows => {
     // Check for date-related URL params first
     const urlParams = new URLSearchParams(urlSearchString);
-    const dateParams = ['startDate', 'endDate', 'date'];
+    const _dateParams = ['startDate', 'endDate', 'date'];
     let dateFiltered = rows;
-    for (const paramKey of dateParams) {
+    for (const paramKey of _dateParams) {
       const paramValue = urlParams.get(paramKey);
       if (!paramValue) continue;
 
@@ -9977,12 +9966,12 @@ function TableInner({
     // Then apply text search filter
     if (!searchTerm) return dateFiltered;
     const query = searchTerm.toLowerCase();
-    return dateFiltered.filter(row => memoizedColumns.some(col => {
+    return dateFiltered.filter(row => columns.some(col => {
       const val = row[col.accessor];
       if (val == null) return false;
       return String(val).toLowerCase().includes(query);
     }));
-  }, [searchTerm, memoizedColumns, urlSearchString]);
+  }, [searchTerm, columns, urlSearchString]);
 
   // Natural-ish comparator: handles nulls, numbers, strings, ISO dates
   const compare = (x, y, dir = "asc") => {
@@ -10519,7 +10508,7 @@ function TableInner({
       }, content);
     }
     return content;
-  }, [tableDataFlat, memoizedColumns, selectedRows, toggleRowSelection, groupRowsById, renderCell, showActions, showDelete, showEdit, showKey, showView, enableDragRow, moveRow, enableMultiSelect, rowHeight, tableId, customColumns]);
+  }, [tableDataFlat, columns, selectedRows, toggleRowSelection, groupRowsById, renderCell, showActions, showDelete, showEdit, showKey, showView, translate, enableDragRow, moveRow, enableMultiSelect, rowHeight, tableId, customColumns]);
   const rowHeightGetter = ({
     index
   }) => tableDataFlat[index]?.type === "group" ? groupHeaderHeight : rowHeight;