@infinite-table/infinite-react 6.1.0 → 6.1.1

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { CSSProperties, HTMLProps, RefCallback, MutableRefObject, MouseEvent, KeyboardEvent, HTMLAttributes, ReactNode, EffectCallback, DependencyList } from 'react';
+import React__default, { RefCallback, CSSProperties, HTMLProps, MutableRefObject, MouseEvent, KeyboardEvent, HTMLAttributes, ReactNode, EffectCallback, DependencyList } from 'react';
 
 declare type ManagedComponentStateContextValue<T_STATE, T_ACTIONS> = {
     getComponentState: () => T_STATE;
@@ -272,6 +272,8 @@ declare class MatrixBrain extends Logger implements IBrain {
     private horizontalTotalSize;
     private horizontalRenderCount?;
     private verticalRenderCount?;
+    protected maxHorizontalRenderCount: number;
+    protected maxVerticalRenderCount: number;
     private horizontalExtendRangeBy;
     private verticalExtendRangeBy;
     protected horizontalRenderRange: RenderRangeType;
@@ -459,6 +461,7 @@ declare class MatrixBrain extends Logger implements IBrain {
         extraCells?: [number, number][] | undefined;
     }) => void;
     getRenderRangeCellCount: (range: TableRenderRange) => number;
+    getMaxCellCount: () => number;
     getExtraCells: () => [
         number,
         number
@@ -486,1317 +489,1103 @@ declare class MatrixBrain extends Logger implements IBrain {
     destroy(): void;
 }
 
-declare enum InfiniteTableActionType {
-    SET_COLUMN_SIZE = 0,
-    SET_SCROLL_POSITION = 1,
-    SET_BODY_SIZE = 2,
-    SET_COLUMN_ORDER = 3,
-    SET_COLUMN_VISIBILITY = 4,
-    SET_COLUMN_SHIFTS = 5,
-    SET_COLUMN_PINNING = 6,
-    SET_COLUMN_AGGREGATIONS = 7,
-    SET_DRAGGING_COLUMN_ID = 8
+declare type CellSelectionPosition<ROW_PRIMARY_KEY_TYPE = any, COL_ID = string> = [ROW_PRIMARY_KEY_TYPE, COL_ID];
+declare type CellSelectionStateObject = {
+    selectedCells: CellSelectionPosition[];
+    deselectedCells: CellSelectionPosition[];
+    defaultSelection: boolean;
+} | {
+    defaultSelection: true;
+    deselectedCells: CellSelectionPosition[];
+    selectedCells?: CellSelectionPosition[];
+} | {
+    defaultSelection: false;
+    selectedCells: CellSelectionPosition[];
+    deselectedCells?: CellSelectionPosition[];
+};
+declare class CellSelectionState {
+    wildcard: string;
+    cache: DeepMap<any, boolean>;
+    selectedRowsToColumns: Map<any, Set<string>>;
+    selectedColumnsToRows: Map<string, Set<any>>;
+    deselectedRowsToColumns: Map<any, Set<string>>;
+    deselectedColumnsToRows: Map<string, Set<any>>;
+    defaultSelection: boolean;
+    constructor(clone?: CellSelectionStateObject | CellSelectionState);
+    deselectAll: () => void;
+    selectAll: () => void;
+    selectCell(rowId: any, colId: string): void;
+    deselectCell(rowId: any, colId: string): void;
+    selectColumn(colId: string): void;
+    deselectColumn(colId: string): void;
+    setCellSelected(rowId: any, colId: string, selected: boolean): void;
+    private setCellInDeselection;
+    private setCellInSelection;
+    update(stateObject: CellSelectionStateObject): void;
+    /**
+     * Returns whether there is at least one selected cell in the row
+     *
+     * @param rowId the row id
+     * @param columnIds the columns currently available in the grid
+     * @returns boolean
+     */
+    isCellSelectionInRow(rowId: any, columnIds: string[]): boolean;
+    isCellSelected(rowId: any, colId: string): boolean;
+    private isCellSelected_Internal;
+    getState(): CellSelectionStateObject;
 }
 
-declare type InfiniteTableAction = {
-    type: InfiniteTableActionType;
-    payload?: any;
+declare type PointCoords = {
+    top: number;
+    left: number;
 };
 
-declare type InfiniteTableBaseCellProps<T> = {
-    column: InfiniteTableComputedColumn<T>;
-    align?: InfiniteTableColumnAlignValues;
-    horizontalLayoutPageIndex: number | null;
-    rowId?: any;
-    renderChildren: () => Renderable;
-    width: number;
-    cssEllipsis?: boolean;
-    contentStyle?: CSSProperties;
-    contentClassName?: string;
-    virtualized?: boolean;
-    skipColumnShifting?: boolean;
-    beforeChildren?: Renderable;
-    afterChildren?: Renderable;
-    cssPosition?: CSSProperties['position'];
-    domRef?: React.RefCallback<HTMLElement>;
+declare type ForwardPropsToStateFnResult<TYPE_PROPS, TYPE_RESULT, COMPONENT_SETUP_STATE> = {
+    [propName in keyof TYPE_PROPS & keyof TYPE_RESULT]: 1 | ((value: TYPE_PROPS[propName], setupState: COMPONENT_SETUP_STATE) => TYPE_RESULT[propName]);
 };
-declare type InfiniteTableCellProps<T> = ({
-    cellType: 'header';
-} & InfiniteTableBaseCellProps<T>) | ({
-    cellType: 'body';
-} & InfiniteTableBaseCellProps<T>);
-
-declare type DiscriminatedUnion<A, B> = (A & {
-    [K in keyof B]?: undefined;
-}) | (B & {
-    [K in keyof A]?: undefined;
-});
-declare type KeyOfNoSymbol<T> = Exclude<keyof T, Symbol>;
-/**
- * Restrict using either exclusively the keys of T or exclusively the keys of U.
- *
- * No unique keys of T can be used simultaneously with any unique keys of U.
- *
- * @example
- *```
- * const myVar: XOR<T, U>
- *```
- *
- * @see https://github.com/maninak/ts-xor/tree/master#description
- */
-declare type XOR<T, U> = T | U extends object ? Prettify<Without<T, U> & U> | Prettify<Without<U, T> & T> : T | U;
-/**
- * Useful if applying XOR on more than 2 types.
- * It comes with the penalty of having the types wrapped in an array
- *
- * @example
- * ```
- * AllXOR<[
- *   { a: AModule },
- *   { b: BModule },
- *   { c: CModule },
- *   { d: DModule }
- * ]>
- * ```
- * @see https://github.com/Microsoft/TypeScript/issues/14094#issuecomment-723571692
- */
-declare type AllXOR<T extends any[]> = T extends [infer Only] ? Only : T extends [infer A, infer B, ...infer Rest] ? AllXOR<[XOR<A, B>, ...Rest]> : never;
-/**
- * Get the keys of T without any keys of U.
- */
-declare type Without<T, U> = {
-    [P in Exclude<keyof T, keyof U>]?: never;
+declare type ComponentStateRootConfig<T_PROPS, COMPONENT_MAPPED_STATE, COMPONENT_SETUP_STATE = {}, COMPONENT_DERIVED_STATE = {}, T_ACTIONS = {}, T_PARENT_STATE = {}> = {
+    debugName?: string;
+    initSetupState?: (props: T_PROPS) => COMPONENT_SETUP_STATE;
+    layoutEffect?: boolean;
+    forwardProps?: (setupState: COMPONENT_SETUP_STATE, props: T_PROPS) => ForwardPropsToStateFnResult<T_PROPS, COMPONENT_MAPPED_STATE, COMPONENT_SETUP_STATE>;
+    allowedControlledPropOverrides?: Record<keyof T_PROPS, true>;
+    interceptActions?: ComponentInterceptedActions<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>;
+    mappedCallbacks?: ComponentMappedCallbacks<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>;
+    onPropChange?: (params: {
+        name: keyof T_PROPS;
+        oldValue: any;
+        newValue: any;
+    }, props: T_PROPS, actions: ComponentStateActions<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>, state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & Partial<COMPONENT_DERIVED_STATE>) => void;
+    onPropsChange?: (newPropValues: {
+        [k in keyof T_PROPS]?: {
+            newValue: T_PROPS[k];
+            oldValue: T_PROPS[k];
+        };
+    }, props: T_PROPS, actions: ComponentStateActions<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>, state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & Partial<COMPONENT_DERIVED_STATE>) => void;
+    mapPropsToState?: (params: {
+        props: T_PROPS;
+        state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & Partial<COMPONENT_DERIVED_STATE>;
+        oldState: null | (COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & Partial<COMPONENT_DERIVED_STATE>);
+        parentState: T_PARENT_STATE | null;
+    }) => COMPONENT_DERIVED_STATE;
+    concludeReducer?: (params: {
+        previousState: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & COMPONENT_DERIVED_STATE;
+        state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & COMPONENT_DERIVED_STATE;
+        updatedProps: Partial<T_PROPS> | null;
+        parentState: T_PARENT_STATE | null;
+    }) => COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & COMPONENT_DERIVED_STATE;
+    getReducerActions?: (dispatch: React$1.Dispatch<any>) => T_ACTIONS;
+    getParentState?: () => T_PARENT_STATE;
+    cleanup?: (state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & COMPONENT_DERIVED_STATE) => void;
+    onControlledPropertyChange?: (name: string, newValue: any, oldValue: any) => void | ((value: any, oldValue: any) => any);
 };
-/**
- * Resolve mapped types and show the derived keys and their types when hovering in
- * IDEs, instead of just showing the names those mapped types are defined with.
- */
-declare type Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
+declare function buildManagedComponent<T_PROPS, COMPONENT_MAPPED_STATE extends object, COMPONENT_SETUP_STATE extends object = {}, COMPONENT_DERIVED_STATE extends object = {}, T_ACTIONS = {}, T_PARENT_STATE = {}>(config: ComponentStateRootConfig<T_PROPS, COMPONENT_MAPPED_STATE, COMPONENT_SETUP_STATE, COMPONENT_DERIVED_STATE, T_ACTIONS, T_PARENT_STATE>): {
+    ManagedComponentContextProvider: React$1.NamedExoticComponent<T_PROPS & {
+        children: React$1.ReactNode;
+    }>;
+    useManagedComponent: (props: T_PROPS) => {
+        contextValue: {
+            componentState: COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE;
+            componentActions: ComponentStateGeneratedActions<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>;
+            getComponentState: () => COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE;
+            replaceState: (newState: COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE) => void;
+            assignState: (newState: Partial<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>) => void;
+        };
+        ContextComponent: React$1.Context<ManagedComponentStateContextValue<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE, ComponentStateGeneratedActions<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>>>;
+    };
+};
+declare function useManagedComponentState<COMPONENT_STATE>(): ManagedComponentStateContextValue<COMPONENT_STATE, ComponentStateGeneratedActions<COMPONENT_STATE>>;
 
-declare type MenuIconProps = {
-    lineWidth?: number;
-    lineStyle?: React$1.CSSProperties;
-    style?: React$1.CSSProperties;
-    className?: string;
-    domProps?: React$1.HTMLAttributes<HTMLDivElement>;
-    reserveSpaceWhenHidden?: boolean;
-    menuVisible?: boolean;
-    children?: React$1.ReactNode;
+declare type NodePath$1<PRIMARY_KEY_TYPE = any> = PRIMARY_KEY_TYPE[];
+declare type TreeExpandStateObject_ByPath<PRIMARY_KEY_TYPE = any> = {
+    expandedPaths: NodePath$1<PRIMARY_KEY_TYPE>[];
+    collapsedPaths: NodePath$1<PRIMARY_KEY_TYPE>[];
+    defaultExpanded: boolean;
+    collapsedIds?: never;
+    expandedIds?: never;
+} | {
+    defaultExpanded: true;
+    collapsedPaths: NodePath$1<PRIMARY_KEY_TYPE>[];
+    expandedPaths?: NodePath$1<PRIMARY_KEY_TYPE>[];
+    collapsedIds?: never;
+    expandedIds?: never;
+} | {
+    defaultExpanded: false;
+    collapsedPaths?: NodePath$1<PRIMARY_KEY_TYPE>[];
+    expandedPaths: NodePath$1<PRIMARY_KEY_TYPE>[];
+    collapsedIds?: never;
+    expandedIds?: never;
 };
-declare function MenuIcon(props: MenuIconProps): React$1.JSX.Element;
+declare type TreeExpandStateObject_ById<PRIMARY_KEY_TYPE = any> = {
+    defaultExpanded: boolean;
+    expandedIds: PRIMARY_KEY_TYPE[];
+    collapsedIds: PRIMARY_KEY_TYPE[];
+    expandedPaths?: never;
+    collapsedPaths?: never;
+} | {
+    defaultExpanded: true;
+    collapsedIds: PRIMARY_KEY_TYPE[];
+    expandedIds?: PRIMARY_KEY_TYPE[];
+    expandedPaths?: never;
+    collapsedPaths?: never;
+} | {
+    defaultExpanded: false;
+    collapsedIds?: PRIMARY_KEY_TYPE[];
+    expandedIds: PRIMARY_KEY_TYPE[];
+    expandedPaths?: never;
+    collapsedPaths?: never;
+};
+declare type TreeExpandStateObject<PRIMARY_KEY_TYPE = any> = TreeExpandStateObject_ByPath<PRIMARY_KEY_TYPE> | TreeExpandStateObject_ById<PRIMARY_KEY_TYPE>;
+declare type TreeExpandStateMode = 'id' | 'path';
+declare class TreeExpandState<PRIMARY_KEY_TYPE = any> {
+    collapsedPathsMap: DeepMap<PRIMARY_KEY_TYPE, true>;
+    expandedPathsMap: DeepMap<PRIMARY_KEY_TYPE, true>;
+    collapsedIdsMap: Map<PRIMARY_KEY_TYPE, true>;
+    expandedIdsMap: Map<PRIMARY_KEY_TYPE, true>;
+    private _mode;
+    get mode(): TreeExpandStateMode;
+    defaultExpanded: boolean;
+    constructor(clone?: TreeExpandStateObject | TreeExpandState);
+    reset(): void;
+    destroy(): void;
+    expandAll: () => void;
+    collapseAll: () => void;
+    expandNode(nodePathOrId: PRIMARY_KEY_TYPE | NodePath$1<PRIMARY_KEY_TYPE>): void;
+    collapseNode(nodePathOrId: PRIMARY_KEY_TYPE | NodePath$1<PRIMARY_KEY_TYPE>): void;
+    setNodeExpanded(nodePathOrId: PRIMARY_KEY_TYPE | NodePath$1<PRIMARY_KEY_TYPE>, expanded: boolean): void;
+    isNodeExpandedByPath(nodePath: NodePath$1<PRIMARY_KEY_TYPE>): boolean;
+    isNodeExpandedById(id: PRIMARY_KEY_TYPE): boolean;
+    isNodeExpanded(nodePathOrId: PRIMARY_KEY_TYPE | NodePath$1<PRIMARY_KEY_TYPE>): boolean;
+    update(stateObject: TreeExpandStateObject): void;
+    getState(): TreeExpandStateObject;
+}
 
 declare type NonUndefined<T> = T extends undefined ? never : T;
 
-declare type InfiniteTableToggleGroupRowFn = (groupKeys: any[]) => void;
-declare type InfiniteTableToggleTreeNodeFn = (nodePath: any[]) => void;
-declare type InfiniteTableToggleRowDetailsFn = (id: any) => void;
-declare type InfiniteTableSelectRowFn = (id: any) => void;
-declare type InfiniteTableColumnHeaderParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = {
-    dragging: boolean;
-    column: COL_TYPE;
-    columnsMap: Map<string, COL_TYPE>;
-    columnSortInfo: DataSourceSingleSortInfo<DATA_TYPE> | null;
-    columnFilterValue: DataSourceFilterValueItem<DATA_TYPE> | null;
-    selectionMode: DataSourcePropSelectionMode;
-    horizontalLayoutPageIndex: null | number;
-    allRowsSelected: boolean;
-    someRowsSelected: boolean;
-    filtered: boolean;
-    api: InfiniteTableApi<DATA_TYPE>;
-    dataSourceApi: DataSourceApi<DATA_TYPE>;
-    columnApi: InfiniteTableColumnApi<DATA_TYPE>;
-    renderBag: {
-        all?: Renderable;
-        header: string | number | Renderable;
-        sortIcon?: Renderable;
-        menuIcon?: Renderable;
-        menuIconProps?: MenuIconProps;
-        filterIcon?: Renderable;
-        filterEditor?: Renderable;
-        selectionCheckBox?: Renderable;
-    };
+declare type OnNodeStateChangeParam = DataSourceCallback_BaseParam<any> & {};
+declare type TreeDataSourceOnlyProps<T> = {
+    nodesKey?: string;
+    treeSelection?: DataSourcePropTreeSelection;
+    treeFilterFunction?: DataSourcePropTreeFilterFunction<T>;
+    defaultTreeSelection?: DataSourcePropTreeSelection;
+    treeExpandState?: TreeExpandStateValue;
+    defaultTreeExpandState?: TreeExpandStateValue;
+    onTreeExpandStateChange?: (treeExpandState: TreeExpandStateObject<any>, params: {
+        dataSourceApi: DataSourceApi<T>;
+        nodePath: NodePath$1 | null;
+        nodeState: 'collapsed' | 'expanded';
+    }) => void;
+    onTreeDataMutations?: ({ dataArray, timestamp, treeMutations, nodesKey, }: {
+        nodesKey: keyof T | any;
+        dataArray: DataSourceState<T>['originalDataArray'];
+        timestamp: number;
+        treeMutations: NonUndefined<DataSourceState<T>['originalDataArrayChangedInfo']['treeMutations']>;
+    }) => void;
+    isNodeSelected?: DataSourcePropIsNodeSelected<T>;
+    isNodeSelectable?: DataSourcePropIsNodeSelectable<T>;
+    isNodeReadOnly?: DataSourcePropIsNodeReadOnly<T>;
+    /**
+     * Called when a node is expanded. Not called when treeApi.expandAll is called.
+     */
+    onNodeExpand?: (node: NodePath$1, param: OnNodeStateChangeParam) => void;
+    /**
+     * Called when a node is collapsed. Not called when treeApi.collapseAll is called.
+     */
+    onNodeCollapse?: (node: NodePath$1, param: OnNodeStateChangeParam) => void;
 } & ({
-    domRef: InfiniteTableCellProps<DATA_TYPE>['domRef'];
-    htmlElementRef: React__default.MutableRefObject<HTMLElement | null>;
-    insideColumnMenu: false;
+    selectionMode?: 'multi-row';
+    treeSelection?: DataSourcePropTreeSelection_MultiNode;
+    defaultTreeSelection?: DataSourcePropTreeSelection_MultiNode;
+    onTreeSelectionChange?: DataSourcePropOnTreeSelectionChange_MultiNode;
 } | {
-    insideColumnMenu: true;
+    selectionMode?: 'single-row';
+    treeSelection?: DataSourcePropTreeSelection_SingleNode;
+    defaultTreeSelection?: DataSourcePropTreeSelection_SingleNode;
+    onTreeSelectionChange?: DataSourcePropOnTreeSelectionChange_SingleNode;
+} | {
+    selectionMode?: 'single-cell';
+    cellSelection?: DataSourcePropCellSelection_SingleCell;
+    defaultCellSelection?: DataSourcePropCellSelection_SingleCell;
+    onCellSelectionChange?: DataSourcePropOnCellSelectionChange_SingleCell;
+} | {
+    selectionMode?: 'multi-cell';
+    cellSelection?: DataSourcePropCellSelection_MultiCell;
+    defaultCellSelection?: DataSourcePropCellSelection_MultiCell;
+    onCellSelectionChange?: DataSourcePropOnCellSelectionChange_MultiCell;
+} | {
+    selectionMode?: false;
+}) & ({
+    isNodeCollapsed?: DataSourcePropIsNodeExpanded<T>;
+    isNodeExpanded?: never;
+} | {
+    isNodeExpanded?: DataSourcePropIsNodeExpanded<T>;
+    isNodeCollapsed?: never;
 });
-declare type InfiniteTableColumnRenderBag = {
-    value: string | number | Renderable;
-    groupIcon?: Renderable;
-    treeIcon?: Renderable;
-    rowDetailsIcon?: Renderable;
-    all?: Renderable;
-    selectionCheckBox?: Renderable;
+declare type DataSourcePropsNotAvailableInTreeDataSource = keyof Pick<DataSourceProps<any>, 'groupBy' | 'defaultGroupBy' | 'nodesKey' | 'defaultGroupRowsState' | 'groupRowsState' | 'onGroupRowsStateChange' | 'onGroupByChange' | 'collapseGroupRowsOnDataFunctionChange' | 'livePagination' | 'onLivePaginationCursorChange' | 'groupMode' | 'filterFunction' | 'onPivotByChange' | 'pivotBy' | 'defaultPivotBy' | 'selectionMode' | 'rowSelection' | 'defaultRowSelection'>;
+declare type TreeDataSourceProps<T> = Omit<DataSourceProps<T>, DataSourcePropsNotAvailableInTreeDataSource> & TreeDataSourceOnlyProps<T>;
+
+declare type NodePath = any[];
+declare type TreeSelectionStateObject = {
+    selectedPaths: NodePath;
+    deselectedPaths: NodePath;
+    defaultSelection: boolean;
+} | {
+    defaultSelection: true;
+    deselectedPaths: NodePath;
+    selectedPaths?: NodePath;
+} | {
+    defaultSelection: false;
+    selectedPaths: NodePath;
+    deselectedPaths?: NodePath;
 };
-declare type InfiniteTableColumnRenderParamBase<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = {
-    domRef: InfiniteTableCellProps<DATA_TYPE>['domRef'];
-    htmlElementRef: React__default.MutableRefObject<HTMLElement | null>;
-    rowIndexInHorizontalLayoutPage: null | number;
-    horizontalLayoutPageIndex: null | number;
-    value: string | number | Renderable;
-    align: InfiniteTableColumnAlignValues;
-    verticalAlign: InfiniteTableColumnVerticalAlignValues;
-    renderBag: InfiniteTableColumnRenderBag;
-    rowIndex: number;
-    rowActive: boolean;
-    api: InfiniteTableApi<DATA_TYPE>;
-    dataSourceApi: DataSourceApi<DATA_TYPE>;
-    editError?: Error;
-    column: COL_TYPE;
-    columnsMap: Map<string, COL_TYPE>;
-    fieldsToColumn: Map<keyof DATA_TYPE, COL_TYPE>;
-    groupByColumn?: InfiniteTableComputedColumn<DATA_TYPE>;
-    toggleCurrentGroupRow: () => void;
-    toggleCurrentTreeNode: () => void;
-    expandTreeNode: InfiniteTableToggleTreeNodeFn;
-    collapseTreeNode: InfiniteTableToggleTreeNodeFn;
-    toggleGroupRow: InfiniteTableToggleGroupRowFn;
-    toggleTreeNode: InfiniteTableToggleTreeNodeFn;
-    toggleCurrentTreeNodeSelection: () => void;
-    toggleCurrentGroupRowSelection: () => void;
-    toggleCurrentRowSelection: () => void;
-    toggleCurrentRowDetails: () => void;
-    toggleRowDetails: InfiniteTableToggleRowDetailsFn;
-    expandRowDetails: InfiniteTableToggleRowDetailsFn;
-    collapseRowDetails: InfiniteTableToggleRowDetailsFn;
-    rowHasSelectedCells: boolean;
-    cellSelected: boolean;
-    selectCurrentRow: () => void;
-    selectRow: InfiniteTableSelectRowFn;
-    deselectRow: InfiniteTableSelectRowFn;
-    deselectCurrentRow: () => void;
-    selectCell: () => void;
-    deselectCell: () => void;
-    toggleRowSelection: InfiniteTableSelectRowFn;
-    toggleGroupRowSelection: InfiniteTableToggleGroupRowFn;
-    toggleTreeNodeSelection: InfiniteTableToggleTreeNodeFn;
-    selectTreeNode: InfiniteTableToggleTreeNodeFn;
-    deselectTreeNode: InfiniteTableToggleTreeNodeFn;
-    selectionMode: DataSourcePropSelectionMode | undefined;
-    rootGroupBy: DataSourceState<DATA_TYPE>['groupBy'];
-    pivotBy?: DataSourceState<DATA_TYPE>['pivotBy'];
+declare type TreeSelectionStateConfig<_T = any> = {
+    treeDeepMap: DeepMap<any, DeepMapTreeValueType<any, any>>;
 };
-declare type InfiniteTableColumnCellContextType<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = InfiniteTableColumnRenderParamBase<DATA_TYPE, COL_TYPE> & InfiniteTableRowInfoDataDiscriminator<DATA_TYPE>;
-declare type InfiniteTableColumnRenderValueParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = InfiniteTableColumnCellContextType<DATA_TYPE, COL_TYPE>;
-declare type InfiniteTableColumnRowspanParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = {
-    rowInfo: InfiniteTableRowInfo<DATA_TYPE>;
-    data: DATA_TYPE | Partial<DATA_TYPE> | null;
-    dataArray: InfiniteTableRowInfo<DATA_TYPE>[];
-    rowIndex: number;
-    column: COL_TYPE;
+declare type GetTreeSelectionStateConfig<T> = () => TreeSelectionStateConfig<T>;
+declare type NodeSelectionState = {
+    selected: boolean | null;
+    selectedCount: number;
+    deselectedCount: number;
+    leafCount: number;
 };
-declare type InfiniteTableColumnRenderFunctionForGroupRows<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (renderParams: InfiniteTableColumnCellContextType<DATA_TYPE, COL_TYPE> & {
-    isGroupRow: true;
-}) => Renderable | null;
-declare type InfiniteTableColumnRenderFunctionForParentNode<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (renderParams: InfiniteTableColumnCellContextType<DATA_TYPE, COL_TYPE> & {
-    isTreeNode: true;
-    isParentNode: true;
-}) => Renderable | null;
-declare type InfiniteTableColumnRenderFunctionForLeafNode<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (renderParams: InfiniteTableColumnCellContextType<DATA_TYPE, COL_TYPE> & {
-    isTreeNode: true;
-    isParentNode: false;
-}) => Renderable | null;
-declare type InfiniteTableColumnRenderFunctionForNode<DATA_TYPE, EXTRA_NODE_PARAMS = Partial<InfiniteTableRowInfoDataDiscriminator_ParentNode<DATA_TYPE> | InfiniteTableRowInfoDataDiscriminator_LeafNode<DATA_TYPE>>, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (renderParams: InfiniteTableColumnCellContextType<DATA_TYPE, COL_TYPE> & EXTRA_NODE_PARAMS) => Renderable | null;
-declare type InfiniteTableColumnRenderFunctionForNormalRows<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (renderParams: InfiniteTableColumnCellContextType<DATA_TYPE, COL_TYPE> & {
-    isGroupRow: false;
-}) => Renderable | null;
-declare type InfiniteTableColumnRenderFunction<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (renderParams: InfiniteTableColumnCellContextType<DATA_TYPE, COL_TYPE>) => Renderable | null;
-declare type InfiniteTableColumnHeaderRenderFunction<T> = (headerParams: InfiniteTableColumnHeaderParam<T>) => Renderable;
-declare type InfiniteTableColumnOrHeaderRenderFunction<T> = (params: (InfiniteTableColumnCellContextType<T> & {
-    rowInfo: InfiniteTableRowInfo<T>;
-}) | (InfiniteTableColumnHeaderParam<T> & {
-    rowInfo: null;
-})) => ReturnType<InfiniteTableColumnRenderFunction<T>>;
-declare type InfiniteTableColumnContentFocusable<T> = boolean | InfiniteTableColumnContentFocusableFn<T>;
-declare type InfiniteTableColumnEditable<T> = boolean | InfiniteTableColumnEditableFn<T>;
-declare type InfiniteTableColumnContentFocusableFn<T> = (params: InfiniteTableColumnContentFocusableParams<T>) => boolean;
-declare type InfiniteTableColumnEditableFn<T> = (params: InfiniteTableColumnEditableParams<T>) => boolean | Promise<boolean>;
-declare type InfiniteTableColumnContentFocusableParams<T> = InfiniteTableRowInfoDataDiscriminatorWithColumnAndApis<T>;
-declare type InfiniteTableColumnEditableParams<T> = InfiniteTableColumnContentFocusableParams<T>;
-declare type InfiniteTableColumnGetValueToPersistParams<T> = InfiniteTableColumnEditableParams<T> & {
-    initialValue: any;
+declare class TreeSelectionState<T = any> {
+    selectedPaths: NodePath[] | null;
+    deselectedPaths: NodePath[] | null;
+    defaultSelection: boolean;
+    selectionMap: DeepMap<NodePath, boolean>;
+    cache: DeepMap<NodePath, NodeSelectionState>;
+    getConfig: GetTreeSelectionStateConfig<T>;
+    getTreeDeepMap(): DeepMap<any, DeepMapTreeValueType<any, any>>;
+    isLeafNode(nodePath: NodePath): boolean;
+    getLeafNodesCount(nodePath: NodePath): number;
+    static from<T>(treeSelectionState: TreeSelectionStateObject, getConfig: GetTreeSelectionStateConfig<T>): TreeSelectionState<T>;
+    constructor(state: TreeSelectionStateObject | TreeSelectionState, getConfig: GetTreeSelectionStateConfig<T>);
+    setConfigFn(getConfig: GetTreeSelectionStateConfig<T>): void;
+    xcache(): void;
+    update(stateObject: TreeSelectionStateObject): void;
+    setSelectionForPath(nodePath: NodePath, selected: boolean): void;
+    getState(): TreeSelectionStateObject;
+    deselectAll(): void;
+    selectAll(): void;
+    isNodeSelected(nodePath: NodePath): boolean | null;
+    private isSelfSelected;
+    private cacheIt;
+    private getSelectionStateForNode;
+    private isPathSelected;
+    private getNodeBooleanSelectionStateFromParent;
+    setNodeSelection(nodePath: NodePath, selected: boolean): void;
+    selectNode(nodePath: NodePath): void;
+    deselectNode(nodePath: any[]): void;
+    toggleNodeSelection(nodePath: NodePath): void;
+    getSelectedCount(): number;
+    getDeselectedCount(): number;
+    getSelectionCountFor(nodePath?: NodePath): {
+        selectedCount: number;
+        deselectedCount: number;
+    };
+    destroy(): void;
+}
+
+declare type DataSourceStateRestoreForDetail<T> = {
+    originalDataArray: DataSourceState<T>['originalDataArray'] | undefined;
+    groupBy: DataSourceState<T>['groupBy'] | undefined;
+    groupRowsState: DataSourceState<T>['groupRowsState'] | undefined;
+    pivotBy: DataSourceState<T>['pivotBy'] | undefined;
+    sortInfo: DataSourceState<T>['sortInfo'] | undefined;
+    filterValue: DataSourceState<T>['filterValue'] | undefined;
+    livePaginationCursor: DataSourceState<T>['livePaginationCursor'] | undefined;
 };
-declare type InfiniteTableColumnAlignValues = 'start' | 'center' | 'end';
-declare type InfiniteTableColumnVerticalAlignValues = 'start' | 'center' | 'end';
-declare type InfiniteTableColumnHeader<T> = Renderable | InfiniteTableColumnHeaderRenderFunction<T>;
-declare type InfiniteTableDataTypeNames = 'string' | 'number' | 'date' | string;
-declare type InfiniteTableColumnTypeNames = 'string' | 'number' | 'date' | string;
-declare type InfiniteTableColumnStylingFnParams<T> = {
-    value: Renderable;
-    column: InfiniteTableComputedColumn<T>;
-    rowIndexInHorizontalLayoutPage: null | number;
-    horizontalLayoutPageIndex: null | number;
-    inEdit: boolean;
-    rowHasSelectedCells: boolean;
-    editError: InfiniteTableColumnRenderParamBase<T>['editError'];
-} & InfiniteTableRowInfoDataDiscriminator<T>;
-declare type InfiniteTableColumnStyleFn<T> = (params: InfiniteTableColumnStylingFnParams<T>) => undefined | React__default.CSSProperties;
-declare type InfiniteTableColumnHeaderClassNameFn<T> = (params: InfiniteTableColumnHeaderParam<T>) => undefined | string;
-declare type InfiniteTableColumnHeaderStyleFn<T> = (params: InfiniteTableColumnHeaderParam<T>) => undefined | React__default.CSSProperties;
-declare type InfiniteTableColumnClassNameFn<T> = (params: InfiniteTableColumnStylingFnParams<T>) => undefined | string;
-declare type InfiniteTableColumnStyle<T> = CSSProperties | InfiniteTableColumnStyleFn<T>;
-declare type InfiniteTableColumnAlign<T> = InfiniteTableColumnAlignValues | InfiniteTableColumnAlignFn<T>;
-declare type InfiniteTableColumnVerticalAlign<T> = InfiniteTableColumnVerticalAlignValues | InfiniteTableColumnVerticalAlignFn<T>;
-declare type InfiniteTableColumnAlignFn<T> = (params: InfiniteTableColumnAlignFnParams<T>) => InfiniteTableColumnAlignValues;
-declare type InfiniteTableColumnAlignFnParams<T> = XOR<{
-    isHeader: true;
-    column: InfiniteTableComputedColumn<T>;
-}, InfiniteTableColumnStylingFnParams<T> & {
-    isHeader: false;
-}>;
-declare type InfiniteTableColumnVerticalAlignFn<T> = (params: InfiniteTableColumnAlignFnParams<T>) => InfiniteTableColumnVerticalAlignValues;
-declare type InfiniteTableColumnHeaderStyle<T> = CSSProperties | InfiniteTableColumnHeaderStyleFn<T>;
-declare type InfiniteTableColumnClassName<T> = string | InfiniteTableColumnClassNameFn<T>;
-declare type InfiniteTableColumnHeaderClassName<T> = string | InfiniteTableColumnHeaderClassNameFn<T>;
-declare type InfiniteTableColumnValueGetterParams<T> = ValueGetterParams<T>;
-declare type InfiniteTableColumnValueFormatterParams<T> = InfiniteTableRowInfoDataDiscriminator<T>;
-declare type InfiniteTableColumnValueGetter<T, VALUE_GETTER_TYPE = string | number | boolean | Date | null | undefined> = (params: InfiniteTableColumnValueGetterParams<T>) => VALUE_GETTER_TYPE;
-declare type InfiniteTableColumnValueFormatter<T, VALUE_FORMATTER_TYPE = string | number | boolean | Date | null | undefined> = (params: InfiniteTableColumnValueFormatterParams<T>) => VALUE_FORMATTER_TYPE;
-declare type InfiniteTableColumnRowspanFn<T> = (params: InfiniteTableColumnRowspanParam<T>) => number;
-declare type InfiniteTableColumnComparer<T> = (a: T, b: T) => number;
-declare type InfiniteTableColumnSortableFn<T> = (context: {
-    api: InfiniteTableApi<T>;
-    columnApi: InfiniteTableColumnApi<T>;
-    column: InfiniteTableComputedColumn<T>;
-    columns: Map<string, InfiniteTableComputedColumn<T>>;
-}) => boolean;
-declare type InfiniteTableColumnSortable<T> = boolean | InfiniteTableColumnSortableFn<T>;
-/**
- * Defines a column in the table.
- *
- * @typeParam DATA_TYPE The type of the data in the table.
- *
- * Can be bound to a field which is a `keyof DATA_TYPE`.
- */
-declare type InfiniteTableColumn<DATA_TYPE> = {
-    field?: KeyOfNoSymbol<DATA_TYPE>;
-    valueGetter?: InfiniteTableColumnValueGetter<DATA_TYPE>;
-    defaultSortable?: InfiniteTableColumnSortable<DATA_TYPE>;
-    /**
-     * Whether the column is draggable by default.
-     *
-     * This prop overrides the top-level columnDefaultDraggable prop, but is
-     * overridden by the top-level draggableColumns prop.
-     */
-    defaultDraggable?: boolean;
-    resizable?: boolean;
-    shouldAcceptEdit?: (params: InfiniteTablePropOnEditAcceptedParams<DATA_TYPE>) => boolean | Error | Promise<boolean | Error>;
-    contentFocusable?: InfiniteTableColumnContentFocusable<DATA_TYPE>;
-    defaultEditable?: InfiniteTableColumnEditable<DATA_TYPE>;
-    getValueToEdit?: (params: InfiniteTableColumnEditableParams<DATA_TYPE>) => any | Promise<any>;
-    getValueToPersist?: (params: InfiniteTableColumnGetValueToPersistParams<DATA_TYPE>) => any | Promise<any>;
-    comparer?: InfiniteTableColumnComparer<DATA_TYPE>;
-    defaultHiddenWhenGroupedBy?: '*' | true | keyof DATA_TYPE | {
-        [k in keyof Partial<DATA_TYPE>]: true;
-    };
-    align?: InfiniteTableColumnAlign<DATA_TYPE>;
-    headerAlign?: InfiniteTableColumnAlign<DATA_TYPE>;
-    verticalAlign?: InfiniteTableColumnVerticalAlign<DATA_TYPE>;
-    columnGroup?: string;
-    header?: InfiniteTableColumnHeader<DATA_TYPE>;
-    renderHeader?: InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
-    name?: Renderable;
-    cssEllipsis?: boolean;
-    headerCssEllipsis?: boolean;
-    type?: InfiniteTableColumnTypeNames | InfiniteTableColumnTypeNames[] | null;
-    dataType?: InfiniteTableDataTypeNames;
-    sortType?: string | string[];
-    filterType?: string;
-    style?: InfiniteTableColumnStyle<DATA_TYPE>;
-    headerStyle?: InfiniteTableColumnHeaderStyle<DATA_TYPE>;
-    headerClassName?: InfiniteTableColumnHeaderClassName<DATA_TYPE>;
-    className?: InfiniteTableColumnClassName<DATA_TYPE>;
-    rowspan?: InfiniteTableColumnRowspanFn<DATA_TYPE>;
-    render?: InfiniteTableColumnRenderFunction<DATA_TYPE>;
-    renderValue?: InfiniteTableColumnRenderFunction<DATA_TYPE>;
-    renderGroupValue?: InfiniteTableColumnRenderFunctionForGroupRows<DATA_TYPE>;
-    renderLeafValue?: InfiniteTableColumnRenderFunctionForNormalRows<DATA_TYPE>;
-    valueFormatter?: InfiniteTableColumnValueFormatter<DATA_TYPE, Renderable>;
-    defaultWidth?: number;
-    defaultFlex?: number;
-    defaultFilterable?: boolean;
-    minWidth?: number;
-    maxWidth?: number;
-    renderGroupIcon?: InfiniteTableColumnRenderFunctionForGroupRows<DATA_TYPE>;
-    renderRowDetailIcon?: boolean | InfiniteTableColumnRenderFunction<DATA_TYPE>;
-    renderTreeIcon?: boolean | InfiniteTableColumnRenderFunctionForNode<DATA_TYPE, {
-        isTreeNode: true;
-        isParentNode: boolean;
-        isGroupRow: false;
-        nodeExpanded: boolean;
-    }>;
-    renderTreeIconForParentNode?: InfiniteTableColumnRenderFunctionForParentNode<DATA_TYPE, {
-        isTreeNode: true;
-        isGroupRow: true;
-        isParentNode: true;
-    }>;
-    renderTreeIconForLeafNode?: InfiniteTableColumnRenderFunctionForLeafNode<DATA_TYPE, {
-        isTreeNode: true;
-        isGroupRow: false;
-        isLeafNode: true;
-    }>;
-    renderSortIcon?: InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
-    renderFilterIcon?: InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
-    renderSelectionCheckBox?: boolean | InfiniteTableColumnOrHeaderRenderFunction<DATA_TYPE>;
-    renderMenuIcon?: boolean | InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
-    renderHeaderSelectionCheckBox?: boolean | InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
-    components?: {
-        ColumnCell?: (props: HTMLProps<HTMLDivElement>) => JSX.Element | null;
-        HeaderCell?: (props: HTMLProps<HTMLDivElement>) => JSX.Element | null;
-        Editor?: () => JSX.Element | null;
-        FilterEditor?: () => JSX.Element | null;
-        FilterOperatorSwitch?: () => JSX.Element | null;
-        MenuIcon?: (props: MenuIconProps) => JSX.Element | null;
-    };
-};
-declare type InfiniteTableGeneratedGroupColumn<T> = Omit<InfiniteTableColumn<T>, 'defaultSortable'> & {
-    groupByForColumn: GroupBy<T> | GroupBy<T>[];
-    id?: string;
-};
-declare type InfiniteTablePivotColumn<T> = InfiniteTableColumn<T> & ColumnTypeWithInherit<Partial<InfiniteTablePivotFinalColumnVariant<T, any>>>;
-declare type InfiniteTablePivotFinalColumnGroup<DataType, KeyType extends any = any> = InfiniteTableColumnGroup & {
-    pivotBy: DataSourcePivotBy<DataType>[];
-    pivotTotalColumnGroup?: true;
-    pivotGroupKeys: KeyType[];
-    pivotByAtIndex: PivotBy<DataType, KeyType>;
-    pivotGroupKey: KeyType;
-    pivotIndex: number;
-};
-declare type InfiniteTablePivotFinalColumn<DataType, KeyType extends any = any> = InfiniteTableColumn<DataType> & {
-    pivotBy: DataSourcePivotBy<DataType>[];
-    pivotColumn: true;
-    pivotTotalColumn: boolean;
-    pivotAggregator: AggregationReducer<DataType, any>;
-    pivotAggregatorIndex: number;
-    pivotGroupKeys: KeyType[];
-    pivotByAtIndex?: PivotBy<DataType, KeyType>;
-    pivotIndex: number;
-    pivotGroupKey: KeyType;
-};
-declare type InfiniteTablePivotFinalColumnVariant<DataType, KeyType extends any = any> = InfiniteTablePivotFinalColumn<DataType, KeyType>;
-declare type InfiniteTableComputedColumnBase<T> = {
-    computedFilterType: string;
-    computedSortType: string | string[];
-    computedDataType: string;
-    computedWidth: number;
-    computedFlex: number | null;
-    computedMinWidth: number;
-    computedMaxWidth: number;
-    computedOffset: number;
-    computedPinningOffset: number;
-    computedAbsoluteOffset: number;
-    computedSortInfo: DataSourceSingleSortInfo<T> | null;
-    computedSorted: boolean;
-    computedSortedAsc: boolean;
-    computedSortedDesc: boolean;
-    computedSortIndex: number;
-    computedVisible: boolean;
-    computedVisibleIndex: number;
-    computedVisibleIndexInCategory: number;
-    computedMultiSort: boolean;
-    computedFiltered: boolean;
-    computedFilterable: boolean;
-    computedFilterValue: DataSourceFilterValueItem<T> | null;
-    computedPinned: InfiniteTableColumnPinnedValues;
-    computedDraggable: boolean;
-    computedResizable: boolean;
-    computedFirstInCategory: boolean;
-    computedLastInCategory: boolean;
-    computedFirst: boolean;
-    computedLast: boolean;
-    computedEditable: NonUndefined<InfiniteTableColumn<T>['defaultEditable']>;
-    computedSortable: NonUndefined<InfiniteTableColumn<T>['defaultSortable']>;
-    colType: InfiniteTableColumnType<T>;
-    id: string;
+declare type RowDetailCacheKey = string | number;
+declare type RowDetailCacheEntry = {
+    all?: boolean;
+    groupBy?: boolean;
+    sortInfo?: boolean;
+    filterValue?: boolean;
+    data?: boolean;
+    livePaginationCursor?: boolean;
+    columnOrder?: boolean;
 };
-declare type InfiniteTableComputedColumn<T> = InfiniteTableColumn<T> & InfiniteTableComputedColumnBase<T> & Partial<InfiniteTablePivotFinalColumn<T>> & Partial<InfiniteTableGeneratedGroupColumn<T>>;
-declare type InfiniteTableComputedPivotFinalColumn<T> = InfiniteTableComputedColumn<T> & InfiniteTablePivotFinalColumn<T>;
 
-declare class RowSizeCache {
-    rowHeight: Map<number, number>;
-    rowDetailHeight: Map<number, number>;
-    getTotalRowHeight(index: number): number;
-    getRowHeight: (index: number) => number;
-    getRowDetailHeight: (index: number) => number;
-    getSize(index: number): {
-        rowHeight: number;
-        rowDetailHeight: number;
-        totalRowHeight: number;
-    };
+interface RowDetailCacheStorage<_K, T> {
+    add(key: any, value: T): void;
+    get(key: any): T | undefined;
+    delete(key: any): void;
+    has(key: any): boolean;
+}
+interface RowDetailCacheStorageForCurrentRow<T = RowDetailCacheEntry> {
+    add(value: T): void;
+    get(): T | undefined;
+    delete(): void;
+    has(): boolean;
+}
+declare class RowDetailCache<K = RowDetailCacheKey, T = RowDetailCacheEntry> implements RowDetailCacheStorage<K, T> {
+    private cacheStorage;
+    constructor(cache?: boolean | number);
+    add(key: K, value: T): void;
+    get(key: K): T | undefined;
+    delete(key: K): void;
+    has(key: K): boolean;
 }
 
-declare type CellSelectionPosition<ROW_PRIMARY_KEY_TYPE = any, COL_ID = string> = [ROW_PRIMARY_KEY_TYPE, COL_ID];
-declare type CellSelectionStateObject = {
-    selectedCells: CellSelectionPosition[];
-    deselectedCells: CellSelectionPosition[];
-    defaultSelection: boolean;
-} | {
-    defaultSelection: true;
-    deselectedCells: CellSelectionPosition[];
-    selectedCells?: CellSelectionPosition[];
-} | {
-    defaultSelection: false;
-    selectedCells: CellSelectionPosition[];
-    deselectedCells?: CellSelectionPosition[];
+declare type BooleanCollectionStateKeys<KeyType> = true | KeyType[];
+declare type BooleanCollectionStateObject<KeyType> = {
+    positiveItems: BooleanCollectionStateKeys<KeyType>;
+    negativeItems: BooleanCollectionStateKeys<KeyType>;
 };
-declare class CellSelectionState {
-    wildcard: string;
-    cache: DeepMap<any, boolean>;
-    selectedRowsToColumns: Map<any, Set<string>>;
-    selectedColumnsToRows: Map<string, Set<any>>;
-    deselectedRowsToColumns: Map<any, Set<string>>;
-    deselectedColumnsToRows: Map<string, Set<any>>;
-    defaultSelection: boolean;
-    constructor(clone?: CellSelectionStateObject | CellSelectionState);
-    deselectAll: () => void;
-    selectAll: () => void;
-    selectCell(rowId: any, colId: string): void;
-    deselectCell(rowId: any, colId: string): void;
-    selectColumn(colId: string): void;
-    deselectColumn(colId: string): void;
-    setCellSelected(rowId: any, colId: string, selected: boolean): void;
-    private setCellInDeselection;
-    private setCellInSelection;
-    update(stateObject: CellSelectionStateObject): void;
-    /**
-     * Returns whether there is at least one selected cell in the row
-     *
-     * @param rowId the row id
-     * @param columnIds the columns currently available in the grid
-     * @returns boolean
-     */
-    isCellSelectionInRow(rowId: any, columnIds: string[]): boolean;
-    isCellSelected(rowId: any, colId: string): boolean;
-    private isCellSelected_Internal;
-    getState(): CellSelectionStateObject;
+declare abstract class BooleanCollectionState<StateObject, KeyType> {
+    protected positiveMap?: Map<KeyType, true>;
+    protected negativeMap?: Map<KeyType, true>;
+    protected allNegative: boolean;
+    protected allPositive: boolean;
+    private initialState;
+    constructor(state: BooleanCollectionStateObject<KeyType> | BooleanCollectionState<StateObject, KeyType>);
+    abstract getPositiveFromState(state: StateObject): BooleanCollectionStateKeys<KeyType>;
+    abstract getNegativeFromState(state: StateObject): BooleanCollectionStateKeys<KeyType>;
+    abstract getState(): StateObject;
+    protected getInitialState(): BooleanCollectionStateObject<KeyType>;
+    destroy(): void;
+    private update;
+    protected isDefaultNegativeSelection(): boolean;
+    protected isDefaultPositiveSelection(): boolean;
+    protected areAllNegative(): boolean;
+    protected areAllPositive(): boolean;
+    protected makeAllNegative(): void;
+    protected makeAllPositive(): void;
+    protected isItemPositive(key: KeyType): boolean;
+    protected isItemNegative(key: KeyType): boolean;
+    protected setItemValue(key: KeyType, shouldMakePositive: boolean): void;
+    protected makeItemNegative(key: KeyType): void;
+    protected makeItemPositive(key: KeyType): void;
+    protected toggleItem(key: KeyType): void;
 }
 
-declare type CellPositionByIndex = {
+declare class RowDetailState<KeyType = any> extends BooleanCollectionState<RowDetailStateObject<KeyType>, KeyType> {
+    constructor(state: RowDetailStateObject<KeyType> | RowDetailState<KeyType>);
+    getState(): RowDetailStateObject<KeyType>;
+    getPositiveFromState(state: RowDetailStateObject<KeyType>): true | KeyType[];
+    getNegativeFromState(state: RowDetailStateObject<KeyType>): true | KeyType[];
+    areAllCollapsed(): boolean;
+    areAllExpanded(): boolean;
+    collapseAll(): void;
+    expandAll(): void;
+    isRowDetailsExpanded: (key: KeyType) => boolean;
+    isRowDetailsCollapsed(key: KeyType): boolean;
+    setRowDetailsExpanded(key: KeyType, shouldExpand: boolean): void;
+    collapseRowDetails(key: KeyType): void;
+    expandRowDetails(key: KeyType): void;
+    toggleRowDetails(key: KeyType): void;
+}
+
+declare type TableRenderCellFnParam = {
+    domRef: RefCallback<HTMLElement>;
     rowIndex: number;
     colIndex: number;
+    rowspan: number;
+    colspan: number;
+    hidden: boolean;
+    width: number;
+    height: number;
+    widthWithColspan: number;
+    heightWithRowspan: number;
+    rowFixed: FixedPosition;
+    colFixed: FixedPosition;
+    onMouseEnter: VoidFunction;
+    onMouseLeave: VoidFunction;
 };
-declare type MultiSelectRangeOptions = {
-    horizontalLayout: false;
-} | {
-    horizontalLayout: true;
-    rowsPerPage: number;
-    columnsPerSet: number;
+declare type TableRenderDetailRowFnParam = {
+    domRef: RefCallback<HTMLElement>;
+    rowIndex: number;
+    hidden: boolean;
+    height: number;
+    rowFixed: FixedPosition;
+    onMouseEnter: VoidFunction;
+    onMouseLeave: VoidFunction;
 };
-
-declare type MultiCellSelectorOptions = {
-    getPrimaryKeyByIndex: (rowIndex: number) => string | number;
-    getColumnIdByIndex: (colIndex: number) => string;
+declare type TableRenderCellFn = (param: TableRenderCellFnParam) => Renderable;
+declare type TableRenderDetailRowFn = (param: TableRenderDetailRowFnParam) => Renderable;
+declare type RenderRangeOptions = {
+    force?: boolean;
+    renderCell: TableRenderCellFn;
+    renderDetailRow?: TableRenderDetailRowFn;
+    onRender: (items: Renderable[]) => void;
 };
-declare class MultiCellSelector {
-    multiSelectStartPosition: CellPositionByIndex;
-    multiSelectEndPosition?: CellPositionByIndex;
-    getPrimaryKeyByIndex: MultiCellSelectorOptions['getPrimaryKeyByIndex'];
-    getColumnIdByIndex: MultiCellSelectorOptions['getColumnIdByIndex'];
-    _cellSelectionState: CellSelectionState;
-    constructor(options: MultiCellSelectorOptions);
-    private getCellSelectionPosition;
-    set cellSelectionState(cellSelectionState: CellSelectionState);
-    get cellSelectionState(): CellSelectionState;
-    /**
-     * This is the single click, without any modifier
-     */
-    resetClick(position: CellPositionByIndex): void;
-    /**
-     * This is the click with ctrl/cmd key pressed
-     * @param position CellPosition
-     */
-    singleAddClick(position: 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 HorizontalLayoutColVisibilityOptions = {
+    horizontalLayoutPageIndex?: number;
+};
+
+interface GridCellInterface<T_ADDITIONAL_CELL_INFO = any> {
+    debugId: string;
+    update(content: Renderable, additionalInfo?: T_ADDITIONAL_CELL_INFO): void;
+    getElement(): HTMLElement | null;
+    getNode(): Renderable;
+    destroy(): void;
+    onMount(callback: (cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>) => void): void;
+    getAdditionalInfo(): T_ADDITIONAL_CELL_INFO | undefined;
+    isMounted(): boolean;
+    ref: (htmlElement: HTMLElement) => void;
 }
 
-declare type RowSelectionStateItem = (any | any[])[];
-declare type RowSelectionStateObject = {
-    selectedRows: RowSelectionStateItem;
-    deselectedRows: RowSelectionStateItem;
-    defaultSelection: boolean;
-} | {
-    defaultSelection: true;
-    deselectedRows: RowSelectionStateItem;
-    selectedRows?: RowSelectionStateItem;
-} | {
-    defaultSelection: false;
-    selectedRows: RowSelectionStateItem;
-    deselectedRows?: RowSelectionStateItem;
-};
-declare type RowSelectionStateConfig<T> = {
-    groupBy: DataSourceState<T>['groupBy'];
-    groupDeepMap: DataSourceState<T>['groupDeepMap'];
-    toPrimaryKey: DataSourceState<T>['toPrimaryKey'];
-    totalCount: number;
-    indexer: DataSourceState<T>['indexer'];
-    lazyLoad: boolean;
-    onlyUsePrimaryKeys: boolean;
-};
-declare type GetRowSelectionStateConfig<T> = () => RowSelectionStateConfig<T>;
-declare type RowSelectionStateOverride = {
-    getGroupKeysForPrimaryKey: RowSelectionState<any>['getGroupKeysForPrimaryKey'];
-    getGroupByLength: RowSelectionState<any>['getGroupByLength'];
-    getGroupCount: RowSelectionState<any>['getGroupCount'];
-    getGroupKeysDirectlyInsideGroup: RowSelectionState<any>['getGroupKeysDirectlyInsideGroup'];
-    getAllPrimaryKeysInsideGroup: RowSelectionState<any>['getAllPrimaryKeysInsideGroup'];
-};
-declare class RowSelectionState<T = any> {
-    selectedRows: RowSelectionStateItem | null;
-    deselectedRows: RowSelectionStateItem | null;
-    defaultSelection: boolean;
-    selectedMap: DeepMap<any, true>;
-    deselectedMap: DeepMap<any, true>;
-    onlyUsePrimaryKeys: boolean;
-    selectionCache: DeepMap<any, boolean | null>;
-    selectionCountCache: DeepMap<any, {
-        selectedCount: number;
-        deselectedCount: number;
-    }>;
-    getConfig: GetRowSelectionStateConfig<T>;
-    getGroupKeysForPrimaryKey(pk: any): any[];
-    getGroupDeepMap(): DeepMap<any, DeepMapGroupValueType<T, any>> | undefined;
-    getGroupCount(groupKeys: any[]): number;
-    getGroupKeysDirectlyInsideGroup(groupKeys: any[]): any[][];
-    getAllPrimaryKeysInsideGroup(groupKeys: any[]): any[];
-    getGroupByLength(): number;
-    static from<T>(rowSeleStateObject: RowSelectionStateObject, getConfig: GetRowSelectionStateConfig<T>, overrides?: RowSelectionStateOverride): RowSelectionState<T>;
-    constructor(state: RowSelectionStateObject | RowSelectionState, getConfig: GetRowSelectionStateConfig<T>, _forTestingOnly?: RowSelectionStateOverride);
-    mapSet: (name: 'selected' | 'deselected', key: any | any[]) => void;
-    _selectedMapSet: (key: any | any[]) => void;
-    _deselectedMapSet: (key: any | any[]) => void;
-    update(stateObject: RowSelectionStateObject): void;
-    private xcache;
-    getState(): RowSelectionStateObject;
-    deselectAll(): void;
-    selectAll(): void;
-    isRowDefaultSelected(): boolean;
-    isRowDefaultDeselected(): boolean;
-    /**
-     *
-     * @param key the id of the row - if a row in a grouped datasource, this is the final row id, without the group keys
-     * @param groupKeys the keys of row parents, in order
-     * @returns Whether the row is selected or not.
-     */
-    isRowSelected(key: any, groupKeys?: any[]): boolean;
-    isRowDeselected(key: any, groupKeys?: any[]): boolean;
-    setRowSelected(key: string | number, selected: boolean, groupKeys?: any[]): void;
+declare type CellPos = [number, number];
+
+declare class GridCellManager<T_ADDITIONAL_CELL_INFO> extends Logger {
+    private matrix;
+    private rowsWithCellsHistory;
+    private columnsWithCellsHistory;
+    private cellToMatrixPosition;
+    private pool;
+    debugId: string;
+    private offRemoveCell;
+    constructor(debugId: string);
+    private onRemoveCell;
+    set poolSize(cellCount: number);
+    get poolSize(): number;
+    getDetachedCell(): GridCellInterface<T_ADDITIONAL_CELL_INFO>;
+    private clearCellFromMatrix;
+    private addCellToMatrix;
+    private setCellPositionInMatrix;
+    renderNodeAtCell(node: Renderable, cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>, cellPos: CellPos, additionalInfo?: T_ADDITIONAL_CELL_INFO): GridCellInterface<T_ADDITIONAL_CELL_INFO>;
+    getCellPosition(cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>): CellPos | null;
+    getCellAt(cellPos: CellPos): GridCellInterface<T_ADDITIONAL_CELL_INFO> | undefined;
     /**
-     * Returns if the selection state ('full','partial','none') for the current group
-     *
-     * The selection state will be full (true) if either of those are true:
-     *  * the group keys are specified as selected
-     *  * all the children are specified as selected
+     * This gets a cell for a given position.
+     * If there's already a cell currently attached at that position, it will be returned.
      *
-     * The selection state will be partial (null) if either of those are true:
-     *  * the group keys are partially selected
-     *  * some of the children are specified as selected
+     * Otherwise, we try to return the most optimal cell to use for that position.
+     * If the optimise parameter is set to 'row', we will try to return a detached cell
+     * that was last rendered in that row.
      *
+     * If the optimise parameter is set to 'column', we will try to return a detached cell
+     * that was last rendered in that column.
      *
-     * @param groupKeys the keys of the group row
-     * @param children leaf children that belong to the group
-     * @returns boolean
+     * @param cellPos [rowIndex, colIndex]
+     * @param optimise 'row' | 'column'
      */
-    getGroupRowSelectionState(initialGroupKeys: any[]): boolean | null;
-    private getGroupRowBooleanSelectionStateFromParent;
-    isGroupRowPartlySelected(groupKeys: any[]): boolean;
-    isGroupRowSelected(groupKeys: any[]): boolean;
-    isGroupRowDeselected(groupKeys: any[]): boolean;
-    selectGroupRow(groupKeys: any[]): void;
-    deselectGroupRow(groupKeys: any[]): void;
-    setRowAsSelected(key: string | number, groupKeys?: any[]): void;
-    setRowAsDeselected(key: string | number, groupKeys?: any[]): void;
-    deselectRow(key: any, groupKeys?: any[]): void;
-    selectRow(key: any, groupKeys?: any[]): void;
-    toggleGroupRowSelection(groupKeys: any[]): void;
-    toggleRowSelection(key: string | number, groupKeys?: any[] | undefined): void;
-    getSelectedCount(): number;
-    getDeselectedCount(): number;
-    getSelectionCountFor(groupKeys?: any[], parentSelected?: boolean): {
-        selectedCount: number;
-        deselectedCount: number;
-    };
+    getCellFor(cellPos: CellPos, optimise: 'row' | 'column'): GridCellInterface<T_ADDITIONAL_CELL_INFO>;
+    isCellAttached(cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>): boolean;
+    isCellAttachedAt(cellPos: CellPos): boolean;
+    getMatrix(): Renderable[][];
+    getAllCells(): GridCellInterface<T_ADDITIONAL_CELL_INFO>[];
+    getCellsForRow(rowIndex: number): GridCellInterface<T_ADDITIONAL_CELL_INFO>[];
+    getOneAttachedCell(): any;
+    getRowsWithCells(): number[];
+    getColumnsWithCells(): number[];
+    isRowAttached(rowIndex: number): boolean;
+    isColumnAttached(colIndex: number): boolean;
+    detachRow(rowIndex: number): void;
+    detachCol(colIndex: number): void;
+    detachCell(cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>): boolean;
+    detachCells(cells: Set<GridCellInterface<T_ADDITIONAL_CELL_INFO>>): void;
+    detachRowsStartingWith(rowIndex: number): void;
+    detachColsStartingWith(colIndex: number): void;
+    detachCellsStartingAt(cellPos: CellPos): void;
+    detachCellAt(cellPos: CellPos): boolean;
+    onCellAttachmentChange(callback: (cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>, attached: boolean) => void): VoidFn;
+    getCellsOutsideRenderRange: (range: TableRenderRange) => Set<GridCellInterface<T_ADDITIONAL_CELL_INFO>>;
+    getCellFromListForRow(cells: Set<GridCellInterface<T_ADDITIONAL_CELL_INFO>>, rowIndex: number): GridCellInterface<T_ADDITIONAL_CELL_INFO> | undefined;
+    getCellFromListForColumn(cells: Set<GridCellInterface<T_ADDITIONAL_CELL_INFO>>, colIndex: number): GridCellInterface<T_ADDITIONAL_CELL_INFO> | undefined;
+    getCellCountInMatrix(): number;
+    destroy(): void;
+    reset(): void;
+    makeDetachedCellsEmpty(): void;
+    withDetachedCells(fn: (cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>) => void): void;
 }
 
-declare type MultiRowSelectorOptions = {
-    getIdForIndex: (index: number) => string | number;
-    isRowDisabledAt: (index: number) => boolean;
-};
-declare class MultiRowSelector {
-    getIdForIndex: MultiRowSelectorOptions['getIdForIndex'];
-    isRowDisabledAt: MultiRowSelectorOptions['isRowDisabledAt'];
-    multiSelectStartIndex: number;
-    multiSelectEndIndex?: number;
-    _rowSelectionState: RowSelectionState;
-    constructor(options: MultiRowSelectorOptions);
-    set rowSelectionState(rowSelectionState: RowSelectionState);
-    get rowSelectionState(): RowSelectionState;
-    private selectRange;
-    private deselectRange;
-    /**
-     * This is the single click, without any modifier
-     */
-    resetClick(index: number): void;
+/**
+ * This is only used for rendering Detail rows in a master-detail DataGrid
+ */
+interface ListRowInterface {
+    debugId: string;
+    update(content: Renderable): void;
+    getElement(): HTMLElement | null;
+    getNode(): Renderable;
+    destroy(): void;
+    onMount(callback: (row: ListRowInterface) => void): void;
+    isMounted(): boolean;
+    ref: (htmlElement: HTMLElement) => void;
+}
+
+declare class ListRowManager extends Logger {
+    private pool;
+    private indexToRow;
+    private rowToIndex;
+    debugId: string;
+    private offRemoveRow;
+    constructor(debugId: string);
+    private onRemoveRow;
+    set poolSize(rowCount: number);
+    get poolSize(): number;
+    getDetachedRow(): ListRowInterface;
     /**
-     * This is the click with ctrl/cmd key pressed
-     * @param index
+     * This gets a row for a given position.
+     * If there's already a row currently attached at that position, it will be returned.
+     *
+     * Otherwise, we return another row.
+     * @param rowIndex
      */
-    singleAddClick(index: number): void;
-    multiSelectClick(index: number): void;
+    getRowFor(rowIndex: number): ListRowInterface;
+    private setRowIndexInList;
+    detachStartingWith(rowIndex: number): void;
+    getRowAt(rowPos: number): ListRowInterface | undefined;
+    getRowIndex(row: ListRowInterface): number | undefined;
+    isRowAttached(row: ListRowInterface): boolean;
+    isRowAttachedAt(rowIndex: number): boolean;
+    getList(): Renderable[];
+    getAttachedCount(): number;
+    forEachAttachedRow(fn: (row: ListRowInterface) => void): void;
+    getAttachedIndexes(): number[];
+    getAllRows(): ListRowInterface[];
+    detachRowAt(rowIndex: number): void;
+    detachRow(row: ListRowInterface): void;
+    renderNodeAtRow(node: Renderable, row: ListRowInterface, rowIndex: number): ListRowInterface;
+    makeDetachedRowsEmpty(): void;
+    onRowAttachmentChange(callback: (row: ListRowInterface, attached: boolean) => void): VoidFn;
+    withDetachedRows(fn: (row: ListRowInterface) => void): void;
+    destroy(): void;
+    reset(): void;
 }
 
-interface InfiniteTableComputedValues<T> {
-    scrollbars: {
-        vertical: boolean;
-        horizontal: boolean;
+declare class GridRenderer extends Logger {
+    protected brain: MatrixBrain;
+    debugId: string;
+    protected destroyed: boolean;
+    private scrolling;
+    cellHoverClassNames: string[];
+    cellDetachedClassNames: string[];
+    protected cellManager: GridCellManager<{
+        renderRowIndex: number;
+        renderColIndex: number;
+    }>;
+    protected rowManager: ListRowManager;
+    private lastEnteredRow;
+    private lastExitedRow;
+    private onDestroy;
+    private hoverRowUpdatesInProgress;
+    private infiniteNode;
+    private getInfiniteNode;
+    setDetailTransform: (element: HTMLElement, _rowIndex: number, { y, scrollTop, scrollLeft, }: {
+        y: number;
+        scrollTop?: boolean | undefined;
+        scrollLeft?: number | undefined;
+    }) => void;
+    setTransform: (element: HTMLElement, _rowIndex: number, colIndex: number, { x, y, scrollLeft, scrollTop, }: {
+        x: number;
+        y: number;
+        scrollLeft?: boolean | undefined;
+        scrollTop?: boolean | undefined;
+    }, zIndex: number | 'auto' | undefined | null) => void;
+    constructor(brain: MatrixBrain, debugId?: string);
+    private onCellAttached;
+    private onCellDetached;
+    private onRowAttached;
+    private onRowDetached;
+    getFullyVisibleRowsRange: () => {
+        start: number;
+        end: number;
+    } | null;
+    getScrollPositionForScrollRowIntoView: (rowIndex: number, config?: {
+        scrollAdjustPosition?: ScrollAdjustPosition;
+        offset?: number;
+        colIndex?: number;
+    }) => ScrollPosition | null;
+    getScrollPositionForScrollColumnIntoView: (colIndex: number, config?: {
+        scrollAdjustPosition?: ScrollAdjustPosition;
+        offset?: number;
+    } & HorizontalLayoutColVisibilityOptions) => ScrollPosition | null;
+    getScrollPositionForScrollCellIntoView: (rowIndex: number, colIndex: number, config?: {
+        rowScrollAdjustPosition?: ScrollAdjustPosition;
+        colScrollAdjustPosition?: ScrollAdjustPosition;
+        scrollAdjustPosition?: ScrollAdjustPosition;
+        offsetTop: number;
+        offsetLeft: number;
+    }) => ScrollPosition | null;
+    isRowFullyVisible: (rowIndex: number, offsetMargin?: number) => boolean;
+    isRowVisible: (rowIndex: number, offsetMargin?: number) => boolean;
+    isRowRendered: (rowIndex: number) => boolean;
+    isCellVisible: (rowIndex: number, colIndex: number) => boolean;
+    isCellFullyVisible: (rowIndex: number, colIndex: number, opts?: HorizontalLayoutColVisibilityOptions | undefined) => boolean;
+    isColumnFullyVisible: (colIndex: number, offsetMargin?: number, opts?: HorizontalLayoutColVisibilityOptions | undefined) => boolean;
+    isColumnVisible: (colIndex: number, offsetMargin?: number, opts?: HorizontalLayoutColVisibilityOptions | undefined) => boolean;
+    isCellRendered: (rowIndex: number, colIndex: number, opts?: HorizontalLayoutColVisibilityOptions | undefined) => boolean;
+    isColumnRendered: (colIndex: number, opts?: HorizontalLayoutColVisibilityOptions | undefined) => boolean;
+    getExtraSpanCellsForRange: (range: TableRenderRange) => [number, number][];
+    isCellRenderedAndMappedCorrectly(row: number, col: number): {
+        rendered: boolean;
+        mapped: boolean;
     };
-    multiRowSelector: MultiRowSelector;
-    multiCellSelector: MultiCellSelector;
-    computedRowHeight: number | ((index: number) => number);
-    computedRowSizeCacheForDetails: RowSizeCache | undefined;
-    renderSelectionCheckBox: boolean;
-    rowspan?: MatrixBrainOptions['rowspan'];
-    computedPinnedStartOverflow: boolean;
-    computedPinnedEndOverflow: boolean;
-    computedPinnedStartColumns: InfiniteTableComputedColumn<T>[];
-    computedPinnedEndColumns: InfiniteTableComputedColumn<T>[];
-    computedUnpinnedColumns: InfiniteTableComputedColumn<T>[];
-    computedVisibleColumns: InfiniteTableComputedColumn<T>[];
-    computedVisibleColumnsMap: Map<string, InfiniteTableComputedColumn<T>>;
-    computedColumnsMap: Map<string, InfiniteTableComputedColumn<T>>;
-    computedColumnsMapInInitialOrder: Map<string, InfiniteTableComputedColumn<T>>;
-    computedColumnOrder: InfiniteTablePropColumnOrderNormalized;
-    computedPinnedStartColumnsWidth: number;
-    computedPinnedStartWidth: number;
-    computedPinnedEndColumnsWidth: number;
-    computedPinnedEndWidth: number;
-    computedUnpinnedColumnsWidth: number;
-    computedUnpinnedOffset: number;
-    computedPinnedEndOffset: number;
-    computedRemainingSpace: number;
-    fieldsToColumn: Map<keyof T, InfiniteTableComputedColumn<T>>;
-    toggleGroupRow: (groupKeys: any[]) => void;
-    columnSize: (colIndex: number) => number;
+    renderRange(range: TableRenderRange, { renderCell, renderDetailRow, force, onRender }: RenderRangeOptions): Renderable[];
+    getFixedRanges: (currentRenderRange: TableRenderRange) => TableRenderRange[];
+    protected isCellFixed: (rowIndex: number, colIndex: number) => {
+        row: FixedPosition;
+        col: FixedPosition;
+    };
+    protected isCellCovered: (rowIndex: number, colIndex: number) => false | number[];
+    private renderDetailRowAtElement;
+    protected getCellRealCoordinates(rowIndex: number, colIndex: number): {
+        rowIndex: number;
+        colIndex: number;
+    };
+    protected renderCellAt(rowIndex: number, colIndex: number, cell: GridCellInterface, renderCell: TableRenderCellFn): void;
+    protected onMouseEnter: (rowIndex: number) => void;
+    private addHoverClass;
+    protected onMouseLeave: (rowIndex: number) => void;
+    private removeHoverClass;
+    protected updateHoverClassNamesForRow: (rowIndex: number) => void;
+    protected updateElementPosition: (cell: GridCellInterface<{
+        renderRowIndex: number;
+        renderColIndex: number;
+    }>, options?: {
+        hidden: boolean;
+        rowspan: number;
+        colspan: number;
+    } | undefined) => void;
+    private updateDetailElementPosition;
+    private onScrollStart;
+    private onScrollStop;
+    adjustFixedElementsOnScroll: (scrollPosition?: ScrollPosition) => void;
+    destroy: () => void;
+    reset(): void;
 }
 
-declare type PointCoords = {
-    top: number;
-    left: number;
+declare type CellPositionByIndex = {
+    rowIndex: number;
+    colIndex: number;
 };
-
-declare type ForwardPropsToStateFnResult<TYPE_PROPS, TYPE_RESULT, COMPONENT_SETUP_STATE> = {
-    [propName in keyof TYPE_PROPS & keyof TYPE_RESULT]: 1 | ((value: TYPE_PROPS[propName], setupState: COMPONENT_SETUP_STATE) => TYPE_RESULT[propName]);
+declare type MultiSelectRangeOptions = {
+    horizontalLayout: false;
+} | {
+    horizontalLayout: true;
+    rowsPerPage: number;
+    columnsPerSet: number;
 };
-declare type ComponentStateRootConfig<T_PROPS, COMPONENT_MAPPED_STATE, COMPONENT_SETUP_STATE = {}, COMPONENT_DERIVED_STATE = {}, T_ACTIONS = {}, T_PARENT_STATE = {}> = {
-    debugName?: string;
-    initSetupState?: (props: T_PROPS) => COMPONENT_SETUP_STATE;
-    layoutEffect?: boolean;
-    forwardProps?: (setupState: COMPONENT_SETUP_STATE, props: T_PROPS) => ForwardPropsToStateFnResult<T_PROPS, COMPONENT_MAPPED_STATE, COMPONENT_SETUP_STATE>;
-    allowedControlledPropOverrides?: Record<keyof T_PROPS, true>;
-    interceptActions?: ComponentInterceptedActions<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>;
-    mappedCallbacks?: ComponentMappedCallbacks<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>;
-    onPropChange?: (params: {
-        name: keyof T_PROPS;
-        oldValue: any;
-        newValue: any;
-    }, props: T_PROPS, actions: ComponentStateActions<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>, state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & Partial<COMPONENT_DERIVED_STATE>) => void;
-    onPropsChange?: (newPropValues: {
-        [k in keyof T_PROPS]?: {
-            newValue: T_PROPS[k];
-            oldValue: T_PROPS[k];
-        };
-    }, props: T_PROPS, actions: ComponentStateActions<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>, state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & Partial<COMPONENT_DERIVED_STATE>) => void;
-    mapPropsToState?: (params: {
-        props: T_PROPS;
-        state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & Partial<COMPONENT_DERIVED_STATE>;
-        oldState: null | (COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & Partial<COMPONENT_DERIVED_STATE>);
-        parentState: T_PARENT_STATE | null;
-    }) => COMPONENT_DERIVED_STATE;
-    concludeReducer?: (params: {
-        previousState: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & COMPONENT_DERIVED_STATE;
-        state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & COMPONENT_DERIVED_STATE;
-        updatedProps: Partial<T_PROPS> | null;
-        parentState: T_PARENT_STATE | null;
-    }) => COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & COMPONENT_DERIVED_STATE;
-    getReducerActions?: (dispatch: React$1.Dispatch<any>) => T_ACTIONS;
-    getParentState?: () => T_PARENT_STATE;
-    cleanup?: (state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & COMPONENT_DERIVED_STATE) => void;
-    onControlledPropertyChange?: (name: string, newValue: any, oldValue: any) => void | ((value: any, oldValue: any) => any);
-};
-declare function buildManagedComponent<T_PROPS, COMPONENT_MAPPED_STATE extends object, COMPONENT_SETUP_STATE extends object = {}, COMPONENT_DERIVED_STATE extends object = {}, T_ACTIONS = {}, T_PARENT_STATE = {}>(config: ComponentStateRootConfig<T_PROPS, COMPONENT_MAPPED_STATE, COMPONENT_SETUP_STATE, COMPONENT_DERIVED_STATE, T_ACTIONS, T_PARENT_STATE>): {
-    ManagedComponentContextProvider: React$1.NamedExoticComponent<T_PROPS & {
-        children: React$1.ReactNode;
-    }>;
-    useManagedComponent: (props: T_PROPS) => {
-        contextValue: {
-            componentState: COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE;
-            componentActions: ComponentStateGeneratedActions<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>;
-            getComponentState: () => COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE;
-            replaceState: (newState: COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE) => void;
-            assignState: (newState: Partial<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>) => void;
-        };
-        ContextComponent: React$1.Context<ManagedComponentStateContextValue<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE, ComponentStateGeneratedActions<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>>>;
-    };
-};
-declare function useManagedComponentState<COMPONENT_STATE>(): ManagedComponentStateContextValue<COMPONENT_STATE, ComponentStateGeneratedActions<COMPONENT_STATE>>;
 
-declare type NodePath$1<PRIMARY_KEY_TYPE = any> = PRIMARY_KEY_TYPE[];
-declare type TreeExpandStateObject_ByPath<PRIMARY_KEY_TYPE = any> = {
-    expandedPaths: NodePath$1<PRIMARY_KEY_TYPE>[];
-    collapsedPaths: NodePath$1<PRIMARY_KEY_TYPE>[];
-    defaultExpanded: boolean;
-    collapsedIds?: never;
-    expandedIds?: never;
-} | {
-    defaultExpanded: true;
-    collapsedPaths: NodePath$1<PRIMARY_KEY_TYPE>[];
-    expandedPaths?: NodePath$1<PRIMARY_KEY_TYPE>[];
-    collapsedIds?: never;
-    expandedIds?: never;
-} | {
-    defaultExpanded: false;
-    collapsedPaths?: NodePath$1<PRIMARY_KEY_TYPE>[];
-    expandedPaths: NodePath$1<PRIMARY_KEY_TYPE>[];
-    collapsedIds?: never;
-    expandedIds?: never;
-};
-declare type TreeExpandStateObject_ById<PRIMARY_KEY_TYPE = any> = {
-    defaultExpanded: boolean;
-    expandedIds: PRIMARY_KEY_TYPE[];
-    collapsedIds: PRIMARY_KEY_TYPE[];
-    expandedPaths?: never;
-    collapsedPaths?: never;
-} | {
-    defaultExpanded: true;
-    collapsedIds: PRIMARY_KEY_TYPE[];
-    expandedIds?: PRIMARY_KEY_TYPE[];
-    expandedPaths?: never;
-    collapsedPaths?: never;
-} | {
-    defaultExpanded: false;
-    collapsedIds?: PRIMARY_KEY_TYPE[];
-    expandedIds: PRIMARY_KEY_TYPE[];
-    expandedPaths?: never;
-    collapsedPaths?: never;
-};
-declare type TreeExpandStateObject<PRIMARY_KEY_TYPE = any> = TreeExpandStateObject_ByPath<PRIMARY_KEY_TYPE> | TreeExpandStateObject_ById<PRIMARY_KEY_TYPE>;
-declare type TreeExpandStateMode = 'id' | 'path';
-declare class TreeExpandState<PRIMARY_KEY_TYPE = any> {
-    collapsedPathsMap: DeepMap<PRIMARY_KEY_TYPE, true>;
-    expandedPathsMap: DeepMap<PRIMARY_KEY_TYPE, true>;
-    collapsedIdsMap: Map<PRIMARY_KEY_TYPE, true>;
-    expandedIdsMap: Map<PRIMARY_KEY_TYPE, true>;
-    private _mode;
-    get mode(): TreeExpandStateMode;
-    defaultExpanded: boolean;
-    constructor(clone?: TreeExpandStateObject | TreeExpandState);
-    reset(): void;
-    destroy(): void;
-    expandAll: () => void;
-    collapseAll: () => void;
-    expandNode(nodePathOrId: PRIMARY_KEY_TYPE | NodePath$1<PRIMARY_KEY_TYPE>): void;
-    collapseNode(nodePathOrId: PRIMARY_KEY_TYPE | NodePath$1<PRIMARY_KEY_TYPE>): void;
-    setNodeExpanded(nodePathOrId: PRIMARY_KEY_TYPE | NodePath$1<PRIMARY_KEY_TYPE>, expanded: boolean): void;
-    isNodeExpandedByPath(nodePath: NodePath$1<PRIMARY_KEY_TYPE>): boolean;
-    isNodeExpandedById(id: PRIMARY_KEY_TYPE): boolean;
-    isNodeExpanded(nodePathOrId: PRIMARY_KEY_TYPE | NodePath$1<PRIMARY_KEY_TYPE>): boolean;
-    update(stateObject: TreeExpandStateObject): void;
-    getState(): TreeExpandStateObject;
+declare type SubscriptionCallbackOnChangeFn<T> = (node: T | null) => void;
+interface SubscriptionCallback<T> {
+    (node: T, callback?: () => void): void;
+    get: () => T | null;
+    destroy: VoidFn;
+    onChange: (fn: SubscriptionCallbackOnChangeFn<T>) => VoidFn;
 }
 
-declare type OnNodeStateChangeParam = DataSourceCallback_BaseParam<any> & {};
-declare type TreeDataSourceOnlyProps<T> = {
-    nodesKey?: string;
-    treeSelection?: DataSourcePropTreeSelection;
-    treeFilterFunction?: DataSourcePropTreeFilterFunction<T>;
-    defaultTreeSelection?: DataSourcePropTreeSelection;
-    treeExpandState?: TreeExpandStateValue;
-    defaultTreeExpandState?: TreeExpandStateValue;
-    onTreeExpandStateChange?: (treeExpandState: TreeExpandStateObject<any>, params: {
-        dataSourceApi: DataSourceApi<T>;
-        nodePath: NodePath$1 | null;
-        nodeState: 'collapsed' | 'expanded';
-    }) => void;
-    onTreeDataMutations?: ({ dataArray, timestamp, treeMutations, nodesKey, }: {
-        nodesKey: keyof T | any;
-        dataArray: DataSourceState<T>['originalDataArray'];
-        timestamp: number;
-        treeMutations: NonUndefined<DataSourceState<T>['originalDataArrayChangedInfo']['treeMutations']>;
-    }) => void;
-    isNodeSelected?: DataSourcePropIsNodeSelected<T>;
-    isNodeSelectable?: DataSourcePropIsNodeSelectable<T>;
-    isNodeReadOnly?: DataSourcePropIsNodeReadOnly<T>;
-    /**
-     * Called when a node is expanded. Not called when treeApi.expandAll is called.
-     */
-    onNodeExpand?: (node: NodePath$1, param: OnNodeStateChangeParam) => void;
-    /**
-     * Called when a node is collapsed. Not called when treeApi.collapseAll is called.
-     */
-    onNodeCollapse?: (node: NodePath$1, param: OnNodeStateChangeParam) => void;
-} & ({
-    selectionMode?: 'multi-row';
-    treeSelection?: DataSourcePropTreeSelection_MultiNode;
-    defaultTreeSelection?: DataSourcePropTreeSelection_MultiNode;
-    onTreeSelectionChange?: DataSourcePropOnTreeSelectionChange_MultiNode;
-} | {
-    selectionMode?: 'single-row';
-    treeSelection?: DataSourcePropTreeSelection_SingleNode;
-    defaultTreeSelection?: DataSourcePropTreeSelection_SingleNode;
-    onTreeSelectionChange?: DataSourcePropOnTreeSelectionChange_SingleNode;
-} | {
-    selectionMode?: 'single-cell';
-    cellSelection?: DataSourcePropCellSelection_SingleCell;
-    defaultCellSelection?: DataSourcePropCellSelection_SingleCell;
-    onCellSelectionChange?: DataSourcePropOnCellSelectionChange_SingleCell;
-} | {
-    selectionMode?: 'multi-cell';
-    cellSelection?: DataSourcePropCellSelection_MultiCell;
-    defaultCellSelection?: DataSourcePropCellSelection_MultiCell;
-    onCellSelectionChange?: DataSourcePropOnCellSelectionChange_MultiCell;
-} | {
-    selectionMode?: false;
-}) & ({
-    isNodeCollapsed?: DataSourcePropIsNodeExpanded<T>;
-    isNodeExpanded?: never;
-} | {
-    isNodeExpanded?: DataSourcePropIsNodeExpanded<T>;
-    isNodeCollapsed?: never;
-});
-declare type DataSourcePropsNotAvailableInTreeDataSource = keyof Pick<DataSourceProps<any>, 'groupBy' | 'defaultGroupBy' | 'nodesKey' | 'defaultGroupRowsState' | 'groupRowsState' | 'onGroupRowsStateChange' | 'onGroupByChange' | 'collapseGroupRowsOnDataFunctionChange' | 'livePagination' | 'onLivePaginationCursorChange' | 'groupMode' | 'filterFunction' | 'onPivotByChange' | 'pivotBy' | 'defaultPivotBy' | 'selectionMode' | 'rowSelection' | 'defaultRowSelection'>;
-declare type TreeDataSourceProps<T> = Omit<DataSourceProps<T>, DataSourcePropsNotAvailableInTreeDataSource> & TreeDataSourceOnlyProps<T>;
-
-declare type NodePath = any[];
-declare type TreeSelectionStateObject = {
-    selectedPaths: NodePath;
-    deselectedPaths: NodePath;
-    defaultSelection: boolean;
-} | {
-    defaultSelection: true;
-    deselectedPaths: NodePath;
-    selectedPaths?: NodePath;
-} | {
-    defaultSelection: false;
-    selectedPaths: NodePath;
-    deselectedPaths?: NodePath;
-};
-declare type TreeSelectionStateConfig<_T = any> = {
-    treeDeepMap: DeepMap<any, DeepMapTreeValueType<any, any>>;
-};
-declare type GetTreeSelectionStateConfig<T> = () => TreeSelectionStateConfig<T>;
-declare type NodeSelectionState = {
-    selected: boolean | null;
-    selectedCount: number;
-    deselectedCount: number;
-    leafCount: number;
-};
-declare class TreeSelectionState<T = any> {
-    selectedPaths: NodePath[] | null;
-    deselectedPaths: NodePath[] | null;
-    defaultSelection: boolean;
-    selectionMap: DeepMap<NodePath, boolean>;
-    cache: DeepMap<NodePath, NodeSelectionState>;
-    getConfig: GetTreeSelectionStateConfig<T>;
-    getTreeDeepMap(): DeepMap<any, DeepMapTreeValueType<any, any>>;
-    isLeafNode(nodePath: NodePath): boolean;
-    getLeafNodesCount(nodePath: NodePath): number;
-    static from<T>(treeSelectionState: TreeSelectionStateObject, getConfig: GetTreeSelectionStateConfig<T>): TreeSelectionState<T>;
-    constructor(state: TreeSelectionStateObject | TreeSelectionState, getConfig: GetTreeSelectionStateConfig<T>);
-    setConfigFn(getConfig: GetTreeSelectionStateConfig<T>): void;
-    xcache(): void;
-    update(stateObject: TreeSelectionStateObject): void;
-    setSelectionForPath(nodePath: NodePath, selected: boolean): void;
-    getState(): TreeSelectionStateObject;
-    deselectAll(): void;
-    selectAll(): void;
-    isNodeSelected(nodePath: NodePath): boolean | null;
-    private isSelfSelected;
-    private cacheIt;
-    private getSelectionStateForNode;
-    private isPathSelected;
-    private getNodeBooleanSelectionStateFromParent;
-    setNodeSelection(nodePath: NodePath, selected: boolean): void;
-    selectNode(nodePath: NodePath): void;
-    deselectNode(nodePath: any[]): void;
-    toggleNodeSelection(nodePath: NodePath): void;
-    getSelectedCount(): number;
-    getDeselectedCount(): number;
-    getSelectionCountFor(nodePath?: NodePath): {
-        selectedCount: number;
-        deselectedCount: number;
-    };
-    destroy(): void;
+declare class ScrollListener {
+    private scrollPosition;
+    private onScrollFns;
+    getScrollPosition: () => ScrollPosition;
+    onScroll: (fn: OnScrollFn) => () => void;
+    setScrollPosition: (scrollPosition: ScrollPosition) => void;
+    private notifyScrollChange;
+    destroy: () => void;
 }
 
-declare type DataSourceStateRestoreForDetail<T> = {
-    originalDataArray: DataSourceState<T>['originalDataArray'] | undefined;
-    groupBy: DataSourceState<T>['groupBy'] | undefined;
-    groupRowsState: DataSourceState<T>['groupRowsState'] | undefined;
-    pivotBy: DataSourceState<T>['pivotBy'] | undefined;
-    sortInfo: DataSourceState<T>['sortInfo'] | undefined;
-    filterValue: DataSourceState<T>['filterValue'] | undefined;
-    livePaginationCursor: DataSourceState<T>['livePaginationCursor'] | undefined;
+declare type InfiniteTableBaseCellProps<T> = {
+    column: InfiniteTableComputedColumn<T>;
+    align?: InfiniteTableColumnAlignValues;
+    horizontalLayoutPageIndex: number | null;
+    rowId?: any;
+    renderChildren: () => Renderable;
+    width: number;
+    cssEllipsis?: boolean;
+    contentStyle?: CSSProperties;
+    contentClassName?: string;
+    virtualized?: boolean;
+    skipColumnShifting?: boolean;
+    beforeChildren?: Renderable;
+    afterChildren?: Renderable;
+    cssPosition?: CSSProperties['position'];
+    domRef?: React.RefCallback<HTMLElement>;
 };
-declare type RowDetailCacheKey = string | number;
-declare type RowDetailCacheEntry = {
-    all?: boolean;
-    groupBy?: boolean;
-    sortInfo?: boolean;
-    filterValue?: boolean;
-    data?: boolean;
-    livePaginationCursor?: boolean;
-    columnOrder?: boolean;
-};
-
-interface RowDetailCacheStorage<_K, T> {
-    add(key: any, value: T): void;
-    get(key: any): T | undefined;
-    delete(key: any): void;
-    has(key: any): boolean;
-}
-interface RowDetailCacheStorageForCurrentRow<T = RowDetailCacheEntry> {
-    add(value: T): void;
-    get(): T | undefined;
-    delete(): void;
-    has(): boolean;
-}
-declare class RowDetailCache<K = RowDetailCacheKey, T = RowDetailCacheEntry> implements RowDetailCacheStorage<K, T> {
-    private cacheStorage;
-    constructor(cache?: boolean | number);
-    add(key: K, value: T): void;
-    get(key: K): T | undefined;
-    delete(key: K): void;
-    has(key: K): boolean;
-}
+declare type InfiniteTableCellProps<T> = ({
+    cellType: 'header';
+} & InfiniteTableBaseCellProps<T>) | ({
+    cellType: 'body';
+} & InfiniteTableBaseCellProps<T>);
 
-declare type BooleanCollectionStateKeys<KeyType> = true | KeyType[];
-declare type BooleanCollectionStateObject<KeyType> = {
-    positiveItems: BooleanCollectionStateKeys<KeyType>;
-    negativeItems: BooleanCollectionStateKeys<KeyType>;
+declare type DiscriminatedUnion<A, B> = (A & {
+    [K in keyof B]?: undefined;
+}) | (B & {
+    [K in keyof A]?: undefined;
+});
+declare type KeyOfNoSymbol<T> = Exclude<keyof T, Symbol>;
+/**
+ * Restrict using either exclusively the keys of T or exclusively the keys of U.
+ *
+ * No unique keys of T can be used simultaneously with any unique keys of U.
+ *
+ * @example
+ *```
+ * const myVar: XOR<T, U>
+ *```
+ *
+ * @see https://github.com/maninak/ts-xor/tree/master#description
+ */
+declare type XOR<T, U> = T | U extends object ? Prettify<Without<T, U> & U> | Prettify<Without<U, T> & T> : T | U;
+/**
+ * Useful if applying XOR on more than 2 types.
+ * It comes with the penalty of having the types wrapped in an array
+ *
+ * @example
+ * ```
+ * AllXOR<[
+ *   { a: AModule },
+ *   { b: BModule },
+ *   { c: CModule },
+ *   { d: DModule }
+ * ]>
+ * ```
+ * @see https://github.com/Microsoft/TypeScript/issues/14094#issuecomment-723571692
+ */
+declare type AllXOR<T extends any[]> = T extends [infer Only] ? Only : T extends [infer A, infer B, ...infer Rest] ? AllXOR<[XOR<A, B>, ...Rest]> : never;
+/**
+ * Get the keys of T without any keys of U.
+ */
+declare type Without<T, U> = {
+    [P in Exclude<keyof T, keyof U>]?: never;
 };
-declare abstract class BooleanCollectionState<StateObject, KeyType> {
-    protected positiveMap?: Map<KeyType, true>;
-    protected negativeMap?: Map<KeyType, true>;
-    protected allNegative: boolean;
-    protected allPositive: boolean;
-    private initialState;
-    constructor(state: BooleanCollectionStateObject<KeyType> | BooleanCollectionState<StateObject, KeyType>);
-    abstract getPositiveFromState(state: StateObject): BooleanCollectionStateKeys<KeyType>;
-    abstract getNegativeFromState(state: StateObject): BooleanCollectionStateKeys<KeyType>;
-    abstract getState(): StateObject;
-    protected getInitialState(): BooleanCollectionStateObject<KeyType>;
-    destroy(): void;
-    private update;
-    protected isDefaultNegativeSelection(): boolean;
-    protected isDefaultPositiveSelection(): boolean;
-    protected areAllNegative(): boolean;
-    protected areAllPositive(): boolean;
-    protected makeAllNegative(): void;
-    protected makeAllPositive(): void;
-    protected isItemPositive(key: KeyType): boolean;
-    protected isItemNegative(key: KeyType): boolean;
-    protected setItemValue(key: KeyType, shouldMakePositive: boolean): void;
-    protected makeItemNegative(key: KeyType): void;
-    protected makeItemPositive(key: KeyType): void;
-    protected toggleItem(key: KeyType): void;
-}
+/**
+ * Resolve mapped types and show the derived keys and their types when hovering in
+ * IDEs, instead of just showing the names those mapped types are defined with.
+ */
+declare type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 
-declare class RowDetailState<KeyType = any> extends BooleanCollectionState<RowDetailStateObject<KeyType>, KeyType> {
-    constructor(state: RowDetailStateObject<KeyType> | RowDetailState<KeyType>);
-    getState(): RowDetailStateObject<KeyType>;
-    getPositiveFromState(state: RowDetailStateObject<KeyType>): true | KeyType[];
-    getNegativeFromState(state: RowDetailStateObject<KeyType>): true | KeyType[];
-    areAllCollapsed(): boolean;
-    areAllExpanded(): boolean;
-    collapseAll(): void;
-    expandAll(): void;
-    isRowDetailsExpanded: (key: KeyType) => boolean;
-    isRowDetailsCollapsed(key: KeyType): boolean;
-    setRowDetailsExpanded(key: KeyType, shouldExpand: boolean): void;
-    collapseRowDetails(key: KeyType): void;
-    expandRowDetails(key: KeyType): void;
-    toggleRowDetails(key: KeyType): void;
-}
+declare type MenuIconProps = {
+    lineWidth?: number;
+    lineStyle?: React$1.CSSProperties;
+    style?: React$1.CSSProperties;
+    className?: string;
+    domProps?: React$1.HTMLAttributes<HTMLDivElement>;
+    reserveSpaceWhenHidden?: boolean;
+    menuVisible?: boolean;
+    children?: React$1.ReactNode;
+};
+declare function MenuIcon(props: MenuIconProps): React$1.JSX.Element;
 
-declare type TableRenderCellFnParam = {
-    domRef: RefCallback<HTMLElement>;
-    rowIndex: number;
-    colIndex: number;
-    rowspan: number;
-    colspan: number;
-    hidden: boolean;
-    width: number;
-    height: number;
-    widthWithColspan: number;
-    heightWithRowspan: number;
-    rowFixed: FixedPosition;
-    colFixed: FixedPosition;
-    onMouseEnter: VoidFunction;
-    onMouseLeave: VoidFunction;
+declare type InfiniteTableToggleGroupRowFn = (groupKeys: any[]) => void;
+declare type InfiniteTableToggleTreeNodeFn = (nodePath: any[]) => void;
+declare type InfiniteTableToggleRowDetailsFn = (id: any) => void;
+declare type InfiniteTableSelectRowFn = (id: any) => void;
+declare type InfiniteTableColumnHeaderParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = {
+    dragging: boolean;
+    column: COL_TYPE;
+    columnsMap: Map<string, COL_TYPE>;
+    columnSortInfo: DataSourceSingleSortInfo<DATA_TYPE> | null;
+    columnFilterValue: DataSourceFilterValueItem<DATA_TYPE> | null;
+    selectionMode: DataSourcePropSelectionMode;
+    horizontalLayoutPageIndex: null | number;
+    allRowsSelected: boolean;
+    someRowsSelected: boolean;
+    filtered: boolean;
+    api: InfiniteTableApi<DATA_TYPE>;
+    dataSourceApi: DataSourceApi<DATA_TYPE>;
+    columnApi: InfiniteTableColumnApi<DATA_TYPE>;
+    renderBag: {
+        all?: Renderable;
+        header: string | number | Renderable;
+        sortIcon?: Renderable;
+        menuIcon?: Renderable;
+        menuIconProps?: MenuIconProps;
+        filterIcon?: Renderable;
+        filterEditor?: Renderable;
+        selectionCheckBox?: Renderable;
+    };
+} & ({
+    domRef: InfiniteTableCellProps<DATA_TYPE>['domRef'];
+    htmlElementRef: React__default.MutableRefObject<HTMLElement | null>;
+    insideColumnMenu: false;
+} | {
+    insideColumnMenu: true;
+});
+declare type InfiniteTableColumnRenderBag = {
+    value: string | number | Renderable;
+    groupIcon?: Renderable;
+    treeIcon?: Renderable;
+    rowDetailsIcon?: Renderable;
+    all?: Renderable;
+    selectionCheckBox?: Renderable;
 };
-declare type TableRenderDetailRowFnParam = {
-    domRef: RefCallback<HTMLElement>;
+declare type InfiniteTableColumnRenderParamBase<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = {
+    domRef: InfiniteTableCellProps<DATA_TYPE>['domRef'];
+    htmlElementRef: React__default.MutableRefObject<HTMLElement | null>;
+    rowIndexInHorizontalLayoutPage: null | number;
+    horizontalLayoutPageIndex: null | number;
+    value: string | number | Renderable;
+    align: InfiniteTableColumnAlignValues;
+    verticalAlign: InfiniteTableColumnVerticalAlignValues;
+    renderBag: InfiniteTableColumnRenderBag;
     rowIndex: number;
-    hidden: boolean;
-    height: number;
-    rowFixed: FixedPosition;
-    onMouseEnter: VoidFunction;
-    onMouseLeave: VoidFunction;
+    rowActive: boolean;
+    api: InfiniteTableApi<DATA_TYPE>;
+    dataSourceApi: DataSourceApi<DATA_TYPE>;
+    editError?: Error;
+    column: COL_TYPE;
+    columnsMap: Map<string, COL_TYPE>;
+    fieldsToColumn: Map<keyof DATA_TYPE, COL_TYPE>;
+    groupByColumn?: InfiniteTableComputedColumn<DATA_TYPE>;
+    toggleCurrentGroupRow: () => void;
+    toggleCurrentTreeNode: () => void;
+    expandTreeNode: InfiniteTableToggleTreeNodeFn;
+    collapseTreeNode: InfiniteTableToggleTreeNodeFn;
+    toggleGroupRow: InfiniteTableToggleGroupRowFn;
+    toggleTreeNode: InfiniteTableToggleTreeNodeFn;
+    toggleCurrentTreeNodeSelection: () => void;
+    toggleCurrentGroupRowSelection: () => void;
+    toggleCurrentRowSelection: () => void;
+    toggleCurrentRowDetails: () => void;
+    toggleRowDetails: InfiniteTableToggleRowDetailsFn;
+    expandRowDetails: InfiniteTableToggleRowDetailsFn;
+    collapseRowDetails: InfiniteTableToggleRowDetailsFn;
+    rowHasSelectedCells: boolean;
+    cellSelected: boolean;
+    selectCurrentRow: () => void;
+    selectRow: InfiniteTableSelectRowFn;
+    deselectRow: InfiniteTableSelectRowFn;
+    deselectCurrentRow: () => void;
+    selectCell: () => void;
+    deselectCell: () => void;
+    toggleRowSelection: InfiniteTableSelectRowFn;
+    toggleGroupRowSelection: InfiniteTableToggleGroupRowFn;
+    toggleTreeNodeSelection: InfiniteTableToggleTreeNodeFn;
+    selectTreeNode: InfiniteTableToggleTreeNodeFn;
+    deselectTreeNode: InfiniteTableToggleTreeNodeFn;
+    selectionMode: DataSourcePropSelectionMode | undefined;
+    rootGroupBy: DataSourceState<DATA_TYPE>['groupBy'];
+    pivotBy?: DataSourceState<DATA_TYPE>['pivotBy'];
 };
-declare type TableRenderCellFn = (param: TableRenderCellFnParam) => Renderable;
-declare type TableRenderDetailRowFn = (param: TableRenderDetailRowFnParam) => Renderable;
-declare type RenderRangeOptions = {
-    force?: boolean;
-    renderCell: TableRenderCellFn;
-    renderDetailRow?: TableRenderDetailRowFn;
-    onRender: (items: Renderable[]) => void;
+declare type InfiniteTableColumnCellContextType<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = InfiniteTableColumnRenderParamBase<DATA_TYPE, COL_TYPE> & InfiniteTableRowInfoDataDiscriminator<DATA_TYPE>;
+declare type InfiniteTableColumnRenderValueParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = InfiniteTableColumnCellContextType<DATA_TYPE, COL_TYPE>;
+declare type InfiniteTableColumnRowspanParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = {
+    rowInfo: InfiniteTableRowInfo<DATA_TYPE>;
+    data: DATA_TYPE | Partial<DATA_TYPE> | null;
+    dataArray: InfiniteTableRowInfo<DATA_TYPE>[];
+    rowIndex: number;
+    column: COL_TYPE;
 };
-declare type HorizontalLayoutColVisibilityOptions = {
-    horizontalLayoutPageIndex?: number;
+declare type InfiniteTableColumnRenderFunctionForGroupRows<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (renderParams: InfiniteTableColumnCellContextType<DATA_TYPE, COL_TYPE> & {
+    isGroupRow: true;
+}) => Renderable | null;
+declare type InfiniteTableColumnRenderFunctionForParentNode<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (renderParams: InfiniteTableColumnCellContextType<DATA_TYPE, COL_TYPE> & {
+    isTreeNode: true;
+    isParentNode: true;
+}) => Renderable | null;
+declare type InfiniteTableColumnRenderFunctionForLeafNode<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (renderParams: InfiniteTableColumnCellContextType<DATA_TYPE, COL_TYPE> & {
+    isTreeNode: true;
+    isParentNode: false;
+}) => Renderable | null;
+declare type InfiniteTableColumnRenderFunctionForNode<DATA_TYPE, EXTRA_NODE_PARAMS = Partial<InfiniteTableRowInfoDataDiscriminator_ParentNode<DATA_TYPE> | InfiniteTableRowInfoDataDiscriminator_LeafNode<DATA_TYPE>>, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (renderParams: InfiniteTableColumnCellContextType<DATA_TYPE, COL_TYPE> & EXTRA_NODE_PARAMS) => Renderable | null;
+declare type InfiniteTableColumnRenderFunctionForNormalRows<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (renderParams: InfiniteTableColumnCellContextType<DATA_TYPE, COL_TYPE> & {
+    isGroupRow: false;
+}) => Renderable | null;
+declare type InfiniteTableColumnRenderFunction<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (renderParams: InfiniteTableColumnCellContextType<DATA_TYPE, COL_TYPE>) => Renderable | null;
+declare type InfiniteTableColumnHeaderRenderFunction<T> = (headerParams: InfiniteTableColumnHeaderParam<T>) => Renderable;
+declare type InfiniteTableColumnOrHeaderRenderFunction<T> = (params: (InfiniteTableColumnCellContextType<T> & {
+    rowInfo: InfiniteTableRowInfo<T>;
+}) | (InfiniteTableColumnHeaderParam<T> & {
+    rowInfo: null;
+})) => ReturnType<InfiniteTableColumnRenderFunction<T>>;
+declare type InfiniteTableColumnContentFocusable<T> = boolean | InfiniteTableColumnContentFocusableFn<T>;
+declare type InfiniteTableColumnEditable<T> = boolean | InfiniteTableColumnEditableFn<T>;
+declare type InfiniteTableColumnContentFocusableFn<T> = (params: InfiniteTableColumnContentFocusableParams<T>) => boolean;
+declare type InfiniteTableColumnEditableFn<T> = (params: InfiniteTableColumnEditableParams<T>) => boolean | Promise<boolean>;
+declare type InfiniteTableColumnContentFocusableParams<T> = InfiniteTableRowInfoDataDiscriminatorWithColumnAndApis<T>;
+declare type InfiniteTableColumnEditableParams<T> = InfiniteTableColumnContentFocusableParams<T>;
+declare type InfiniteTableColumnGetValueToPersistParams<T> = InfiniteTableColumnEditableParams<T> & {
+    initialValue: any;
 };
-
-interface GridCellInterface<T_ADDITIONAL_CELL_INFO = any> {
-    debugId: string;
-    update(content: Renderable, additionalInfo?: T_ADDITIONAL_CELL_INFO): void;
-    getElement(): HTMLElement | null;
-    getNode(): Renderable;
-    destroy(): void;
-    onMount(callback: (cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>) => void): void;
-    getAdditionalInfo(): T_ADDITIONAL_CELL_INFO | undefined;
-    ref: (htmlElement: HTMLElement) => void;
-}
-
-declare type CellPos = [number, number];
-
-declare class GridCellManager<T_ADDITIONAL_CELL_INFO> extends Logger {
-    private matrix;
-    private matrixWithHistory;
-    private cellToMatrixPosition;
-    private pool;
-    debugId: string;
-    private offRemoveCell;
-    constructor(debugId: string);
-    private onRemoveCell;
-    set poolSize(cellCount: number);
-    get poolSize(): number;
-    getDetachedCell(): GridCellInterface<T_ADDITIONAL_CELL_INFO>;
-    private setCellPositionInMatrix;
-    renderNodeAtCell(node: Renderable, cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>, cellPos: CellPos, additionalInfo?: T_ADDITIONAL_CELL_INFO): GridCellInterface<T_ADDITIONAL_CELL_INFO>;
-    getCellPosition(cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>): CellPos | null;
-    getCellAt(cellPos: CellPos): GridCellInterface<T_ADDITIONAL_CELL_INFO> | undefined;
-    /**
-     * This gets a cell for a given position.
-     * If there's already a cell currently attached at that position, it will be returned.
-     *
-     * Otherwise, we try to return the most optimal cell to use for that position.
-     * If the optimise parameter is set to 'row', we will try to return a detached cell
-     * that was last rendered in that row.
-     *
-     * If the optimise parameter is set to 'column', we will try to return a detached cell
-     * that was last rendered in that column.
-     *
-     * @param cellPos [rowIndex, colIndex]
-     * @param optimise 'row' | 'column'
-     */
-    getCellFor(cellPos: CellPos, optimise: 'row' | 'column'): GridCellInterface<T_ADDITIONAL_CELL_INFO>;
-    isCellAttached(cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>): boolean;
-    isCellAttachedAt(cellPos: CellPos): boolean;
-    getMatrix(): Renderable[][];
-    getAllCells(): GridCellInterface<T_ADDITIONAL_CELL_INFO>[];
-    getCellsForRow(rowIndex: number): GridCellInterface<T_ADDITIONAL_CELL_INFO>[];
-    getOneAttachedCell(): any;
-    getRowsWithCells(): number[];
-    getColumnsWithCells(): number[];
-    isRowAttached(rowIndex: number): boolean;
-    isColumnAttached(colIndex: number): boolean;
-    detachRow(rowIndex: number): void;
-    detachCol(colIndex: number): void;
-    detachCell(cell: GridCellInterface<T_ADDITIONAL_CELL_INFO>): void;
-    detachCells(cells: Set<GridCellInterface<T_ADDITIONAL_CELL_INFO>>): void;
-    detachRowsStartingWith(rowIndex: number): void;
-    detachColsStartingWith(colIndex: number): void;
-    detachCellsStartingAt(cellPos: CellPos): void;
-    detachCellAt(cellPos: CellPos): void;
-    getCellsOutsideRenderRange: (range: TableRenderRange) => Set<GridCellInterface<T_ADDITIONAL_CELL_INFO>>;
-    getCellFromListForRow(cells: Set<GridCellInterface<T_ADDITIONAL_CELL_INFO>>, rowIndex: number): GridCellInterface<T_ADDITIONAL_CELL_INFO> | undefined;
-    getCellFromListForColumn(cells: Set<GridCellInterface<T_ADDITIONAL_CELL_INFO>>, colIndex: number): GridCellInterface<T_ADDITIONAL_CELL_INFO> | undefined;
-    getCellCountInMatrix(): number;
-    destroy(): void;
-    reset(): void;
-    makeDetachedCellsEmpty(): void;
-}
-
+declare type InfiniteTableColumnAlignValues = 'start' | 'center' | 'end';
+declare type InfiniteTableColumnVerticalAlignValues = 'start' | 'center' | 'end';
+declare type InfiniteTableColumnHeader<T> = Renderable | InfiniteTableColumnHeaderRenderFunction<T>;
+declare type InfiniteTableDataTypeNames = 'string' | 'number' | 'date' | string;
+declare type InfiniteTableColumnTypeNames = 'string' | 'number' | 'date' | string;
+declare type InfiniteTableColumnStylingFnParams<T> = {
+    value: Renderable;
+    column: InfiniteTableComputedColumn<T>;
+    rowIndexInHorizontalLayoutPage: null | number;
+    horizontalLayoutPageIndex: null | number;
+    inEdit: boolean;
+    rowHasSelectedCells: boolean;
+    editError: InfiniteTableColumnRenderParamBase<T>['editError'];
+} & InfiniteTableRowInfoDataDiscriminator<T>;
+declare type InfiniteTableColumnStyleFn<T> = (params: InfiniteTableColumnStylingFnParams<T>) => undefined | React__default.CSSProperties;
+declare type InfiniteTableColumnHeaderClassNameFn<T> = (params: InfiniteTableColumnHeaderParam<T>) => undefined | string;
+declare type InfiniteTableColumnHeaderStyleFn<T> = (params: InfiniteTableColumnHeaderParam<T>) => undefined | React__default.CSSProperties;
+declare type InfiniteTableColumnClassNameFn<T> = (params: InfiniteTableColumnStylingFnParams<T>) => undefined | string;
+declare type InfiniteTableColumnStyle<T> = CSSProperties | InfiniteTableColumnStyleFn<T>;
+declare type InfiniteTableColumnAlign<T> = InfiniteTableColumnAlignValues | InfiniteTableColumnAlignFn<T>;
+declare type InfiniteTableColumnVerticalAlign<T> = InfiniteTableColumnVerticalAlignValues | InfiniteTableColumnVerticalAlignFn<T>;
+declare type InfiniteTableColumnAlignFn<T> = (params: InfiniteTableColumnAlignFnParams<T>) => InfiniteTableColumnAlignValues;
+declare type InfiniteTableColumnAlignFnParams<T> = XOR<{
+    isHeader: true;
+    column: InfiniteTableComputedColumn<T>;
+}, InfiniteTableColumnStylingFnParams<T> & {
+    isHeader: false;
+}>;
+declare type InfiniteTableColumnVerticalAlignFn<T> = (params: InfiniteTableColumnAlignFnParams<T>) => InfiniteTableColumnVerticalAlignValues;
+declare type InfiniteTableColumnHeaderStyle<T> = CSSProperties | InfiniteTableColumnHeaderStyleFn<T>;
+declare type InfiniteTableColumnClassName<T> = string | InfiniteTableColumnClassNameFn<T>;
+declare type InfiniteTableColumnHeaderClassName<T> = string | InfiniteTableColumnHeaderClassNameFn<T>;
+declare type InfiniteTableColumnValueGetterParams<T> = ValueGetterParams<T>;
+declare type InfiniteTableColumnValueFormatterParams<T> = InfiniteTableRowInfoDataDiscriminator<T>;
+declare type InfiniteTableColumnValueGetter<T, VALUE_GETTER_TYPE = string | number | boolean | Date | null | undefined> = (params: InfiniteTableColumnValueGetterParams<T>) => VALUE_GETTER_TYPE;
+declare type InfiniteTableColumnValueFormatter<T, VALUE_FORMATTER_TYPE = string | number | boolean | Date | null | undefined> = (params: InfiniteTableColumnValueFormatterParams<T>) => VALUE_FORMATTER_TYPE;
+declare type InfiniteTableColumnRowspanFn<T> = (params: InfiniteTableColumnRowspanParam<T>) => number;
+declare type InfiniteTableColumnComparer<T> = (a: T, b: T) => number;
+declare type InfiniteTableColumnSortableFn<T> = (context: {
+    api: InfiniteTableApi<T>;
+    columnApi: InfiniteTableColumnApi<T>;
+    column: InfiniteTableComputedColumn<T>;
+    columns: Map<string, InfiniteTableComputedColumn<T>>;
+}) => boolean;
+declare type InfiniteTableColumnSortable<T> = boolean | InfiniteTableColumnSortableFn<T>;
 /**
- * This is only used for rendering Detail rows in a master-detail DataGrid
+ * Defines a column in the table.
+ *
+ * @typeParam DATA_TYPE The type of the data in the table.
+ *
+ * Can be bound to a field which is a `keyof DATA_TYPE`.
  */
-interface ListRowInterface {
-    debugId: string;
-    update(content: Renderable): void;
-    getElement(): HTMLElement | null;
-    getNode(): Renderable;
-    destroy(): void;
-    onMount(callback: (row: ListRowInterface) => void): void;
-    ref: (htmlElement: HTMLElement) => void;
-}
-
-declare class ListRowManager extends Logger {
-    private pool;
-    private indexToRow;
-    private rowToIndex;
-    debugId: string;
-    private offRemoveRow;
-    constructor(debugId: string);
-    private onRemoveRow;
-    set poolSize(rowCount: number);
-    get poolSize(): number;
-    getDetachedRow(): ListRowInterface;
+declare type InfiniteTableColumn<DATA_TYPE> = {
+    field?: KeyOfNoSymbol<DATA_TYPE>;
+    valueGetter?: InfiniteTableColumnValueGetter<DATA_TYPE>;
+    defaultSortable?: InfiniteTableColumnSortable<DATA_TYPE>;
     /**
-     * This gets a row for a given position.
-     * If there's already a row currently attached at that position, it will be returned.
+     * Whether the column is draggable by default.
      *
-     * Otherwise, we return another row.
-     * @param rowIndex
+     * This prop overrides the top-level columnDefaultDraggable prop, but is
+     * overridden by the top-level draggableColumns prop.
      */
-    getRowFor(rowIndex: number): ListRowInterface;
-    private setRowIndexInList;
-    detachStartingWith(rowIndex: number): void;
-    getRowAt(rowPos: number): ListRowInterface | undefined;
-    getRowIndex(row: ListRowInterface): number | undefined;
-    isRowAttached(row: ListRowInterface): boolean;
-    isRowAttachedAt(rowIndex: number): boolean;
-    getList(): Renderable[];
-    getAttachedCount(): number;
-    forEachAttachedRow(fn: (row: ListRowInterface) => void): void;
-    getAttachedIndexes(): number[];
-    getAllRows(): ListRowInterface[];
-    detachRowAt(rowIndex: number): void;
-    detachRow(row: ListRowInterface): void;
-    renderNodeAtRow(node: Renderable, row: ListRowInterface, rowIndex: number): ListRowInterface;
-    makeDetachedRowsEmpty(): void;
-    destroy(): void;
-    reset(): void;
-}
-
-declare class GridRenderer extends Logger {
-    protected brain: MatrixBrain;
-    debugId: string;
-    protected destroyed: boolean;
-    private scrolling;
-    cellHoverClassNames: string[];
-    protected cellManager: GridCellManager<{
-        renderRowIndex: number;
-        renderColIndex: number;
-    }>;
-    protected rowManager: ListRowManager;
-    private lastEnteredRow;
-    private lastExitedRow;
-    private onDestroy;
-    private hoverRowUpdatesInProgress;
-    private infiniteNode;
-    private getInfiniteNode;
-    setDetailTransform: (element: HTMLElement, _rowIndex: number, { y, scrollTop, scrollLeft, }: {
-        y: number;
-        scrollTop?: boolean | undefined;
-        scrollLeft?: number | undefined;
-    }) => void;
-    setTransform: (element: HTMLElement, _rowIndex: number, colIndex: number, { x, y, scrollLeft, scrollTop, }: {
-        x: number;
-        y: number;
-        scrollLeft?: boolean | undefined;
-        scrollTop?: boolean | undefined;
-    }, zIndex: number | 'auto' | undefined | null) => void;
-    constructor(brain: MatrixBrain, debugId?: string);
-    getFullyVisibleRowsRange: () => {
-        start: number;
-        end: number;
-    } | null;
-    getScrollPositionForScrollRowIntoView: (rowIndex: number, config?: {
-        scrollAdjustPosition?: ScrollAdjustPosition;
-        offset?: number;
-        colIndex?: number;
-    }) => ScrollPosition | null;
-    getScrollPositionForScrollColumnIntoView: (colIndex: number, config?: {
-        scrollAdjustPosition?: ScrollAdjustPosition;
-        offset?: number;
-    } & HorizontalLayoutColVisibilityOptions) => ScrollPosition | null;
-    getScrollPositionForScrollCellIntoView: (rowIndex: number, colIndex: number, config?: {
-        rowScrollAdjustPosition?: ScrollAdjustPosition;
-        colScrollAdjustPosition?: ScrollAdjustPosition;
-        scrollAdjustPosition?: ScrollAdjustPosition;
-        offsetTop: number;
-        offsetLeft: number;
-    }) => ScrollPosition | null;
-    isRowFullyVisible: (rowIndex: number, offsetMargin?: number) => boolean;
-    isRowVisible: (rowIndex: number, offsetMargin?: number) => boolean;
-    isRowRendered: (rowIndex: number) => boolean;
-    isCellVisible: (rowIndex: number, colIndex: number) => boolean;
-    isCellFullyVisible: (rowIndex: number, colIndex: number, opts?: HorizontalLayoutColVisibilityOptions | undefined) => boolean;
-    isColumnFullyVisible: (colIndex: number, offsetMargin?: number, opts?: HorizontalLayoutColVisibilityOptions | undefined) => boolean;
-    isColumnVisible: (colIndex: number, offsetMargin?: number, opts?: HorizontalLayoutColVisibilityOptions | undefined) => boolean;
-    isCellRendered: (rowIndex: number, colIndex: number, opts?: HorizontalLayoutColVisibilityOptions | undefined) => boolean;
-    isColumnRendered: (colIndex: number, opts?: HorizontalLayoutColVisibilityOptions | undefined) => boolean;
-    getExtraSpanCellsForRange: (range: TableRenderRange) => [number, number][];
-    isCellRenderedAndMappedCorrectly(row: number, col: number): {
-        rendered: boolean;
-        mapped: boolean;
-    };
-    renderRange(range: TableRenderRange, { renderCell, renderDetailRow, force, onRender }: RenderRangeOptions): Renderable[];
-    getFixedRanges: (currentRenderRange: TableRenderRange) => TableRenderRange[];
-    protected isCellFixed: (rowIndex: number, colIndex: number) => {
-        row: FixedPosition;
-        col: FixedPosition;
+    defaultDraggable?: boolean;
+    resizable?: boolean;
+    shouldAcceptEdit?: (params: InfiniteTablePropOnEditAcceptedParams<DATA_TYPE>) => boolean | Error | Promise<boolean | Error>;
+    contentFocusable?: InfiniteTableColumnContentFocusable<DATA_TYPE>;
+    defaultEditable?: InfiniteTableColumnEditable<DATA_TYPE>;
+    getValueToEdit?: (params: InfiniteTableColumnEditableParams<DATA_TYPE>) => any | Promise<any>;
+    getValueToPersist?: (params: InfiniteTableColumnGetValueToPersistParams<DATA_TYPE>) => any | Promise<any>;
+    comparer?: InfiniteTableColumnComparer<DATA_TYPE>;
+    defaultHiddenWhenGroupedBy?: '*' | true | keyof DATA_TYPE | {
+        [k in keyof Partial<DATA_TYPE>]: true;
     };
-    protected isCellCovered: (rowIndex: number, colIndex: number) => false | number[];
-    private renderDetailRowAtElement;
-    protected getCellRealCoordinates(rowIndex: number, colIndex: number): {
-        rowIndex: number;
-        colIndex: number;
+    align?: InfiniteTableColumnAlign<DATA_TYPE>;
+    headerAlign?: InfiniteTableColumnAlign<DATA_TYPE>;
+    verticalAlign?: InfiniteTableColumnVerticalAlign<DATA_TYPE>;
+    columnGroup?: string;
+    header?: InfiniteTableColumnHeader<DATA_TYPE>;
+    renderHeader?: InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
+    name?: Renderable;
+    cssEllipsis?: boolean;
+    headerCssEllipsis?: boolean;
+    type?: InfiniteTableColumnTypeNames | InfiniteTableColumnTypeNames[] | null;
+    dataType?: InfiniteTableDataTypeNames;
+    sortType?: string | string[];
+    filterType?: string;
+    style?: InfiniteTableColumnStyle<DATA_TYPE>;
+    headerStyle?: InfiniteTableColumnHeaderStyle<DATA_TYPE>;
+    headerClassName?: InfiniteTableColumnHeaderClassName<DATA_TYPE>;
+    className?: InfiniteTableColumnClassName<DATA_TYPE>;
+    rowspan?: InfiniteTableColumnRowspanFn<DATA_TYPE>;
+    render?: InfiniteTableColumnRenderFunction<DATA_TYPE>;
+    renderValue?: InfiniteTableColumnRenderFunction<DATA_TYPE>;
+    renderGroupValue?: InfiniteTableColumnRenderFunctionForGroupRows<DATA_TYPE>;
+    renderLeafValue?: InfiniteTableColumnRenderFunctionForNormalRows<DATA_TYPE>;
+    valueFormatter?: InfiniteTableColumnValueFormatter<DATA_TYPE, Renderable>;
+    defaultWidth?: number;
+    defaultFlex?: number;
+    defaultFilterable?: boolean;
+    minWidth?: number;
+    maxWidth?: number;
+    renderGroupIcon?: InfiniteTableColumnRenderFunctionForGroupRows<DATA_TYPE>;
+    renderRowDetailIcon?: boolean | InfiniteTableColumnRenderFunction<DATA_TYPE>;
+    renderTreeIcon?: boolean | InfiniteTableColumnRenderFunctionForNode<DATA_TYPE, {
+        isTreeNode: true;
+        isParentNode: boolean;
+        isGroupRow: false;
+        nodeExpanded: boolean;
+    }>;
+    renderTreeIconForParentNode?: InfiniteTableColumnRenderFunctionForParentNode<DATA_TYPE, {
+        isTreeNode: true;
+        isGroupRow: true;
+        isParentNode: true;
+    }>;
+    renderTreeIconForLeafNode?: InfiniteTableColumnRenderFunctionForLeafNode<DATA_TYPE, {
+        isTreeNode: true;
+        isGroupRow: false;
+        isLeafNode: true;
+    }>;
+    renderSortIcon?: InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
+    renderFilterIcon?: InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
+    renderSelectionCheckBox?: boolean | InfiniteTableColumnOrHeaderRenderFunction<DATA_TYPE>;
+    renderMenuIcon?: boolean | InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
+    renderHeaderSelectionCheckBox?: boolean | InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
+    components?: {
+        ColumnCell?: (props: HTMLProps<HTMLDivElement>) => JSX.Element | null;
+        HeaderCell?: (props: HTMLProps<HTMLDivElement>) => JSX.Element | null;
+        Editor?: () => JSX.Element | null;
+        FilterEditor?: () => JSX.Element | null;
+        FilterOperatorSwitch?: () => JSX.Element | null;
+        MenuIcon?: (props: MenuIconProps) => JSX.Element | null;
     };
-    protected renderCellAt(rowIndex: number, colIndex: number, cell: GridCellInterface, renderCell: TableRenderCellFn): void;
-    protected onMouseEnter: (rowIndex: number) => void;
-    private addHoverClass;
-    protected onMouseLeave: (rowIndex: number) => void;
-    private removeHoverClass;
-    protected updateHoverClassNamesForRow: (rowIndex: number) => void;
-    protected updateElementPosition: (cell: GridCellInterface<{
-        renderRowIndex: number;
-        renderColIndex: number;
-    }>, options?: {
-        hidden: boolean;
-        rowspan: number;
-        colspan: number;
-    } | undefined) => void;
-    private updateDetailElementPosition;
-    private onScrollStart;
-    private onScrollStop;
-    adjustFixedElementsOnScroll: (scrollPosition?: ScrollPosition) => void;
-    destroy: () => void;
-    reset(): void;
-}
-
-declare type SubscriptionCallbackOnChangeFn<T> = (node: T | null) => void;
-interface SubscriptionCallback<T> {
-    (node: T, callback?: () => void): void;
-    get: () => T | null;
-    destroy: VoidFn;
-    onChange: (fn: SubscriptionCallbackOnChangeFn<T>) => VoidFn;
-}
-
-declare class ScrollListener {
-    private scrollPosition;
-    private onScrollFns;
-    getScrollPosition: () => ScrollPosition;
-    onScroll: (fn: OnScrollFn) => () => void;
-    setScrollPosition: (scrollPosition: ScrollPosition) => void;
-    private notifyScrollChange;
-    destroy: () => void;
-}
+};
+declare type InfiniteTableGeneratedGroupColumn<T> = Omit<InfiniteTableColumn<T>, 'defaultSortable'> & {
+    groupByForColumn: GroupBy<T> | GroupBy<T>[];
+    id?: string;
+};
+declare type InfiniteTablePivotColumn<T> = InfiniteTableColumn<T> & ColumnTypeWithInherit<Partial<InfiniteTablePivotFinalColumnVariant<T, any>>>;
+declare type InfiniteTablePivotFinalColumnGroup<DataType, KeyType extends any = any> = InfiniteTableColumnGroup & {
+    pivotBy: DataSourcePivotBy<DataType>[];
+    pivotTotalColumnGroup?: true;
+    pivotGroupKeys: KeyType[];
+    pivotByAtIndex: PivotBy<DataType, KeyType>;
+    pivotGroupKey: KeyType;
+    pivotIndex: number;
+};
+declare type InfiniteTablePivotFinalColumn<DataType, KeyType extends any = any> = InfiniteTableColumn<DataType> & {
+    pivotBy: DataSourcePivotBy<DataType>[];
+    pivotColumn: true;
+    pivotTotalColumn: boolean;
+    pivotAggregator: AggregationReducer<DataType, any>;
+    pivotAggregatorIndex: number;
+    pivotGroupKeys: KeyType[];
+    pivotByAtIndex?: PivotBy<DataType, KeyType>;
+    pivotIndex: number;
+    pivotGroupKey: KeyType;
+};
+declare type InfiniteTablePivotFinalColumnVariant<DataType, KeyType extends any = any> = InfiniteTablePivotFinalColumn<DataType, KeyType>;
+declare type InfiniteTableComputedColumnBase<T> = {
+    computedFilterType: string;
+    computedSortType: string | string[];
+    computedDataType: string;
+    computedWidth: number;
+    computedFlex: number | null;
+    computedMinWidth: number;
+    computedMaxWidth: number;
+    computedOffset: number;
+    computedPinningOffset: number;
+    computedAbsoluteOffset: number;
+    computedSortInfo: DataSourceSingleSortInfo<T> | null;
+    computedSorted: boolean;
+    computedSortedAsc: boolean;
+    computedSortedDesc: boolean;
+    computedSortIndex: number;
+    computedVisible: boolean;
+    computedVisibleIndex: number;
+    computedVisibleIndexInCategory: number;
+    computedMultiSort: boolean;
+    computedFiltered: boolean;
+    computedFilterable: boolean;
+    computedFilterValue: DataSourceFilterValueItem<T> | null;
+    computedPinned: InfiniteTableColumnPinnedValues;
+    computedDraggable: boolean;
+    computedResizable: boolean;
+    computedFirstInCategory: boolean;
+    computedLastInCategory: boolean;
+    computedFirst: boolean;
+    computedLast: boolean;
+    computedEditable: NonUndefined<InfiniteTableColumn<T>['defaultEditable']>;
+    computedSortable: NonUndefined<InfiniteTableColumn<T>['defaultSortable']>;
+    colType: InfiniteTableColumnType<T>;
+    id: string;
+};
+declare type InfiniteTableComputedColumn<T> = InfiniteTableColumn<T> & InfiniteTableComputedColumnBase<T> & Partial<InfiniteTablePivotFinalColumn<T>> & Partial<InfiniteTableGeneratedGroupColumn<T>>;
+declare type InfiniteTableComputedPivotFinalColumn<T> = InfiniteTableComputedColumn<T> & InfiniteTablePivotFinalColumn<T>;
 
 declare type CellContextMenuLocation = {
     rowId: any;
@@ -2067,6 +1856,138 @@ declare type InfiniteTableCellSelectionApi<T> = {
     };
 };
 
+declare type CellNavigationConfig = {
+    direction: 'top' | 'bottom' | 'left' | 'right';
+};
+interface InfiniteTableKeyboardNavigationApi<T> {
+    setKeyboardNavigation: (keyboardNavigation: NonUndefined<InfiniteTableProps<T>['keyboardNavigation']>) => void;
+    setActiveCellIndex: (activeCellIndex: NonUndefined<InfiniteTableProps<T>['activeCellIndex']>) => void;
+    setActiveRowIndex: (activeRowIndex: NonUndefined<InfiniteTableProps<T>['activeRowIndex']>) => void;
+    gotoNextRow: () => number | false;
+    gotoPreviousRow: () => number | false;
+    gotoRow: (direction: 1 | -1) => number | false;
+    gotoCell: (config: CellNavigationConfig) => false | [number, number];
+}
+
+declare type InfiniteTableRowDetailApi = {
+    isRowDetailExpanded(pk: any): boolean;
+    isRowDetailCollapsed(pk: any): boolean;
+    expandRowDetail(pk: any): void;
+    collapseRowDetail(pk: any): void;
+    toggleRowDetail(pk: any): void;
+    collapseAllDetails(): void;
+    expandAllDetails(): void;
+    isRowDetailEnabledForRow(pk: any): boolean;
+};
+
+declare type RowSelectionStateItem = (any | any[])[];
+declare type RowSelectionStateObject = {
+    selectedRows: RowSelectionStateItem;
+    deselectedRows: RowSelectionStateItem;
+    defaultSelection: boolean;
+} | {
+    defaultSelection: true;
+    deselectedRows: RowSelectionStateItem;
+    selectedRows?: RowSelectionStateItem;
+} | {
+    defaultSelection: false;
+    selectedRows: RowSelectionStateItem;
+    deselectedRows?: RowSelectionStateItem;
+};
+declare type RowSelectionStateConfig<T> = {
+    groupBy: DataSourceState<T>['groupBy'];
+    groupDeepMap: DataSourceState<T>['groupDeepMap'];
+    toPrimaryKey: DataSourceState<T>['toPrimaryKey'];
+    totalCount: number;
+    indexer: DataSourceState<T>['indexer'];
+    lazyLoad: boolean;
+    onlyUsePrimaryKeys: boolean;
+};
+declare type GetRowSelectionStateConfig<T> = () => RowSelectionStateConfig<T>;
+declare type RowSelectionStateOverride = {
+    getGroupKeysForPrimaryKey: RowSelectionState<any>['getGroupKeysForPrimaryKey'];
+    getGroupByLength: RowSelectionState<any>['getGroupByLength'];
+    getGroupCount: RowSelectionState<any>['getGroupCount'];
+    getGroupKeysDirectlyInsideGroup: RowSelectionState<any>['getGroupKeysDirectlyInsideGroup'];
+    getAllPrimaryKeysInsideGroup: RowSelectionState<any>['getAllPrimaryKeysInsideGroup'];
+};
+declare class RowSelectionState<T = any> {
+    selectedRows: RowSelectionStateItem | null;
+    deselectedRows: RowSelectionStateItem | null;
+    defaultSelection: boolean;
+    selectedMap: DeepMap<any, true>;
+    deselectedMap: DeepMap<any, true>;
+    onlyUsePrimaryKeys: boolean;
+    selectionCache: DeepMap<any, boolean | null>;
+    selectionCountCache: DeepMap<any, {
+        selectedCount: number;
+        deselectedCount: number;
+    }>;
+    getConfig: GetRowSelectionStateConfig<T>;
+    getGroupKeysForPrimaryKey(pk: any): any[];
+    getGroupDeepMap(): DeepMap<any, DeepMapGroupValueType<T, any>> | undefined;
+    getGroupCount(groupKeys: any[]): number;
+    getGroupKeysDirectlyInsideGroup(groupKeys: any[]): any[][];
+    getAllPrimaryKeysInsideGroup(groupKeys: any[]): any[];
+    getGroupByLength(): number;
+    static from<T>(rowSeleStateObject: RowSelectionStateObject, getConfig: GetRowSelectionStateConfig<T>, overrides?: RowSelectionStateOverride): RowSelectionState<T>;
+    constructor(state: RowSelectionStateObject | RowSelectionState, getConfig: GetRowSelectionStateConfig<T>, _forTestingOnly?: RowSelectionStateOverride);
+    mapSet: (name: 'selected' | 'deselected', key: any | any[]) => void;
+    _selectedMapSet: (key: any | any[]) => void;
+    _deselectedMapSet: (key: any | any[]) => void;
+    update(stateObject: RowSelectionStateObject): void;
+    private xcache;
+    getState(): RowSelectionStateObject;
+    deselectAll(): void;
+    selectAll(): void;
+    isRowDefaultSelected(): boolean;
+    isRowDefaultDeselected(): boolean;
+    /**
+     *
+     * @param key the id of the row - if a row in a grouped datasource, this is the final row id, without the group keys
+     * @param groupKeys the keys of row parents, in order
+     * @returns Whether the row is selected or not.
+     */
+    isRowSelected(key: any, groupKeys?: any[]): boolean;
+    isRowDeselected(key: any, groupKeys?: any[]): boolean;
+    setRowSelected(key: string | number, selected: boolean, groupKeys?: any[]): void;
+    /**
+     * Returns if the selection state ('full','partial','none') for the current group
+     *
+     * The selection state will be full (true) if either of those are true:
+     *  * the group keys are specified as selected
+     *  * all the children are specified as selected
+     *
+     * The selection state will be partial (null) if either of those are true:
+     *  * the group keys are partially selected
+     *  * some of the children are specified as selected
+     *
+     *
+     * @param groupKeys the keys of the group row
+     * @param children leaf children that belong to the group
+     * @returns boolean
+     */
+    getGroupRowSelectionState(initialGroupKeys: any[]): boolean | null;
+    private getGroupRowBooleanSelectionStateFromParent;
+    isGroupRowPartlySelected(groupKeys: any[]): boolean;
+    isGroupRowSelected(groupKeys: any[]): boolean;
+    isGroupRowDeselected(groupKeys: any[]): boolean;
+    selectGroupRow(groupKeys: any[]): void;
+    deselectGroupRow(groupKeys: any[]): void;
+    setRowAsSelected(key: string | number, groupKeys?: any[]): void;
+    setRowAsDeselected(key: string | number, groupKeys?: any[]): void;
+    deselectRow(key: any, groupKeys?: any[]): void;
+    selectRow(key: any, groupKeys?: any[]): void;
+    toggleGroupRowSelection(groupKeys: any[]): void;
+    toggleRowSelection(key: string | number, groupKeys?: any[] | undefined): void;
+    getSelectedCount(): number;
+    getDeselectedCount(): number;
+    getSelectionCountFor(groupKeys?: any[], parentSelected?: boolean): {
+        selectedCount: number;
+        deselectedCount: number;
+    };
+}
+
 declare type ArrayOfIds = Pick<InfiniteTable_RowInfoBase<any>, 'id'>[];
 declare type InfiniteTableRowSelectionApi = {
     get allRowsSelected(): boolean;
@@ -2084,6 +2005,126 @@ declare type InfiniteTableRowSelectionApi = {
     deselectAll(): void;
 };
 
+declare enum InfiniteTableActionType {
+    SET_COLUMN_SIZE = 0,
+    SET_SCROLL_POSITION = 1,
+    SET_BODY_SIZE = 2,
+    SET_COLUMN_ORDER = 3,
+    SET_COLUMN_VISIBILITY = 4,
+    SET_COLUMN_SHIFTS = 5,
+    SET_COLUMN_PINNING = 6,
+    SET_COLUMN_AGGREGATIONS = 7,
+    SET_DRAGGING_COLUMN_ID = 8
+}
+
+declare type InfiniteTableAction = {
+    type: InfiniteTableActionType;
+    payload?: any;
+};
+
+declare class RowSizeCache {
+    rowHeight: Map<number, number>;
+    rowDetailHeight: Map<number, number>;
+    getTotalRowHeight(index: number): number;
+    getRowHeight: (index: number) => number;
+    getRowDetailHeight: (index: number) => number;
+    getSize(index: number): {
+        rowHeight: number;
+        rowDetailHeight: number;
+        totalRowHeight: number;
+    };
+}
+
+declare type MultiCellSelectorOptions = {
+    getPrimaryKeyByIndex: (rowIndex: number) => string | number;
+    getColumnIdByIndex: (colIndex: number) => string;
+};
+declare class MultiCellSelector {
+    multiSelectStartPosition: CellPositionByIndex;
+    multiSelectEndPosition?: CellPositionByIndex;
+    getPrimaryKeyByIndex: MultiCellSelectorOptions['getPrimaryKeyByIndex'];
+    getColumnIdByIndex: MultiCellSelectorOptions['getColumnIdByIndex'];
+    _cellSelectionState: CellSelectionState;
+    constructor(options: MultiCellSelectorOptions);
+    private getCellSelectionPosition;
+    set cellSelectionState(cellSelectionState: CellSelectionState);
+    get cellSelectionState(): CellSelectionState;
+    /**
+     * This is the single click, without any modifier
+     */
+    resetClick(position: CellPositionByIndex): void;
+    /**
+     * This is the click with ctrl/cmd key pressed
+     * @param position CellPosition
+     */
+    singleAddClick(position: 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 MultiRowSelectorOptions = {
+    getIdForIndex: (index: number) => string | number;
+    isRowDisabledAt: (index: number) => boolean;
+};
+declare class MultiRowSelector {
+    getIdForIndex: MultiRowSelectorOptions['getIdForIndex'];
+    isRowDisabledAt: MultiRowSelectorOptions['isRowDisabledAt'];
+    multiSelectStartIndex: number;
+    multiSelectEndIndex?: number;
+    _rowSelectionState: RowSelectionState;
+    constructor(options: MultiRowSelectorOptions);
+    set rowSelectionState(rowSelectionState: RowSelectionState);
+    get rowSelectionState(): RowSelectionState;
+    private selectRange;
+    private deselectRange;
+    /**
+     * This is the single click, without any modifier
+     */
+    resetClick(index: number): void;
+    /**
+     * This is the click with ctrl/cmd key pressed
+     * @param index
+     */
+    singleAddClick(index: number): void;
+    multiSelectClick(index: number): void;
+}
+
+interface InfiniteTableComputedValues<T> {
+    scrollbars: {
+        vertical: boolean;
+        horizontal: boolean;
+    };
+    multiRowSelector: MultiRowSelector;
+    multiCellSelector: MultiCellSelector;
+    computedRowHeight: number | ((index: number) => number);
+    computedRowSizeCacheForDetails: RowSizeCache | undefined;
+    renderSelectionCheckBox: boolean;
+    rowspan?: MatrixBrainOptions['rowspan'];
+    computedPinnedStartOverflow: boolean;
+    computedPinnedEndOverflow: boolean;
+    computedPinnedStartColumns: InfiniteTableComputedColumn<T>[];
+    computedPinnedEndColumns: InfiniteTableComputedColumn<T>[];
+    computedUnpinnedColumns: InfiniteTableComputedColumn<T>[];
+    computedVisibleColumns: InfiniteTableComputedColumn<T>[];
+    computedVisibleColumnsMap: Map<string, InfiniteTableComputedColumn<T>>;
+    computedColumnsMap: Map<string, InfiniteTableComputedColumn<T>>;
+    computedColumnsMapInInitialOrder: Map<string, InfiniteTableComputedColumn<T>>;
+    computedColumnOrder: InfiniteTablePropColumnOrderNormalized;
+    computedPinnedStartColumnsWidth: number;
+    computedPinnedStartWidth: number;
+    computedPinnedEndColumnsWidth: number;
+    computedPinnedEndWidth: number;
+    computedUnpinnedColumnsWidth: number;
+    computedUnpinnedOffset: number;
+    computedPinnedEndOffset: number;
+    computedRemainingSpace: number;
+    fieldsToColumn: Map<keyof T, InfiniteTableComputedColumn<T>>;
+    toggleGroupRow: (groupKeys: any[]) => void;
+    columnSize: (colIndex: number) => number;
+}
+
 declare type InfiniteTableEventHandlerContext<T> = {
     getComputed: () => InfiniteTableComputedValues<T>;
     getState: () => InfiniteTableState<T>;
@@ -6467,17 +6508,6 @@ declare type MenuColumnRenderParam = {
     domProps: HTMLProps<HTMLDivElement>;
 };
 
-declare type InfiniteTableRowDetailApi = {
-    isRowDetailExpanded(pk: any): boolean;
-    isRowDetailCollapsed(pk: any): boolean;
-    expandRowDetail(pk: any): void;
-    collapseRowDetail(pk: any): void;
-    toggleRowDetail(pk: any): void;
-    collapseAllDetails(): void;
-    expandAllDetails(): void;
-    isRowDetailEnabledForRow(pk: any): boolean;
-};
-
 declare type LoadMaskProps = {
     visible: boolean;
     children: Renderable;
@@ -6617,6 +6647,7 @@ interface InfiniteTableApi<T> {
     get rowDetailApi(): InfiniteTableRowDetailApi;
     get rowSelectionApi(): InfiniteTableRowSelectionApi;
     get cellSelectionApi(): InfiniteTableCellSelectionApi<T>;
+    get keyboardNavigationApi(): InfiniteTableKeyboardNavigationApi<T>;
     get scrollContainer(): HTMLElement;
     setColumnOrder: (columnOrder: InfiniteTablePropColumnOrder) => void;
     setColumnVisibility: (columnVisibility: InfiniteTablePropColumnVisibility) => void;
@@ -7214,4 +7245,4 @@ declare const components: {
     NumberFilterEditor: typeof NumberFilterEditor;
 };
 
-export { AdvancedAlignable, CellSelectionState, CellSelectionStateObject, ColumnTypeWithInherit, DataClient, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceApi, DataSourceCRUDParam, DataSourceCallback_BaseParam, 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, DataSourcePropIsNodeExpanded, DataSourcePropIsNodeReadOnly, DataSourcePropIsNodeSelectable, DataSourcePropIsNodeSelected, DataSourcePropIsRowSelected, DataSourcePropLivePaginationCursor, DataSourcePropMultiRowSelectionChangeParamType, DataSourcePropOnCellSelectionChange, DataSourcePropOnCellSelectionChange_MultiCell, DataSourcePropOnCellSelectionChange_SingleCell, DataSourcePropOnRowSelectionChange, DataSourcePropOnRowSelectionChange_MultiRow, DataSourcePropOnRowSelectionChange_SingleRow, DataSourcePropOnTreeSelectionChange, DataSourcePropOnTreeSelectionChange_MultiNode, DataSourcePropOnTreeSelectionChange_SingleNode, DataSourcePropPivotBy, DataSourcePropRowInfoReducers, DataSourcePropRowSelection, DataSourcePropRowSelection_MultiRow, DataSourcePropRowSelection_SingleRow, DataSourcePropSelectionMode, DataSourcePropShouldReloadData, DataSourcePropShouldReloadDataObject, DataSourcePropSortFn, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourcePropTreeFilterFunction, DataSourcePropTreeSelection, DataSourcePropTreeSelection_MultiNode, DataSourcePropTreeSelection_SingleNode, DataSourceProps, DataSourcePropsNotAvailableInTreeDataSource, DataSourcePropsWithChildren, DataSourceRawReducer, DataSourceRemoteData, DataSourceRowInfoReducer, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, DataSourceUpdateParam, DebugLogger, DeepMap, ElementContainerGetter, FixedSizeSet, FlashingColumnCell, 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, InfiniteTablePropColumnGroupVisibility, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropComponents, InfiniteTablePropGetCellContextMenuItems, InfiniteTablePropGetColumnMenuItems, InfiniteTablePropGetContextMenuItems, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropKeyboardShorcut, InfiniteTablePropMultiSortBehavior, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTablePropsNotAvailableInTreeGrid, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, InfiniteTable_HasGrouping_RowInfoGroup, InfiniteTable_HasGrouping_RowInfoNormal, InfiniteTable_Tree_RowInfoLeafNode, InfiniteTable_Tree_RowInfoNode, InfiniteTable_Tree_RowInfoParentNode, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, Menu, MenuChildrenFnParam, MenuColumn, MenuColumnRenderParam, MenuDecoration, MenuIconProps, MenuItemActionContext, MenuItemDefinition, MenuItemObject, MenuProps, MenuRenderable, MenuRuntimeItem, MenuRuntimeItemSelectable, MenuSeparator, OverlayShowParams, RowDetailCache, RowDetailState, RowDetailStateObject, RowDisabledState, RowDisabledStateObject, RowSelectionState, ScrollStopInfo, Scrollbars, ShowOverlayFn, TableRenderRange, TreeDataSource, TreeDataSourceProps, TreeExpandState, TreeExpandStateValue, TreeGrid, TreeGridOnlyProps, TreeGridProps, TreeSelectionState, TreeSelectionValue, UpdateChildrenFn, UpdateOverlayContentFn, WaitForNodeOptions, WeakFixedSizeSet, alignNode, components, createFlashingColumnCellComponent, debounce, debug, defaultFilterTypes, eventMatchesKeyboardShortcut, defaultFilterTypes as filterTypes, flatten, buildManagedComponent as getComponentStateRoot, group, interceptMap, keyboardShortcuts, multisort, multisortNested, queryKeyToCacheKey, toTreeDataArray, useManagedComponentState as useComponentState, useDataSourceInternal, useDataSourceState, useEffectWhen, useEffectWhenSameDeps, useEffectWithChanges, useEffectWithObject, useGridScroll, useInfiniteColumnCell, useInfiniteColumnEditor, useInfiniteColumnFilterEditor, useInfiniteHeaderCell, useInfinitePortalContainer, useManagedDataSource, useMasterRowInfo, useOverlay, useOverlayPortal, usePrevious, useRowInfoReducers, useVisibleColumnSizes };
+export { AdvancedAlignable, CellSelectionState, CellSelectionStateObject, ColumnTypeWithInherit, DataClient, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceApi, DataSourceCRUDParam, DataSourceCallback_BaseParam, 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, DataSourcePropIsNodeExpanded, DataSourcePropIsNodeReadOnly, DataSourcePropIsNodeSelectable, DataSourcePropIsNodeSelected, DataSourcePropIsRowSelected, DataSourcePropLivePaginationCursor, DataSourcePropMultiRowSelectionChangeParamType, DataSourcePropOnCellSelectionChange, DataSourcePropOnCellSelectionChange_MultiCell, DataSourcePropOnCellSelectionChange_SingleCell, DataSourcePropOnRowSelectionChange, DataSourcePropOnRowSelectionChange_MultiRow, DataSourcePropOnRowSelectionChange_SingleRow, DataSourcePropOnTreeSelectionChange, DataSourcePropOnTreeSelectionChange_MultiNode, DataSourcePropOnTreeSelectionChange_SingleNode, DataSourcePropPivotBy, DataSourcePropRowInfoReducers, DataSourcePropRowSelection, DataSourcePropRowSelection_MultiRow, DataSourcePropRowSelection_SingleRow, DataSourcePropSelectionMode, DataSourcePropShouldReloadData, DataSourcePropShouldReloadDataObject, DataSourcePropSortFn, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourcePropTreeFilterFunction, DataSourcePropTreeSelection, DataSourcePropTreeSelection_MultiNode, DataSourcePropTreeSelection_SingleNode, DataSourceProps, DataSourcePropsNotAvailableInTreeDataSource, DataSourcePropsWithChildren, DataSourceRawReducer, DataSourceRemoteData, DataSourceRowInfoReducer, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, DataSourceUpdateParam, DebugLogger, DeepMap, ElementContainerGetter, FixedSizeSet, FlashingColumnCell, GroupRowsState, InfiniteColumnEditorContextType, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableApi, InfiniteTableCellSelectionApi, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnApi, InfiniteTableColumnCellContextType, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderFunctionForGroupRows, InfiniteTableColumnRenderFunctionForNormalRows, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableColumnValueFormatterParams, InfiniteTableColumnValueGetterParams, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTableKeyboardNavigationApi, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroupVisibility, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropComponents, InfiniteTablePropGetCellContextMenuItems, InfiniteTablePropGetColumnMenuItems, InfiniteTablePropGetContextMenuItems, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropKeyboardShorcut, InfiniteTablePropMultiSortBehavior, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTablePropsNotAvailableInTreeGrid, InfiniteTableRowClassNameFn, InfiniteTableRowDetailApi, InfiniteTableRowInfo, InfiniteTableRowSelectionApi, InfiniteTableRowStyleFn, InfiniteTableState, InfiniteTable_HasGrouping_RowInfoGroup, InfiniteTable_HasGrouping_RowInfoNormal, InfiniteTable_Tree_RowInfoLeafNode, InfiniteTable_Tree_RowInfoNode, InfiniteTable_Tree_RowInfoParentNode, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, Menu, MenuChildrenFnParam, MenuColumn, MenuColumnRenderParam, MenuDecoration, MenuIconProps, MenuItemActionContext, MenuItemDefinition, MenuItemObject, MenuProps, MenuRenderable, MenuRuntimeItem, MenuRuntimeItemSelectable, MenuSeparator, OverlayShowParams, RowDetailCache, RowDetailState, RowDetailStateObject, RowDisabledState, RowDisabledStateObject, RowSelectionState, ScrollStopInfo, Scrollbars, ShowOverlayFn, TableRenderRange, TreeDataSource, TreeDataSourceProps, TreeExpandState, TreeExpandStateValue, TreeGrid, TreeGridOnlyProps, TreeGridProps, TreeSelectionState, TreeSelectionValue, UpdateChildrenFn, UpdateOverlayContentFn, WaitForNodeOptions, WeakFixedSizeSet, alignNode, components, createFlashingColumnCellComponent, debounce, debug, defaultFilterTypes, eventMatchesKeyboardShortcut, defaultFilterTypes as filterTypes, flatten, buildManagedComponent as getComponentStateRoot, group, interceptMap, keyboardShortcuts, multisort, multisortNested, queryKeyToCacheKey, toTreeDataArray, useManagedComponentState as useComponentState, useDataSourceInternal, useDataSourceState, useEffectWhen, useEffectWhenSameDeps, useEffectWithChanges, useEffectWithObject, useGridScroll, useInfiniteColumnCell, useInfiniteColumnEditor, useInfiniteColumnFilterEditor, useInfiniteHeaderCell, useInfinitePortalContainer, useManagedDataSource, useMasterRowInfo, useOverlay, useOverlayPortal, usePrevious, useRowInfoReducers, useVisibleColumnSizes };