@infinite-table/infinite-react 4.3.1 → 4.3.2

package/index.d.ts

@@ -5019,8 +5019,13 @@ declare type InfiniteTablePropComponents<T = any> = {
 };
 declare type ScrollStopInfo = {
     scrollTop: number;
+    scrollLeft: number;
+    viewportSize: Size;
+    renderRange: TableRenderRange;
     firstVisibleRowIndex: number;
     lastVisibleRowIndex: number;
+    firstVisibleColIndex: number;
+    lastVisibleColIndex: number;
 };
 declare type InfiniteTableRowInfoDataDiscriminatorWithColumn<T> = {
     column: InfiniteTableComputedColumn<T>;
@@ -5394,4 +5399,4 @@ declare const components: {
     NumberFilterEditor: typeof NumberFilterEditor;
 };
 
-export { AdvancedAlignable, CellSelectionState, CellSelectionStateObject, ColumnTypeWithInherit, DataClient, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceApi, DataSourceCRUDParam, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceFilterFunctionParam, DataSourceFilterOperator, DataSourceFilterOperatorFunction, DataSourceFilterOperatorFunctionParam, DataSourceFilterType, DataSourceFilterValueItem, DataSourceFilterValueItemValueGetter, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceInsertParam, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourceMasterDetailContextValue, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropCellSelection, DataSourcePropCellSelection_MultiCell, DataSourcePropCellSelection_SingleCell, DataSourcePropFilterFunction, DataSourcePropFilterTypes, DataSourcePropFilterValue, DataSourcePropGroupBy, DataSourcePropGroupRowsStateObject, DataSourcePropIsRowSelected, DataSourcePropLivePaginationCursor, DataSourcePropMultiRowSelectionChangeParamType, DataSourcePropOnCellSelectionChange, DataSourcePropOnCellSelectionChange_MultiCell, DataSourcePropOnCellSelectionChange_SingleCell, DataSourcePropOnRowSelectionChange, DataSourcePropOnRowSelectionChange_MultiRow, DataSourcePropOnRowSelectionChange_SingleRow, DataSourcePropPivotBy, DataSourcePropRowInfoReducers, DataSourcePropRowSelection, DataSourcePropRowSelection_MultiRow, DataSourcePropRowSelection_SingleRow, DataSourcePropSelectionMode, DataSourcePropShouldReloadData, DataSourcePropShouldReloadDataObject, DataSourcePropSortFn, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourceProps, DataSourcePropsWithChildren, DataSourceRawReducer, DataSourceRemoteData, DataSourceRowInfoReducer, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, DebugLogger, DeepMap, ElementContainerGetter, FixedSizeSet, GroupRowsState, InfiniteColumnEditorContextType, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableApi, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnApi, InfiniteTableColumnCellContextType, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderFunctionForGroupRows, InfiniteTableColumnRenderFunctionForNormalRows, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableColumnValueFormatterParams, InfiniteTableColumnValueGetterParams, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropComponents, InfiniteTablePropGetCellContextMenuItems, InfiniteTablePropGetColumnMenuItems, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropKeyboardShorcut, InfiniteTablePropMultiSortBehavior, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, InfiniteTable_HasGrouping_RowInfoGroup, InfiniteTable_HasGrouping_RowInfoNormal, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, Menu, MenuChildrenFnParam, MenuColumn, MenuColumnRenderParam, MenuDecoration, MenuIconProps, MenuItemActionContext, MenuItemDefinition, MenuItemObject, MenuProps, MenuRenderable, MenuRuntimeItem, MenuRuntimeItemSelectable, MenuSeparator, OverlayShowParams, RowDetailCache, RowDetailState, RowDetailStateObject, RowSelectionState, Scrollbars, ShowOverlayFn, WeakFixedSizeSet, components, debounce, debug, defaultFilterTypes, eventMatchesKeyboardShortcut, defaultFilterTypes as filterTypes, flatten, buildManagedComponent as getComponentStateRoot, group, interceptMap, keyboardShortcuts, multisort, queryKeyToCacheKey, useManagedComponentState as useComponentState, useDataSourceInternal, useDataSourceState, useEffectWithChanges, useEffectWithObject, useGridScroll, useInfiniteColumnCell, useInfiniteColumnEditor, useInfiniteColumnFilterEditor, useInfiniteHeaderCell, useManagedDataSource, useMasterRowInfo, useOverlay, useOverlayPortal, useRowInfoReducers, useVisibleColumnSizes };
+export { AdvancedAlignable, CellSelectionState, CellSelectionStateObject, ColumnTypeWithInherit, DataClient, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceApi, DataSourceCRUDParam, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceFilterFunctionParam, DataSourceFilterOperator, DataSourceFilterOperatorFunction, DataSourceFilterOperatorFunctionParam, DataSourceFilterType, DataSourceFilterValueItem, DataSourceFilterValueItemValueGetter, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceInsertParam, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourceMasterDetailContextValue, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropCellSelection, DataSourcePropCellSelection_MultiCell, DataSourcePropCellSelection_SingleCell, DataSourcePropFilterFunction, DataSourcePropFilterTypes, DataSourcePropFilterValue, DataSourcePropGroupBy, DataSourcePropGroupRowsStateObject, DataSourcePropIsRowSelected, DataSourcePropLivePaginationCursor, DataSourcePropMultiRowSelectionChangeParamType, DataSourcePropOnCellSelectionChange, DataSourcePropOnCellSelectionChange_MultiCell, DataSourcePropOnCellSelectionChange_SingleCell, DataSourcePropOnRowSelectionChange, DataSourcePropOnRowSelectionChange_MultiRow, DataSourcePropOnRowSelectionChange_SingleRow, DataSourcePropPivotBy, DataSourcePropRowInfoReducers, DataSourcePropRowSelection, DataSourcePropRowSelection_MultiRow, DataSourcePropRowSelection_SingleRow, DataSourcePropSelectionMode, DataSourcePropShouldReloadData, DataSourcePropShouldReloadDataObject, DataSourcePropSortFn, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourceProps, DataSourcePropsWithChildren, DataSourceRawReducer, DataSourceRemoteData, DataSourceRowInfoReducer, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, DebugLogger, DeepMap, ElementContainerGetter, FixedSizeSet, GroupRowsState, InfiniteColumnEditorContextType, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableApi, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnApi, InfiniteTableColumnCellContextType, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderFunctionForGroupRows, InfiniteTableColumnRenderFunctionForNormalRows, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableColumnValueFormatterParams, InfiniteTableColumnValueGetterParams, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropComponents, InfiniteTablePropGetCellContextMenuItems, InfiniteTablePropGetColumnMenuItems, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropKeyboardShorcut, InfiniteTablePropMultiSortBehavior, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, InfiniteTable_HasGrouping_RowInfoGroup, InfiniteTable_HasGrouping_RowInfoNormal, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, Menu, MenuChildrenFnParam, MenuColumn, MenuColumnRenderParam, MenuDecoration, MenuIconProps, MenuItemActionContext, MenuItemDefinition, MenuItemObject, MenuProps, MenuRenderable, MenuRuntimeItem, MenuRuntimeItemSelectable, MenuSeparator, OverlayShowParams, RowDetailCache, RowDetailState, RowDetailStateObject, RowSelectionState, ScrollStopInfo, Scrollbars, ShowOverlayFn, WeakFixedSizeSet, components, debounce, debug, defaultFilterTypes, eventMatchesKeyboardShortcut, defaultFilterTypes as filterTypes, flatten, buildManagedComponent as getComponentStateRoot, group, interceptMap, keyboardShortcuts, multisort, queryKeyToCacheKey, useManagedComponentState as useComponentState, useDataSourceInternal, useDataSourceState, useEffectWithChanges, useEffectWithObject, useGridScroll, useInfiniteColumnCell, useInfiniteColumnEditor, useInfiniteColumnFilterEditor, useInfiniteHeaderCell, useManagedDataSource, useMasterRowInfo, useOverlay, useOverlayPortal, useRowInfoReducers, useVisibleColumnSizes };

package/index.dev.js

@@ -16843,6 +16843,7 @@ function useCellRendering(param) {
     rowClassName,
     onScrollToTop,
     onScrollToBottom,
+    onScrollStop,
     scrollToBottomOffset,
     ready
   } = state;
@@ -16866,7 +16867,7 @@ function useCellRendering(param) {
   }, [brain]);
   (0, import_react40.useEffect)(() => {
     return brain.onScrollStop((scrollPosition) => {
-      const { scrollTop: scrollTop2 } = scrollPosition;
+      const { scrollTop: scrollTop2, scrollLeft: scrollLeft2 } = scrollPosition;
       if (scrollTop2 === 0) {
         onScrollToTop == null ? void 0 : onScrollToTop();
       }
@@ -16889,8 +16890,21 @@ function useCellRendering(param) {
           );
         }
       }
+      if (onScrollStop) {
+        const range = brain.getRenderRange();
+        onScrollStop({
+          scrollTop: scrollTop2,
+          scrollLeft: scrollLeft2,
+          renderRange: range,
+          viewportSize: getState().bodySize,
+          firstVisibleRowIndex: range.start[0],
+          lastVisibleRowIndex: range.end[0],
+          firstVisibleColIndex: range.start[1],
+          lastVisibleColIndex: range.end[1]
+        });
+      }
     });
