@infinite-table/infinite-react 5.0.0-canary.8 → 5.0.1

package/index.d.ts

@@ -234,6 +234,8 @@ declare type ShouldUpdateRenderCountOptions = {
 };
 declare class MatrixBrain extends Logger implements IBrain {
     private scrolling;
+    protected RENDER_COUNT_SAFETY_MARGIN_START: number;
+    protected RENDER_COUNT_SAFETY_MARGIN_END: number;
     protected availableWidth: MatrixBrainOptions['width'];
     protected availableRenderWidth: number;
     isHorizontalLayoutBrain: boolean;
@@ -242,6 +244,7 @@ declare class MatrixBrain extends Logger implements IBrain {
     protected availableRenderHeight: number;
     protected cols: MatrixBrainOptions['cols'];
     protected rows: MatrixBrainOptions['rows'];
+    protected alwaysRenderedColumns: Set<number>;
     /**
      * This is only here for easier accessing in the renderer, when the horizontal layout is enabled.
      * In this way, the API is the same for both brains, so we don't have to cast the brain type in the renderer.
@@ -265,6 +268,8 @@ declare class MatrixBrain extends Logger implements IBrain {
     private horizontalTotalSize;
     private horizontalRenderCount?;
     private verticalRenderCount?;
+    private horizontalExtendRangeBy;
+    private verticalExtendRangeBy;
     protected horizontalRenderRange: RenderRangeType;
     protected verticalRenderRange: RenderRangeType;
     protected extraSpanCells: [number, number][];
@@ -314,8 +319,9 @@ declare class MatrixBrain extends Logger implements IBrain {
      * @param options.right - if true, extends the right side with the amount of current visible columns, otherwise with the specified number
      */
     extendRenderRange(options: {
-        left?: number | boolean;
-        right?: number | boolean;
+        start?: number | boolean;
+        end?: number | boolean;
+        direction: 'horizontal' | 'vertical';
     }): () => void;
     updateRenderCount(which?: WhichDirection): void;
     protected doUpdateRenderCount(which?: WhichDirection): void;
@@ -326,11 +332,11 @@ declare class MatrixBrain extends Logger implements IBrain {
     private notifyScrollStop;
     setScrollPosition(scrollPosition: ScrollPosition, callback?: (scrollPos: ScrollPosition) => void): void;
     protected notifyAvailableSizeChange: () => void;
-    protected notifyRenderRangeChange(): void;
-    protected notifyVerticalRenderRangeChange: () => void;
-    protected notifyHorizontalRenderRangeChange: () => void;
+    protected notifyRenderRangeChange(immediate?: boolean): void;
+    protected notifyVerticalRenderRangeChange: (immediate?: boolean) => void;
+    protected notifyHorizontalRenderRangeChange: (immediate?: boolean) => void;
     private notifyScrollChange;
-    private computeDirectionalRenderCount;
+    protected computeDirectionalRenderCount(direction: 'horizontal' | 'vertical', itemSize: number | ItemSizeFunction, count: number, theRenderSize: Size): number;
     getFixedSize(direction: 'horizontal' | 'vertical'): number;
     getFixedStartSize(direction: 'horizontal' | 'vertical'): number;
     getFixedEndSize(direction: 'horizontal' | 'vertical'): number;
@@ -441,6 +447,8 @@ declare class MatrixBrain extends Logger implements IBrain {
         width: number;
     };
     getVirtualizedContentSizeFor(direction: 'horizontal' | 'vertical'): number;
+    keepColumnRendered: (colIndex: number) => () => void;
+    getAlwaysRenderedColumns: () => number[];
     setRenderRange: ({ horizontal, vertical, extraCells, }: {
         horizontal: RenderRangeType;
         vertical: RenderRangeType;
@@ -928,6 +936,13 @@ declare type CellPositionByIndex = {
     rowIndex: number;
     colIndex: number;
 };
+declare type MultiSelectRangeOptions = {
+    horizontalLayout: false;
+} | {
+    horizontalLayout: true;
+    rowsPerPage: number;
+    columnsPerSet: number;
+};
 
 declare type MultiCellSelectorOptions = {
     getPrimaryKeyByIndex: (rowIndex: number) => string | number;
@@ -952,10 +967,10 @@ declare class MultiCellSelector {
      * @param position CellPosition
      */
     singleAddClick(position: CellPositionByIndex): void;
-    multiSelectClick(position: CellPositionByIndex): void;
-    setRangeSelected(startPosition: CellPositionByIndex, endPosition: CellPositionByIndex, selected: boolean): void;
-    deselectRange(startPosition: CellPositionByIndex, endPosition: CellPositionByIndex): void;
-    selectRange(startPosition: CellPositionByIndex, endPosition: CellPositionByIndex): void;
+    multiSelectClick(position: CellPositionByIndex, options: MultiSelectRangeOptions): void;
+    setRangeSelected(startPosition: CellPositionByIndex, endPosition: CellPositionByIndex, selected: boolean, options: MultiSelectRangeOptions): void;
+    deselectRange(startPosition: CellPositionByIndex, endPosition: CellPositionByIndex, options: MultiSelectRangeOptions): void;
+    selectRange(startPosition: CellPositionByIndex, endPosition: CellPositionByIndex, options: MultiSelectRangeOptions): void;
 }
 
 declare type RowSelectionStateItem = (any | any[])[];
@@ -1319,6 +1334,7 @@ declare class MappedCells<T_ADDITIONAL_CELL_INFO = any> extends Logger {
         withCellAdditionalInfo: boolean;
     });
     getElementFromListForColumn: (elementsOutsideItemRange: number[], colIndex: number) => number | undefined;
+    getElementFromListForRow: (elementsOutsideItemRange: number[], _rowIndex: number) => number | undefined;
     init(): void;
     reset(): void;
     destroy(): void;
@@ -1406,7 +1422,8 @@ declare class ReactHeadlessTableRenderer extends Logger {
     private mappedDetailRows;
     private items;
     private detailItems;
-    private currentHoveredRow;
+    private lastEnteredRow;
+    private lastExitedRow;
     private onDestroy;
     private hoverRowUpdatesInProgress;
     private infiniteNode;
@@ -1524,6 +1541,7 @@ interface InfiniteTableSetupState<T> {
     headerBrain: MatrixBrain;
     renderer: ReactHeadlessTableRenderer;
     onRenderUpdater: SubscriptionCallback<Renderable>;
+    forceBodyRerenderTimestamp: number;
     lastRowToExpandRef: MutableRefObject<any | null>;
     lastRowToCollapseRef: MutableRefObject<any | null>;
     getDOMNodeForCell: (cellPos: CellPositionByIndex) => HTMLElement | null;
@@ -1570,6 +1588,7 @@ interface InfiniteTableSetupState<T> {
     focused: boolean;
     ready: boolean;
     columnReorderDragColumnId: false | string;
+    columnReorderInPageIndex: number | null;
     columnVisibilityForGrouping: Record<string, false>;
     focusedWithin: boolean;
     scrollPosition: ScrollPosition;
@@ -1610,6 +1629,7 @@ interface InfiniteTableMappedState<T> {
     groupColumn: InfiniteTableProps<T>['groupColumn'];
     onKeyDown: InfiniteTableProps<T>['onKeyDown'];
     onCellClick: InfiniteTableProps<T>['onCellClick'];
+    repeatWrappedGroupRows: InfiniteTableProps<T>['repeatWrappedGroupRows'];
     wrapRowsHorizontally: InfiniteTableProps<T>['wrapRowsHorizontally'];
     rowDetailCache: RowDetailCache<RowDetailCacheKey, RowDetailCacheEntry>;
     headerOptions: NonUndefined<InfiniteTableProps<T>['headerOptions']>;
@@ -2138,6 +2158,11 @@ declare type LazyGroupDataDeepMap<DataType, KeyType = string> = DeepMap<KeyType,
 interface DataSourceSetupState<T> {
     indexer: Indexer<T, any>;
     getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue | undefined>;
+    repeatWrappedGroupRows: boolean;
+    /**
+     * This is just used for horizontal layout and when repeatWrappedGroupRows is TRUE!!!
+     */
+    rowsPerPage: number | null;
     destroyedRef: React$1.MutableRefObject<boolean>;
     idToIndexMap: Map<any, number>;
     detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -2565,6 +2590,8 @@ declare const useManagedDataSource: (props: unknown) => {
         componentState: {
             indexer: Indexer<unknown, any>;
             getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue<any> | undefined>;
+            repeatWrappedGroupRows: never;
+            rowsPerPage: never;
             destroyedRef: React$1.MutableRefObject<boolean>;
             idToIndexMap: Map<any, number>;
             detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -2661,6 +2688,8 @@ declare const useManagedDataSource: (props: unknown) => {
         } & {
             indexer: Indexer<unknown, any>;
             getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue<any> | undefined>;
+            repeatWrappedGroupRows: never;
+            rowsPerPage: never;
             destroyedRef: React$1.MutableRefObject<boolean>;
             idToIndexMap: Map<any, number>;
             detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -2757,6 +2786,8 @@ declare const useManagedDataSource: (props: unknown) => {
         } & {
             indexer: Indexer<unknown, any>;
             getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue<any> | undefined>;
+            repeatWrappedGroupRows: never;
+            rowsPerPage: never;
             destroyedRef: React$1.MutableRefObject<boolean>;
             idToIndexMap: Map<any, number>;
             detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -2854,6 +2885,8 @@ declare const useManagedDataSource: (props: unknown) => {
         componentActions: ComponentStateGeneratedActions<{
             indexer: Indexer<unknown, any>;
             getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue<any> | undefined>;
+            repeatWrappedGroupRows: never;
+            rowsPerPage: never;
             destroyedRef: React$1.MutableRefObject<boolean>;
             idToIndexMap: Map<any, number>;
             detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -2950,6 +2983,8 @@ declare const useManagedDataSource: (props: unknown) => {
         } & {
             indexer: Indexer<unknown, any>;
             getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue<any> | undefined>;
+            repeatWrappedGroupRows: never;
+            rowsPerPage: never;
             destroyedRef: React$1.MutableRefObject<boolean>;
             idToIndexMap: Map<any, number>;
             detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -3046,6 +3081,8 @@ declare const useManagedDataSource: (props: unknown) => {
         } & {
             indexer: Indexer<unknown, any>;
             getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue<any> | undefined>;
+            repeatWrappedGroupRows: never;
+            rowsPerPage: never;
             destroyedRef: React$1.MutableRefObject<boolean>;
             idToIndexMap: Map<any, number>;
             detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -3143,6 +3180,8 @@ declare const useManagedDataSource: (props: unknown) => {
         getComponentState: () => {
             indexer: Indexer<unknown, any>;
             getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue<any> | undefined>;
+            repeatWrappedGroupRows: never;
+            rowsPerPage: never;
             destroyedRef: React$1.MutableRefObject<boolean>;
             idToIndexMap: Map<any, number>;
             detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -3239,6 +3278,8 @@ declare const useManagedDataSource: (props: unknown) => {
         } & {
             indexer: Indexer<unknown, any>;
             getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue<any> | undefined>;
+            repeatWrappedGroupRows: never;
+            rowsPerPage: never;
             destroyedRef: React$1.MutableRefObject<boolean>;
             idToIndexMap: Map<any, number>;
             detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -3335,6 +3376,8 @@ declare const useManagedDataSource: (props: unknown) => {
         } & {
             indexer: Indexer<unknown, any>;
             getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue<any> | undefined>;
+            repeatWrappedGroupRows: never;
+            rowsPerPage: never;
             destroyedRef: React$1.MutableRefObject<boolean>;
             idToIndexMap: Map<any, number>;
             detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -3432,6 +3475,8 @@ declare const useManagedDataSource: (props: unknown) => {
         replaceState: (newState: {
             indexer: Indexer<unknown, any>;
             getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue<any> | undefined>;
+            repeatWrappedGroupRows: never;
+            rowsPerPage: never;
             destroyedRef: React$1.MutableRefObject<boolean>;
             idToIndexMap: Map<any, number>;
             detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -3528,6 +3573,8 @@ declare const useManagedDataSource: (props: unknown) => {
         } & {
             indexer: Indexer<unknown, any>;
             getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue<any> | undefined>;
+            repeatWrappedGroupRows: never;
+            rowsPerPage: never;
             destroyedRef: React$1.MutableRefObject<boolean>;
             idToIndexMap: Map<any, number>;
             detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -3624,6 +3671,8 @@ declare const useManagedDataSource: (props: unknown) => {
         } & {
             indexer: Indexer<unknown, any>;
             getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue<any> | undefined>;
+            repeatWrappedGroupRows: never;
+            rowsPerPage: never;
             destroyedRef: React$1.MutableRefObject<boolean>;
             idToIndexMap: Map<any, number>;
             detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -3721,6 +3770,8 @@ declare const useManagedDataSource: (props: unknown) => {
         assignState: (newState: Partial<{
             indexer: Indexer<unknown, any>;
             getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue<any> | undefined>;
+            repeatWrappedGroupRows: never;
+            rowsPerPage: never;
             destroyedRef: React$1.MutableRefObject<boolean>;
             idToIndexMap: Map<any, number>;
             detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -3817,6 +3868,8 @@ declare const useManagedDataSource: (props: unknown) => {
         } & {
             indexer: Indexer<unknown, any>;
             getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue<any> | undefined>;
+            repeatWrappedGroupRows: never;
+            rowsPerPage: never;
             destroyedRef: React$1.MutableRefObject<boolean>;
             idToIndexMap: Map<any, number>;
             detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -3913,6 +3966,8 @@ declare const useManagedDataSource: (props: unknown) => {
         } & {
             indexer: Indexer<unknown, any>;
             getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue<any> | undefined>;
+            repeatWrappedGroupRows: never;
+            rowsPerPage: never;
             destroyedRef: React$1.MutableRefObject<boolean>;
             idToIndexMap: Map<any, number>;
             detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -4011,6 +4066,8 @@ declare const useManagedDataSource: (props: unknown) => {
     ContextComponent: React$1.Context<ManagedComponentStateContextValue<{
         indexer: Indexer<unknown, any>;
         getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue<any> | undefined>;
+        repeatWrappedGroupRows: never;
+        rowsPerPage: never;
         destroyedRef: React$1.MutableRefObject<boolean>;
         idToIndexMap: Map<any, number>;
         detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -4107,6 +4164,8 @@ declare const useManagedDataSource: (props: unknown) => {
     } & {
         indexer: Indexer<unknown, any>;
         getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue<any> | undefined>;
+        repeatWrappedGroupRows: never;
+        rowsPerPage: never;
         destroyedRef: React$1.MutableRefObject<boolean>;
         idToIndexMap: Map<any, number>;
         detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -4203,6 +4262,8 @@ declare const useManagedDataSource: (props: unknown) => {
     } & {
         indexer: Indexer<unknown, any>;
         getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue<any> | undefined>;
+        repeatWrappedGroupRows: never;
+        rowsPerPage: never;
         destroyedRef: React$1.MutableRefObject<boolean>;
         idToIndexMap: Map<any, number>;
         detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -4299,6 +4360,8 @@ declare const useManagedDataSource: (props: unknown) => {
     }, ComponentStateGeneratedActions<{
         indexer: Indexer<unknown, any>;
         getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue<any> | undefined>;
+        repeatWrappedGroupRows: never;
+        rowsPerPage: never;
         destroyedRef: React$1.MutableRefObject<boolean>;
         idToIndexMap: Map<any, number>;
         detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -4395,6 +4458,8 @@ declare const useManagedDataSource: (props: unknown) => {
     } & {
         indexer: Indexer<unknown, any>;
         getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue<any> | undefined>;
+        repeatWrappedGroupRows: never;
+        rowsPerPage: never;
         destroyedRef: React$1.MutableRefObject<boolean>;
         idToIndexMap: Map<any, number>;
         detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -4491,6 +4556,8 @@ declare const useManagedDataSource: (props: unknown) => {
     } & {
         indexer: Indexer<unknown, any>;
         getDataSourceMasterContextRef: React$1.MutableRefObject<() => DataSourceMasterDetailContextValue<any> | undefined>;
+        repeatWrappedGroupRows: never;
+        rowsPerPage: never;
         destroyedRef: React$1.MutableRefObject<boolean>;
         idToIndexMap: Map<any, number>;
         detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetail<any>>>;
@@ -4650,6 +4717,7 @@ declare type InfiniteTable_HasGrouping_RowInfoGroup<T> = {
     data: Partial<T> | null;
     reducerData?: Partial<Record<keyof T, any>>;
     isGroupRow: true;
+    duplicateOf?: InfiniteTable_HasGrouping_RowInfoGroup<T>['id'];
     /**
      * This array contains all the (uncollapsed, so visible) row infos under this group, at any level of nesting,
      * in the order in which they are visible in the table
@@ -5214,6 +5282,7 @@ interface InfiniteTableApi<T> {
     get rowDetailApi(): InfiniteTableRowDetailApi;
     get rowSelectionApi(): InfiniteTableRowSelectionApi;
     get cellSelectionApi(): InfiniteTableCellSelectionApi<T>;
+    get scrollContainer(): HTMLElement;
     setColumnOrder: (columnOrder: InfiniteTablePropColumnOrder) => void;
     setColumnVisibility: (columnVisibility: InfiniteTablePropColumnVisibility) => void;
     isDestroyed: () => boolean;
@@ -5228,8 +5297,10 @@ interface InfiniteTableApi<T> {
         rowIndex: number;
         columnId: string;
     }): boolean;
+    get scrollLeftMax(): number;
     get scrollLeft(): number;
     set scrollLeft(value: number);
+    get scrollTopMax(): number;
     get scrollTop(): number;
     set scrollTop(value: number);
     isCellEditable: (params: InfiniteTableApiIsCellEditableParams) => Promise<boolean>;
@@ -5403,6 +5474,7 @@ interface InfiniteTableProps<T> {
     components?: InfiniteTablePropComponents<T>;
     wrapRowsHorizontally?: boolean;
     keyboardShortcuts?: InfiniteTablePropKeyboardShorcut[];
+    repeatWrappedGroupRows?: boolean;
     viewportReservedWidth?: number;
     onViewportReservedWidthChange?: (viewportReservedWidth: number) => void;
     showColumnFilters?: boolean;