@infinite-table/infinite-react 4.3.1 → 4.3.3

package/index.d.ts

@@ -2085,9 +2085,10 @@ declare type DataSourceProps<T> = {
 } | {
     selectionMode?: false;
 });
-declare type DataSourcePropsWithChildren<T> = DataSourceProps<T> & {
-    children: NonUndefined<DataSourceProps<T>['children']>;
-};
+/**
+ * @deprecated Use DataSourceProps<T> instead
+ */
+declare type DataSourcePropsWithChildren<T> = DataSourceProps<T> & {};
 declare type DataSourcePropSortTypes = Record<string, (first: any, second: any) => number>;
 declare type DataSourcePropFilterTypes<T> = Record<string, DataSourceFilterType<T>>;
 declare type DataSourceFilterFunctionParam<T> = {
@@ -4252,7 +4253,7 @@ declare const useManagedDataSource: (props: unknown) => {
         sortInfo: never;
     }>>>;
 };
-declare function DataSource<T>(props: DataSourcePropsWithChildren<T>): React$1.JSX.Element;
+declare function DataSource<T>(props: DataSourceProps<T>): React$1.JSX.Element;
 declare function useRowInfoReducers(): Record<string, any> | undefined;
 declare function useMasterRowInfo<T = any>(): InfiniteTableRowInfo<T> | undefined;
 
@@ -5019,8 +5020,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 +5400,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

@@ -15229,8 +15229,9 @@ var {
   mappedCallbacks: getMappedCallbacks()
 });
 function DataSource(props) {
+  var _a;
   const { DataSource: DataSourceComponent } = useDataSourceInternal(props);
-  return /* @__PURE__ */ React51.createElement(DataSourceComponent, null, props.children);
+  return /* @__PURE__ */ React51.createElement(DataSourceComponent, null, (_a = props.children) != null ? _a : null);
 }
 function useRowInfoReducers() {
   const { rowInfoReducerResults } = useDataSourceState();
@@ -16843,6 +16844,7 @@ function useCellRendering(param) {
     rowClassName,
     onScrollToTop,
     onScrollToBottom,
+    onScrollStop,
     scrollToBottomOffset,
     ready
   } = state;
@@ -16866,7 +16868,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 +16891,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 +18825,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "4.3.1"
+      version: "4.3.3"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.dev.mjs

@@ -15197,8 +15197,9 @@ var {
   mappedCallbacks: getMappedCallbacks()
 });
 function DataSource(props) {
+  var _a;
   const { DataSource: DataSourceComponent } = useDataSourceInternal(props);
-  return /* @__PURE__ */ React51.createElement(DataSourceComponent, null, props.children);
+  return /* @__PURE__ */ React51.createElement(DataSourceComponent, null, (_a = props.children) != null ? _a : null);
 }
 function useRowInfoReducers() {
   const { rowInfoReducerResults } = useDataSourceState();
@@ -16815,6 +16816,7 @@ function useCellRendering(param) {
     rowClassName,
     onScrollToTop,
     onScrollToBottom,
+    onScrollStop,
     scrollToBottomOffset,
     ready
   } = state;
@@ -16838,7 +16840,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 +16863,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 +18797,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "4.3.1"
+      version: "4.3.3"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.js

@@ -15229,8 +15229,9 @@ var {
   mappedCallbacks: getMappedCallbacks()
 });
 function DataSource(props) {
+  var _a;
   const { DataSource: DataSourceComponent } = useDataSourceInternal(props);
-  return /* @__PURE__ */ React51.createElement(DataSourceComponent, null, props.children);
+  return /* @__PURE__ */ React51.createElement(DataSourceComponent, null, (_a = props.children) != null ? _a : null);
 }
 function useRowInfoReducers() {
   const { rowInfoReducerResults } = useDataSourceState();
@@ -16843,6 +16844,7 @@ function useCellRendering(param) {
     rowClassName,
     onScrollToTop,
     onScrollToBottom,
+    onScrollStop,
     scrollToBottomOffset,
     ready
   } = state;
@@ -16866,7 +16868,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 +16891,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 +18825,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "4.3.1"
+      version: "4.3.3"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.mjs

@@ -15197,8 +15197,9 @@ var {
   mappedCallbacks: getMappedCallbacks()
 });
 function DataSource(props) {
+  var _a;
   const { DataSource: DataSourceComponent } = useDataSourceInternal(props);
-  return /* @__PURE__ */ React51.createElement(DataSourceComponent, null, props.children);
+  return /* @__PURE__ */ React51.createElement(DataSourceComponent, null, (_a = props.children) != null ? _a : null);
 }
 function useRowInfoReducers() {
   const { rowInfoReducerResults } = useDataSourceState();
@@ -16815,6 +16816,7 @@ function useCellRendering(param) {
     rowClassName,
     onScrollToTop,
     onScrollToBottom,
+    onScrollStop,
     scrollToBottomOffset,
     ready
   } = state;
@@ -16838,7 +16840,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 +16863,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 +18797,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "4.3.1"
+      version: "4.3.3"
     });
     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.3",
   "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": 1721832132084
 }