@trackunit/react-components 1.9.47 → 1.9.51

package/index.cjs.js

@@ -3792,10 +3792,17 @@ const useList = ({ count, pagination, header, getItem, loadingIndicator = DEFAUL
         // eslint-disable-next-line react-hooks/react-compiler
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    // Scroll to top when item count changes (like after filtering)
+    // Scroll to top when total count changes (filtering applied)
+    // Don't scroll when just loading more items (infinite scroll - total stays the same)
+    const previousCountRef = react.useRef(pagination?.pageInfo?.count ?? 0);
     react.useLayoutEffect(() => {
-        virtualizer.scrollToOffset(0);
-    }, [count, virtualizer]);
+        const currentCount = pagination?.pageInfo?.count ?? 0;
+        const totalCountChanged = currentCount !== previousCountRef.current;
+        if (totalCountChanged) {
+            virtualizer.scrollToOffset(0);
+        }
+        previousCountRef.current = currentCount;
+    }, [virtualizer, pagination?.pageInfo?.count]);
     // Transform virtual items into typed rows
     const rows = react.useMemo(() => {
         const virtualItems = virtualizer.getVirtualItems();

package/index.esm.js

@@ -3790,10 +3790,17 @@ const useList = ({ count, pagination, header, getItem, loadingIndicator = DEFAUL
         // eslint-disable-next-line react-hooks/react-compiler
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    // Scroll to top when item count changes (like after filtering)
+    // Scroll to top when total count changes (filtering applied)
+    // Don't scroll when just loading more items (infinite scroll - total stays the same)
+    const previousCountRef = useRef(pagination?.pageInfo?.count ?? 0);
     useLayoutEffect(() => {
-        virtualizer.scrollToOffset(0);
-    }, [count, virtualizer]);
+        const currentCount = pagination?.pageInfo?.count ?? 0;
+        const totalCountChanged = currentCount !== previousCountRef.current;
+        if (totalCountChanged) {
+            virtualizer.scrollToOffset(0);
+        }
+        previousCountRef.current = currentCount;
+    }, [virtualizer, pagination?.pageInfo?.count]);
     // Transform virtual items into typed rows
     const rows = useMemo(() => {
         const virtualItems = virtualizer.getVirtualItems();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "1.9.47",
+  "version": "1.9.51",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -16,11 +16,11 @@
     "@floating-ui/react": "^0.26.25",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/ui-design-tokens": "1.7.33",
-    "@trackunit/css-class-variance-utilities": "1.7.32",
-    "@trackunit/shared-utils": "1.9.32",
-    "@trackunit/ui-icons": "1.7.34",
-    "@trackunit/react-test-setup": "1.4.32",
+    "@trackunit/ui-design-tokens": "1.7.36",
+    "@trackunit/css-class-variance-utilities": "1.7.35",
+    "@trackunit/shared-utils": "1.9.35",
+    "@trackunit/ui-icons": "1.7.37",
+    "@trackunit/react-test-setup": "1.4.35",
     "@tanstack/react-router": "1.114.29",
     "es-toolkit": "^1.39.10",
     "@tanstack/react-virtual": "3.13.12"