@trackunit/react-table 1.13.59 → 1.14.0

package/index.cjs.js

@@ -1119,11 +1119,12 @@ const Table = ({ rowHeight = 50, ...props }) => {
     //we need a reference to the scrolling element for logic down below
     const tableScrollElementRef = react.useRef(null);
     const [t] = useTranslation();
-    const virtualizer = reactComponents.useInfiniteScroll({
+    const virtualizer = reactComponents.useBidirectionalScroll({
         pagination: props.pagination || reactComponents.noPagination,
         scrollElementRef: tableScrollElementRef,
         count: props.getRowModel().rows.length,
         estimateSize: () => rowHeight, // TODO: we should probably move from rowHeight -> estimateSize callback api to match Tanstack Virtual
+        onTopItemChange: props.onTopItemChange,
     });
     const visibleColumns = react.useMemo(() => props.getAllColumns().filter(column => column.getIsVisible()), [props]);
     const visibleColumnsCount = visibleColumns.length;

package/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { registerTranslations, useNamespaceTranslation, NamespaceTrans } from '@trackunit/i18n-library-translation';
-import { MenuItem, Icon, Button, Tooltip, useOverflowItems, MoreMenu, MenuList, Spacer, cvaInteractableItem, Text, Popover, PopoverTrigger, IconButton, PopoverContent, useInfiniteScroll, noPagination, Card, Spinner, EmptyState } from '@trackunit/react-components';
+import { MenuItem, Icon, Button, Tooltip, useOverflowItems, MoreMenu, MenuList, Spacer, cvaInteractableItem, Text, Popover, PopoverTrigger, IconButton, PopoverContent, useBidirectionalScroll, noPagination, Card, Spinner, EmptyState } from '@trackunit/react-components';
 import { objectValues, nonNullable, objectKeys, objectEntries } from '@trackunit/shared-utils';
 import { useMemo, Children, cloneElement, useRef, useState, useEffect, useCallback, createElement } from 'react';
 import { cvaMerge } from '@trackunit/css-class-variance-utilities';
@@ -1118,11 +1118,12 @@ const Table = ({ rowHeight = 50, ...props }) => {
     //we need a reference to the scrolling element for logic down below
     const tableScrollElementRef = useRef(null);
     const [t] = useTranslation();
-    const virtualizer = useInfiniteScroll({
+    const virtualizer = useBidirectionalScroll({
         pagination: props.pagination || noPagination,
         scrollElementRef: tableScrollElementRef,
         count: props.getRowModel().rows.length,
         estimateSize: () => rowHeight, // TODO: we should probably move from rowHeight -> estimateSize callback api to match Tanstack Virtual
+        onTopItemChange: props.onTopItemChange,
     });
     const visibleColumns = useMemo(() => props.getAllColumns().filter(column => column.getIsVisible()), [props]);
     const visibleColumnsCount = visibleColumns.length;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-table",
-  "version": "1.13.59",
+  "version": "1.14.0",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -14,14 +14,14 @@
     "react-dnd-html5-backend": "16.0.1",
     "@tanstack/react-router": "1.114.29",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/react-components": "1.17.48",
-    "@trackunit/shared-utils": "1.13.60",
-    "@trackunit/css-class-variance-utilities": "1.11.60",
-    "@trackunit/ui-icons": "1.11.58",
-    "@trackunit/react-table-base-components": "1.13.55",
-    "@trackunit/react-form-components": "1.14.54",
-    "@trackunit/i18n-library-translation": "1.12.51",
-    "@trackunit/iris-app-runtime-core-api": "1.12.43",
+    "@trackunit/react-components": "1.18.0",
+    "@trackunit/shared-utils": "1.13.61",
+    "@trackunit/css-class-variance-utilities": "1.11.61",
+    "@trackunit/ui-icons": "1.11.59",
+    "@trackunit/react-table-base-components": "1.14.0",
+    "@trackunit/react-form-components": "1.15.0",
+    "@trackunit/i18n-library-translation": "1.12.52",
+    "@trackunit/iris-app-runtime-core-api": "1.12.44",
     "graphql": "^16.10.0"
   },
   "module": "./index.esm.js",

package/src/Table.d.ts

@@ -79,6 +79,12 @@ export interface TableProps<TData extends object> extends ReactTable<TData>, Com
      * Used for custom column reorder logic or analytics.
      */
     onColumnDragStart?: (columnId: string) => void;
+    /**
+     * Callback fired when the topmost visible row changes during scroll.
+     * Receives the data index of the new top row. Useful for syncing scroll
+     * position to a URL cursor via `useCursorUrlSync`.
+     */
+    onTopItemChange?: (index: number) => void;
 }
 /**
  * Table displays large data sets with virtual scrolling, column sorting, filtering, resizing, drag-and-drop column reordering,