-  }, [brain, onScrollToTop, onScrollToBottom]);
+  }, [brain, onScrollToTop, onScrollToBottom, onScrollStop]);
   (0, import_react40.useEffect)(() => {
     if (!bodySize.height) {
       return;
@@ -18810,7 +18824,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "4.3.1"
+      version: "4.3.2"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.dev.mjs

@@ -16815,6 +16815,7 @@ function useCellRendering(param) {
     rowClassName,
     onScrollToTop,
     onScrollToBottom,
+    onScrollStop,
     scrollToBottomOffset,
     ready
   } = state;
@@ -16838,7 +16839,7 @@ function useCellRendering(param) {
   }, [brain]);
   useEffect22(() => {
     return brain.onScrollStop((scrollPosition) => {
-      const { scrollTop: scrollTop2 } = scrollPosition;
+      const { scrollTop: scrollTop2, scrollLeft: scrollLeft2 } = scrollPosition;
       if (scrollTop2 === 0) {
         onScrollToTop == null ? void 0 : onScrollToTop();
       }
@@ -16861,8 +16862,21 @@ function useCellRendering(param) {
           );
         }
       }
+      if (onScrollStop) {
+        const range = brain.getRenderRange();
+        onScrollStop({
+          scrollTop: scrollTop2,
+          scrollLeft: scrollLeft2,
+          renderRange: range,
+          viewportSize: getState().bodySize,
+          firstVisibleRowIndex: range.start[0],
+          lastVisibleRowIndex: range.end[0],
+          firstVisibleColIndex: range.start[1],
+          lastVisibleColIndex: range.end[1]
+        });
+      }
     });
-  }, [brain, onScrollToTop, onScrollToBottom]);
+  }, [brain, onScrollToTop, onScrollToBottom, onScrollStop]);
   useEffect22(() => {
     if (!bodySize.height) {
       return;
@@ -18782,7 +18796,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "4.3.1"
+      version: "4.3.2"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.js

@@ -16843,6 +16843,7 @@ function useCellRendering(param) {
     rowClassName,
     onScrollToTop,
     onScrollToBottom,
+    onScrollStop,
     scrollToBottomOffset,
     ready
   } = state;
@@ -16866,7 +16867,7 @@ function useCellRendering(param) {
   }, [brain]);
   (0, import_react40.useEffect)(() => {
     return brain.onScrollStop((scrollPosition) => {
-      const { scrollTop: scrollTop2 } = scrollPosition;
+      const { scrollTop: scrollTop2, scrollLeft: scrollLeft2 } = scrollPosition;
       if (scrollTop2 === 0) {
         onScrollToTop == null ? void 0 : onScrollToTop();
       }
@@ -16889,8 +16890,21 @@ function useCellRendering(param) {
           );
         }
       }
+      if (onScrollStop) {
+        const range = brain.getRenderRange();
+        onScrollStop({
+          scrollTop: scrollTop2,
+          scrollLeft: scrollLeft2,
+          renderRange: range,
+          viewportSize: getState().bodySize,
+          firstVisibleRowIndex: range.start[0],
+          lastVisibleRowIndex: range.end[0],
+          firstVisibleColIndex: range.start[1],
+          lastVisibleColIndex: range.end[1]
+        });
+      }
     });
-  }, [brain, onScrollToTop, onScrollToBottom]);
+  }, [brain, onScrollToTop, onScrollToBottom, onScrollStop]);
   (0, import_react40.useEffect)(() => {
     if (!bodySize.height) {
       return;
@@ -18810,7 +18824,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "4.3.1"
+      version: "4.3.2"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.mjs

@@ -16815,6 +16815,7 @@ function useCellRendering(param) {
     rowClassName,
     onScrollToTop,
     onScrollToBottom,
+    onScrollStop,
     scrollToBottomOffset,
     ready
   } = state;
@@ -16838,7 +16839,7 @@ function useCellRendering(param) {
   }, [brain]);
   useEffect22(() => {
     return brain.onScrollStop((scrollPosition) => {
-      const { scrollTop: scrollTop2 } = scrollPosition;
+      const { scrollTop: scrollTop2, scrollLeft: scrollLeft2 } = scrollPosition;
       if (scrollTop2 === 0) {
         onScrollToTop == null ? void 0 : onScrollToTop();
       }
@@ -16861,8 +16862,21 @@ function useCellRendering(param) {
           );
         }
       }
+      if (onScrollStop) {
+        const range = brain.getRenderRange();
+        onScrollStop({
+          scrollTop: scrollTop2,
+          scrollLeft: scrollLeft2,
+          renderRange: range,
+          viewportSize: getState().bodySize,
+          firstVisibleRowIndex: range.start[0],
+          lastVisibleRowIndex: range.end[0],
+          firstVisibleColIndex: range.start[1],
+          lastVisibleColIndex: range.end[1]
+        });
+      }
     });
-  }, [brain, onScrollToTop, onScrollToBottom]);
+  }, [brain, onScrollToTop, onScrollToBottom, onScrollStop]);
   useEffect22(() => {
     if (!bodySize.height) {
       return;
@@ -18782,7 +18796,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "4.3.1"
+      version: "4.3.2"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/package.json

@@ -25,7 +25,7 @@
   "bugs": {
     "url": "https://github.com/infinite-table/infinite-react/issues"
   },
-  "version": "4.3.1",
+  "version": "4.3.2",
   "main": "index.js",
   "module": "index.mjs",
   "typings": "index.d.ts",
@@ -34,5 +34,5 @@
   },
   "license": "Commercial & Open Source",
   "//": "will be updated at build time",
-  "publishedAt": 1721805821251
+  "publishedAt": 1721818271281
 }