playbook_ui 14.22.0.pre.alpha.PLAY2292advancedtablepinnedrowsloading8631 → 14.22.0.pre.alpha.PLAY2292advancedtablepinnedrowsloading8632

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: cc8c480032767b70d345545bb050a1a402e25edc0533e7f241d07e8c448eba1b
-  data.tar.gz: 0b791da24dd14a9e71467272645c86449fde0d2433e72774c8a77db84cf378fb
+  metadata.gz: 1a87d5a3b0f1ba4c0e20a6d286acb82d538fb5bd2cb68700d81df41cf44f1449
+  data.tar.gz: 507e84e412dc50c8020a636f6c46e1fa326605de6ba7ffbd60499790770d6c54
 SHA512:
-  metadata.gz: 7b01d8af55ae4645022e7121aaf51b11f89e0afdd149ab498a18d90fae59942e0da55f049bf6a06d9757c2108a8e1c45baf11cc1d521d4c84db1591374a33580
-  data.tar.gz: 2c87fbf4597479a6590baa63eb3a06f8789d6f28be225db1347213f381ccfb744d05735c81e6727d548e997f76af5c08782dbc08951bde4225b69a79099a2cec
+  metadata.gz: 90f4a2e682d5d0575ea805a1adc4a0bde6aaf65bb592093c4c98a8122eab250960f90547c9c64ac17724331933ba040a5fb4d60b7bab8b800cc87d01af6cbbf5
+  data.tar.gz: 2a44d15f9f3d820cd44c807cdaab752bd116b2e0ba30dac1dcfdee66f5e1e47828b9c507008948d2baef396cf5ccb780ae4b0c328bf650081ad2f3c5feaa8c78

data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts

@@ -1,4 +1,4 @@
-import { useState, useCallback, useMemo, useEffect, useRef } from 'react';
+import { useState, useCallback, useMemo, useEffect } from 'react';
 import {
   useReactTable,
   getCoreRowModel,
@@ -180,19 +180,24 @@ export function useTableState({
     ...tableOptions,
   });
 
-  // Store a reference to the current data to detect changes
-  const dataRef = useRef(tableData);
+  // Create a stable hash of the data to detect changes
+  const dataHash = useMemo(() => {
+    if (loading) return '';
+    const currentData = virtualizedRows ? dataChunk : tableData;
+    return currentData.map(row => row.id).join(',');
+  }, [tableData, dataChunk, virtualizedRows, loading]);
   
-  // Clear pins when data changes (detected by reference change)
+  const [prevDataHash, setPrevDataHash] = useState(dataHash);
+  
+  // Clear pins when data actually changes (by ID composition)
   useEffect(() => {
     if (loading) return;
     
-    // If the data reference changed, clear pins
-    if (dataRef.current !== tableData) {
-      dataRef.current = tableData;
+    if (dataHash !== prevDataHash) {
+      setPrevDataHash(dataHash);
       onRowPinningChange({ top: [] });
     }
-  }, [tableData, loading, onRowPinningChange]);
+  }, [dataHash, prevDataHash, loading, onRowPinningChange]);
 
   // Handle row pinning changes
   useEffect(() => {