@infinite-table/infinite-react 0.1.3 → 0.2.2

package/index.d.ts

@@ -199,6 +199,103 @@ declare module "components/types/SubscriptionCallback" {
         onChange: (fn: SubscriptionCallbackOnChangeFn<T>) => VoidFn;
     }
 }
+declare module "components/types/Size" {
+    export interface Size {
+        width: number;
+        height: number;
+    }
+    export type OnResizeFn = (size: {
+        width: number;
+        height: number;
+    }) => void;
+}
+declare module "components/VirtualBrain/index" {
+    import { Logger } from "utils/debug";
+    import { Size } from "components/types/Size";
+    import type { OnScrollFn, ScrollPosition } from "components/types/ScrollPosition";
+    type MainAxisOptions = 'vertical' | 'horizontal';
+    export type VirtualBrainOptions = {
+        mainAxis: MainAxisOptions;
+        itemSize: MainAxisSize;
+        itemSpan?: ({ itemIndex }: {
+            itemIndex: number;
+        }) => number;
+        count: number;
+        name?: string;
+    };
+    export type MainAxisSize = number | ((itemIndex: number) => number);
+    type OnRenderCountChangeFn = (renderCount: number) => void;
+    type OnSizeChangeFn = (size: number) => void;
+    type OnDestroyFn = () => void;
+    export type GetItemPositionFn = (itemIndex: number) => number;
+    export type RenderRange = {
+        renderStartIndex: number;
+        renderEndIndex: number;
+    };
+    export type OnRenderRangeChangeFn = (renderRange: RenderRange) => void;
+    export class VirtualBrain extends Logger {
+        private scrollPosition;
+        private scrollPositionOnMainAxis;
+        private itemSpanParent;
+        private itemSpanValue;
+        private itemSizeCache;
+        private itemOffsetCache;
+        private options;
+        private destroyed;
+        private totalSize;
+        private onScrollFns;
+        private onTotalSizeChangeFns;
+        private onRenderCountChangeFns;
+        private onRenderRangeChangeFns;
+        private onDestroyFns;
+        name: string | undefined;
+        private renderCount;
+        private renderRange;
+        private availableSize;
+        constructor(options: VirtualBrainOptions);
+        setAvailableSize: (size: Size) => void;
+        getOptions(): VirtualBrainOptions;
+        private updateRenderCount;
+        private computeRenderCount;
+        private setRenderCount;
+        private updateRenderRange;
+        getRenderStartIndex(): number;
+        getRenderCount: () => number;
+        setScrollPosition: (scrollPosition: ScrollPosition) => void;
+        private notifyScrollChange;
+        private notifyDestroy;
+        private notifyTotalSizeChange;
+        private notifyRenderCountChange;
+        private notifyRenderRangeChange;
+        getRenderRange: () => RenderRange;
+        private setRenderRange;
+        private computeRenderRange;
+        getScrollPosition: () => ScrollPosition;
+        onScroll: (fn: OnScrollFn) => () => void;
+        onTotalSizeChange: (fn: OnSizeChangeFn) => () => void;
+        onRenderCountChange: (fn: OnRenderCountChangeFn) => () => void;
+        onRenderRangeChange: (fn: OnRenderRangeChangeFn) => () => void;
+        onDestroy: (fn: OnDestroyFn) => () => void;
+        update: (newCount: VirtualBrainOptions['count'], newItemSize: VirtualBrainOptions['itemSize'], newItemSpan?: VirtualBrainOptions['itemSpan']) => void;
+        private reset;
+        private computeItemSpanUpTo;
+        private computeCacheFor;
+        private getItemSizeCacheFor;
+        getItemSpan: (itemIndex: number) => number;
+        getItemSpanParent: (itemIndex: number) => number;
+        getItemSizeWithSpan: (itemIndex: number, itemSpan: number) => number;
+        /**
+         * For now, this doesn't take into account the itemspan, and it's okay not to
+         * @param itemIndex
+         * @returns the size of the specified item
+         */
+        getItemSize: (itemIndex: number) => number;
+        getTotalSize: () => number;
+        getItemAt: (scrollPos: number) => number;
+        getItemOffsetFor: (itemIndex: number) => number;
+        destroy: () => void;
+    }
+}
 declare module "components/DataSource/types" {
     import * as React from 'react';
     import { MultisortInfo } from "utils/multisort/index";
@@ -211,6 +308,7 @@ declare module "components/DataSource/types" {
     import { NonUndefined } from "components/types/NonUndefined";
     import { SubscriptionCallback } from "components/types/SubscriptionCallback";
     import { ScrollStopInfo } from "components/InfiniteTable/types/InfiniteTableProps";
+    import { RenderRange } from "components/VirtualBrain/index";
     export interface DataSourceDataParams<T> {
         originalDataArray: T[];
         sortInfo?: DataSourceSortInfo<T>;
@@ -235,6 +333,7 @@ declare module "components/DataSource/types" {
     export type DataSourceRemoteData<T> = {
         data: T[];
         mappings?: DataSourceMappings;
+        cache?: boolean;
         totalCount?: number;
         livePaginationCursor?: DataSourceLivePaginationCursorValue;
     };
@@ -282,6 +381,7 @@ declare module "components/DataSource/types" {
     export type LazyGroupRowInfo<DataType> = {
         items: LazyGroupDataItem<DataType>[];
         totalCount: number;
+        cache?: boolean;
     };
     export type LazyGroupDataDeepMap<DataType, KeyType = string> = DeepMap<KeyType, LazyGroupRowInfo<DataType>>;
     export interface DataSourceSetupState<T> {
@@ -290,8 +390,11 @@ declare module "components/DataSource/types" {
         showSeparatePivotColumnForSingleAggregation: boolean;
         dataParams?: DataSourceDataParams<T>;
         originalLazyGroupData: LazyGroupDataDeepMap<T>;
+        originalLazyGroupDataChangeDetect: number | string;
+        scrollStopDelayUpdatedByTable: number;
         notifyScrollbarsChange: SubscriptionCallback<Scrollbars>;
         notifyScrollStop: SubscriptionCallback<ScrollStopInfo>;
+        notifyRenderRangeChange: SubscriptionCallback<RenderRange>;
         originalDataArray: T[];
         lastSortDataArray?: T[];
         lastGroupDataArray?: InfiniteTableRowInfo<T>[];
@@ -383,16 +486,24 @@ declare module "components/DataSource/publicHooks/useDataSource" {
     export function useDataSource<T>(): DataSourceState<T>;
     export function useDataSourceContextValue<T>(): DataSourceContextValue<T>;
 }
+declare module "utils/getGlobal" {
+    export function getGlobal<T extends Window>(): T;
+}
 declare module "components/hooks/useEffectWithChanges" {
     import { EffectCallback } from 'react';
     export function useEffectWithChanges(fn: (changes: Record<string, any>, prevValues: Record<string, any>) => void | (() => void), deps: Record<string, any>): void;
     export function useEffectWithObject(fn: EffectCallback, deps: Record<string, any>): void;
 }
+declare module "components/utils/debounce" {
+    export function debounce(fn: Function, { wait }: {
+        wait: number;
+    }): (...args: any[]) => void;
+}
 declare module "components/DataSource/privateHooks/useLoadData" {
     import { ComponentStateGeneratedActions } from "components/hooks/useComponentState";
     import { DataSourceDataParams, DataSourceData, DataSourceState } from "components/DataSource/types";
     export function buildDataSourceDataParams<T>(componentState: DataSourceState<T>, overrides?: Partial<DataSourceDataParams<T>>): DataSourceDataParams<T>;
-    export function loadData<T>(data: DataSourceData<T>, componentState: DataSourceState<T>, actions: ComponentStateGeneratedActions<DataSourceState<T>>, overrides?: Partial<DataSourceDataParams<T>>): void;
+    export function loadData<T>(data: DataSourceData<T>, componentState: DataSourceState<T>, actions: ComponentStateGeneratedActions<DataSourceState<T>>, overrides?: Partial<DataSourceDataParams<T>>): Promise<any>;
     export function useLoadData<T>(): void;
 }
 declare module "components/DataSource/state/normalizeSortInfo" {
@@ -482,6 +593,7 @@ declare module "components/InfiniteTable/types/InfiniteTableColumn" {
         toggleCurrentGroupRow: () => void;
         toggleGroupRow: InfiniteTableToggleGroupRowFn;
         groupBy: DataSourceState<DATA_TYPE>['groupBy'];
+        pivotBy?: DataSourceState<DATA_TYPE>['pivotBy'];
     } & ({
         rowInfo: InfiniteTableRowInfoNormal<DATA_TYPE>;
         data: DATA_TYPE;
@@ -489,6 +601,10 @@ declare module "components/InfiniteTable/types/InfiniteTableColumn" {
         rowInfo: InfiniteTableRowInfoGroup<DATA_TYPE>;
         data: Partial<DATA_TYPE> | null;
     });
+    export type InfiniteTableGroupColumnRenderIconParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE> & {
+        collapsed: boolean;
+        groupIcon: Renderable;
+    };
     export type InfiniteTableColumnRenderValueParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE>;
     export type InfiniteTableColumnRowspanFnParams<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = {
         rowInfo: InfiniteTableRowInfo<DATA_TYPE>;
@@ -502,7 +618,8 @@ declare module "components/InfiniteTable/types/InfiniteTableColumn" {
         column: InfiniteTableComputedColumn<T>;
         columnSortInfo: DataSourceSingleSortInfo<T> | null | undefined;
     }
-    export type InfiniteTableColumnRenderFunction<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = ({ value, rowIndex, column, data, toggleGroupRow, toggleCurrentGroupRow, rowInfo, groupBy, }: InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE>) => Renderable | null;
+    export type InfiniteTableColumnRenderFunction<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = ({ value, rowIndex, column, data, toggleGroupRow, toggleCurrentGroupRow, rowInfo, groupBy, pivotBy, }: InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE>) => Renderable | null;
+    export type InfiniteTableGroupColumnRenderIconFunction<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (param: InfiniteTableGroupColumnRenderIconParam<DATA_TYPE, COL_TYPE>) => Renderable | null;
     export type InfiniteTableColumnRenderValueFunction<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = InfiniteTableColumnRenderFunction<DATA_TYPE, COL_TYPE>;
     export type InfiniteTableColumnHeaderRenderFunction<T> = ({ columnSortInfo, column, }: InfiniteTableColumnHeaderRenderParams<T>) => Renderable;
     export type InfiniteTableColumnWithField<T> = {
@@ -687,6 +804,7 @@ declare module "utils/groupAndPivot/index" {
     import { InfiniteTableColumnGroup, InfiniteTableGroupColumnBase } from "components/InfiniteTable/types/InfiniteTableProps";
     import { DeepMap } from "utils/DeepMap/index";
     export const LAZY_ROOT_KEY_FOR_GROUPS: string;
+    export const NOT_LOADED_YET_KEY_PREFIX = "____not_loaded_yet____";
     export type AggregationReducer<T, AggregationResultType = any> = DataSourceAggregationReducer<T, AggregationResultType> & {
         id: string;
     };
@@ -720,6 +838,7 @@ declare module "utils/groupAndPivot/index" {
         indexInAll: number;
         groupCount?: number;
         groupBy?: (keyof T)[];
+        rootGroupBy?: (keyof T)[];
         pivotValuesMap?: PivotValuesDeepMap<T, any>;
         reducerResults?: Record<string, AggregationReducerResult>;
     };
@@ -734,6 +853,7 @@ declare module "utils/groupAndPivot/index" {
         groupKeys?: any[];
         groupCount: number;
         groupBy: (keyof T)[];
+        rootGroupBy: (keyof T)[];
         pivotValuesMap?: PivotValuesDeepMap<T, any>;
     };
     export type GroupKeyType<T extends any = any> = T;
@@ -974,10 +1094,10 @@ declare module "components/InfiniteTable/types/InfiniteTableProps" {
     import * as React from 'react';
     import { InfiniteTableState } from "components/InfiniteTable/types/index";
     import { AggregationReducer, InfiniteTableRowInfoGroup, InfiniteTableRowInfoNormal } from "utils/groupAndPivot/index";
-    import { DataSourceGroupBy, DataSourcePropGroupBy, DataSourcePropPivotBy, DataSourceState } from "components/DataSource/index";
+    import { DataSourceGroupBy, DataSourcePivotBy, DataSourcePropGroupBy, DataSourcePropPivotBy, DataSourceState } from "components/DataSource/index";
     import { Renderable } from "components/types/Renderable";
     import { LoadMaskProps } from "components/InfiniteTable/components/LoadMask";
-    import type { InfiniteTableColumn, InfiniteTableColumnRenderFunction, InfiniteTableComputedColumn, InfiniteTableComputedPivotFinalColumn, InfiniteTablePivotColumn, InfiniteTablePivotFinalColumn } from "components/InfiniteTable/types/InfiniteTableColumn";
+    import type { InfiniteTableColumn, InfiniteTableColumnRenderFunction, InfiniteTableComputedColumn, InfiniteTableComputedPivotFinalColumn, InfiniteTableGroupColumnRenderIconFunction, InfiniteTablePivotColumn, InfiniteTablePivotFinalColumn } from "components/InfiniteTable/types/InfiniteTableColumn";
     import { InfiniteTablePropPivotTotalColumnPosition } from "components/InfiniteTable/types/InfiniteTableState";
     export type InfiniteTablePropColumnOrderNormalized = string[];
     export type InfiniteTablePropColumnOrder = InfiniteTablePropColumnOrderNormalized | true;
@@ -1078,6 +1198,7 @@ declare module "components/InfiniteTable/types/InfiniteTableProps" {
         groupRenderStrategy: InfiniteTablePropGroupRenderStrategy;
         groupCount: number;
         groupBy: DataSourceGroupBy<T>[];
+        pivotBy?: DataSourcePivotBy<T>[];
     };
     export type InfiniteTablePivotColumnGetterOptions<T, COL_TYPE = InfiniteTableColumn<T>> = {
         column: COL_TYPE;
@@ -1085,17 +1206,17 @@ declare module "components/InfiniteTable/types/InfiniteTableProps" {
         pivotBy: DataSourcePropPivotBy<T>;
     };
     export type InfiniteTablePropGroupRenderStrategy = 'single-column' | 'multi-column' | 'inline';
-    export type InfiniteTableGroupColumnBase<T> = InfiniteTableColumn<T> & {
+    export type InfiniteTableGroupColumnBase<T> = Partial<InfiniteTableColumn<T>> & {
         renderValue?: InfiniteTableColumnRenderFunction<T>;
+        renderGroupIcon?: InfiniteTableGroupColumnRenderIconFunction<T>;
         id?: string;
     };
     export type InfiniteTablePivotColumnBase<T> = InfiniteTableColumn<T> & {
         renderValue?: InfiniteTableColumnRenderFunction<T, InfiniteTableComputedPivotFinalColumn<T>>;
     };
     export type InfiniteTablePropGroupColumn<T> = InfiniteTableGroupColumnBase<T> | InfiniteTableGroupColumnFunction<T>;
-    export type InfiniteTableGroupColumnFunction<T> = (options: InfiniteTableGroupColumnGetterOptions<T>, toggleGroupRow: (groupKeys: any[]) => void) => InfiniteTableGroupColumnBase<T>;
+    export type InfiniteTableGroupColumnFunction<T> = (options: InfiniteTableGroupColumnGetterOptions<T>, toggleGroupRow: (groupKeys: any[]) => void) => Partial<InfiniteTableGroupColumnBase<T>>;
     export type InfiniteTablePropPivotColumn<T, COL_TYPE = InfiniteTableColumn<T>> = Partial<InfiniteTablePivotColumnBase<T>> | ((options: InfiniteTablePivotColumnGetterOptions<T, COL_TYPE>) => InfiniteTablePivotColumnBase<T>);
-    export type InfiniteTablePropPivotRowLabelsColumn<T> = InfiniteTablePropPivotColumn<T>;
     export type InfiniteTablePropComponents = {
         LoadMask?: React.FC<LoadMaskProps>;
     };
@@ -1111,7 +1232,6 @@ declare module "components/InfiniteTable/types/InfiniteTableProps" {
         components?: InfiniteTablePropComponents;
         viewportReservedWidth?: number;
         pivotColumn?: InfiniteTablePropPivotColumn<T, InfiniteTableColumn<T> & InfiniteTablePivotFinalColumn<T>>;
-        pivotRowLabelsColumn?: InfiniteTablePropPivotRowLabelsColumn<T>;
         pivotTotalColumnPosition?: InfiniteTablePropPivotTotalColumnPosition;
         groupColumn?: Partial<InfiniteTablePropGroupColumn<T>>;
         groupRenderStrategy?: InfiniteTablePropGroupRenderStrategy;
@@ -1177,16 +1297,6 @@ declare module "components/InfiniteTable/types/InfiniteTableProps" {
         horizontal: boolean;
     };
 }
-declare module "components/types/Size" {
-    export interface Size {
-        width: number;
-        height: number;
-    }
-    export type OnResizeFn = (size: {
-        width: number;
-        height: number;
-    }) => void;
-}
 declare module "components/VirtualBrain/ScrollListener" {
     import { OnScrollFn, ScrollPosition } from "components/types/ScrollPosition";
     export class ScrollListener {
@@ -1207,7 +1317,7 @@ declare module "components/InfiniteTable/types/InfiniteTableState" {
     import { SubscriptionCallback } from "components/types/SubscriptionCallback";
     import { ScrollListener } from "components/VirtualBrain/ScrollListener";
     import { NonUndefined } from "components/types/NonUndefined";
-    import { InfiniteTableColumn, InfiniteTablePivotColumn } from "components/InfiniteTable/types/InfiniteTableColumn";
+    import { InfiniteTableColumn } from "components/InfiniteTable/types/InfiniteTableColumn";
     import { ComponentStateActions } from "components/hooks/useComponentState";
     import { DataSourceGroupBy, DataSourceProps } from "components/DataSource/types";
     export type GroupByMap<T> = Map<keyof T, {
@@ -1230,7 +1340,6 @@ declare module "components/InfiniteTable/types/InfiniteTableState" {
         draggingColumnId: null | string;
         pinnedStartScrollListener: ScrollListener;
         pinnedEndScrollListener: ScrollListener;
-        computedPivotColumns?: Map<string, InfiniteTablePivotColumn<T>>;
         columnShifts: number[] | null;
     }
     export type InfiniteTableComputedColumnGroup = InfiniteTableColumnGroup & {
@@ -1269,7 +1378,6 @@ declare module "components/InfiniteTable/types/InfiniteTableState" {
         pinnedStartMaxWidth: InfiniteTableProps<T>['pinnedStartMaxWidth'];
         pinnedEndMaxWidth: InfiniteTableProps<T>['pinnedEndMaxWidth'];
         pivotColumn: InfiniteTableProps<T>['pivotColumn'];
-        pivotRowLabelsColumn: InfiniteTableProps<T>['pivotRowLabelsColumn'];
         pivotColumnGroups: InfiniteTablePropColumnGroupsMap;
         activeIndex: NonUndefined<InfiniteTableProps<T>['activeIndex']>;
         columnMinWidth: NonUndefined<InfiniteTableProps<T>['columnMinWidth']>;
@@ -1352,6 +1460,7 @@ declare module "components/InfiniteTable/types/InfiniteTableComputedValues" {
         computedRemainingSpace: number;
         unpinnedColumnRenderCount: number;
         columnRenderStartIndex: number;
+        toggleGroupRow: (groupKeys: any[]) => void;
     }
 }
 declare module "components/InfiniteTable/types/InfiniteTableContextValue" {
@@ -1369,12 +1478,12 @@ declare module "components/InfiniteTable/types/index" {
     import type { InfiniteTableState } from "components/InfiniteTable/types/InfiniteTableState";
     import type { InfiniteTableAction } from "components/InfiniteTable/types/InfiniteTableAction";
     import type { InfiniteTableActionType } from "components/InfiniteTable/types/InfiniteTableActionType";
-    import type { InfiniteTableProps, InfiniteTableImperativeApi, InfiniteTablePropColumnOrder, InfiniteTablePropColumnVisibility, InfiniteTablePropColumnPinning, InfiniteTableColumnAggregator, InfiniteTableColumnGroup, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropColumnGroups, InfiniteTablePropRowStyle, InfiniteTableRowStyleFn, InfiniteTableRowClassNameFn, InfiniteTablePropRowClassName, InfiniteTablePropColumns, InfiniteTablePropColumnsMap, InfiniteTablePropComponents, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTablePropColumnSizingMap, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnTypesMap, InfiniteTableColumnSizingOptions, Scrollbars } from "components/InfiniteTable/types/InfiniteTableProps";
+    import type { InfiniteTableProps, InfiniteTableImperativeApi, InfiniteTablePropColumnOrder, InfiniteTablePropColumnVisibility, InfiniteTablePropColumnPinning, InfiniteTableColumnAggregator, InfiniteTableColumnGroup, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropColumnGroups, InfiniteTablePropRowStyle, InfiniteTableRowStyleFn, InfiniteTableRowClassNameFn, InfiniteTablePropRowClassName, InfiniteTablePropColumns, InfiniteTablePropColumnsMap, InfiniteTablePropComponents, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTablePropColumnSizingMap, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnTypesMap, InfiniteTableColumnSizingOptions, Scrollbars, InfiniteTableGroupColumnBase, InfiniteTablePropGroupColumn } from "components/InfiniteTable/types/InfiniteTableProps";
     import type { InfiniteTableColumn, InfiniteTableColumnComparer, InfiniteTableComputedColumn, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam } from "components/InfiniteTable/types/InfiniteTableColumn";
     import type { InfiniteTableComputedValues } from "components/InfiniteTable/types/InfiniteTableComputedValues";
     import type { InfiniteTableContextValue } from "components/InfiniteTable/types/InfiniteTableContextValue";
     import type { InfiniteTableRowInfo } from "utils/groupAndPivot/index";
-    export type { Scrollbars, InfiniteTableColumnAggregator, InfiniteTableComputedValues, InfiniteTablePropColumns, InfiniteTablePropColumnsMap, InfiniteTableRowInfo, InfiniteTableGroupColumnFunction, InfiniteTablePropColumnOrder, InfiniteTablePropComponents, InfiniteTablePropColumnVisibility as InfiniteTablePropColumnVisibility, InfiniteTablePropColumnPinning, InfiniteTableColumnGroup, InfiniteTableColumn, InfiniteTableColumnComparer, InfiniteTableComputedColumn, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam, InfiniteTableContextValue, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropColumnGroups, InfiniteTablePropColumnSizing, InfiniteTablePropColumnSizingMap, InfiniteTableColumnSizingOptions, InfiniteTableState, InfiniteTableAction, InfiniteTableProps, InfiniteTablePropColumnTypes, InfiniteTablePropColumnTypesMap, InfiniteTableImperativeApi, InfiniteTableActionType, InfiniteTablePropRowStyle, InfiniteTablePropRowClassName, InfiniteTableRowStyleFn, InfiniteTableRowClassNameFn, InfiniteTableGroupColumnGetterOptions, };
+    export type { Scrollbars, InfiniteTableColumnAggregator, InfiniteTableComputedValues, InfiniteTablePropColumns, InfiniteTablePropGroupColumn, InfiniteTablePropColumnsMap, InfiniteTableRowInfo, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnBase, InfiniteTablePropColumnOrder, InfiniteTablePropComponents, InfiniteTablePropColumnVisibility as InfiniteTablePropColumnVisibility, InfiniteTablePropColumnPinning, InfiniteTableColumnGroup, InfiniteTableColumn, InfiniteTableColumnComparer, InfiniteTableComputedColumn, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam, InfiniteTableContextValue, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropColumnGroups, InfiniteTablePropColumnSizing, InfiniteTablePropColumnSizingMap, InfiniteTableColumnSizingOptions, InfiniteTableState, InfiniteTableAction, InfiniteTableProps, InfiniteTablePropColumnTypes, InfiniteTablePropColumnTypesMap, InfiniteTableImperativeApi, InfiniteTableActionType, InfiniteTablePropRowStyle, InfiniteTablePropRowClassName, InfiniteTableRowStyleFn, InfiniteTableRowClassNameFn, InfiniteTableGroupColumnGetterOptions, };
 }
 declare module "components/InfiniteTable/InfiniteTableContext" {
     import { InfiniteTableContextValue } from "components/InfiniteTable/types/InfiniteTableContextValue";
@@ -1411,7 +1520,6 @@ declare module "components/InfiniteTable/state/getInitialState" {
         components: 1 | ((value: import("components/InfiniteTable/types").InfiniteTablePropComponents | undefined) => import("components/InfiniteTable/types").InfiniteTablePropComponents | undefined);
         loadingText: 1 | ((value: import("react").ReactNode) => import("react").ReactNode);
         viewportReservedWidth: 1 | ((value: number | undefined) => number | undefined);
-        pivotRowLabelsColumn: 1 | ((value: import("components/InfiniteTable/types/InfiniteTableProps").InfiniteTablePropPivotRowLabelsColumn<T> | undefined) => import("components/InfiniteTable/types/InfiniteTableProps").InfiniteTablePropPivotRowLabelsColumn<T> | undefined);
         groupColumn: 1 | ((value: Partial<InfiniteTablePropGroupColumn<T>> | undefined) => Partial<InfiniteTablePropGroupColumn<T>> | undefined);
         hideEmptyGroupColumns: 1 | ((value: boolean | undefined) => boolean);
         columnVisibility: 1 | ((value: import("components/InfiniteTable/types").InfiniteTablePropColumnVisibility | undefined) => import("components/InfiniteTable/types").InfiniteTablePropColumnVisibility);
@@ -1533,9 +1641,6 @@ declare module "components/InfiniteTable/utils/adjustColumnOrderForPinning" {
     import { InfiniteTablePropColumnOrderNormalized, InfiniteTablePropColumnPinningMap } from "components/InfiniteTable/types/InfiniteTableProps";
     export const adjustColumnOrderForPinning: (columnOrder: InfiniteTablePropColumnOrderNormalized, columnPinning: InfiniteTablePropColumnPinningMap) => InfiniteTablePropColumnOrderNormalized;
 }
-declare module "utils/getGlobal" {
-    export function getGlobal<T extends Window>(): T;
-}
 declare module "components/utils/getScrollbarWidth" {
     export function getScrollbarWidth(): number;
 }
@@ -1728,19 +1833,6 @@ declare module "components/InfiniteTable/components/InfiniteTableRow/row.css" {
     }>;
     export const GroupRowExpanderCls: string;
 }
-declare module "components/InfiniteTable/state/getComputedPivotColumnsFromDataSourcePivotColumns" {
-    import { DataSourcePropGroupBy, DataSourcePropPivotBy } from "components/DataSource/index";
-    import { InfiniteTableProps } from "components/InfiniteTable/types/index";
-    import { InfiniteTableState } from "components/InfiniteTable/types/InfiniteTableState";
-    export function getComputedPivotColumnsFromDataSourcePivotColumns<T>(pivotColumns: InfiniteTableProps<T>['pivotColumns'], params: {
-        toggleGroupRow: (groupKeys: any[]) => void;
-        pivotColumn: InfiniteTableProps<T>['pivotColumn'];
-        pivotRowLabelsColumn: InfiniteTableProps<T>['pivotRowLabelsColumn'];
-        pivotTotalColumnPosition: InfiniteTableState<T>['pivotTotalColumnPosition'];
-        pivotBy: DataSourcePropPivotBy<T>;
-        groupBy: DataSourcePropGroupBy<T>;
-    }): InfiniteTableProps<T>['pivotColumns'];
-}
 declare module "components/InfiniteTable/utils/getColumnForGroupBy" {
     import * as React from 'react';
     import { InfiniteTableColumnRenderParam } from "components/InfiniteTable/index";
@@ -1763,17 +1855,23 @@ declare module "components/InfiniteTable/hooks/useToggleGroupRow" {
     export function useToggleGroupRow<T>(): ToggleGrouRowFn;
 }
 declare module "components/InfiniteTable/hooks/useColumnsWhen" {
-    import type { InfiniteTableColumn } from "components/InfiniteTable/index";
-    import type { DataSourceGroupBy } from "components/DataSource/index";
+    import type { InfiniteTableColumn, InfiniteTableState } from "components/InfiniteTable/index";
+    import type { DataSourceGroupBy, DataSourcePivotBy } from "components/DataSource/index";
     import type { InfiniteTablePropGroupRenderStrategy, InfiniteTableProps } from "components/InfiniteTable/types/InfiniteTableProps";
-    export function useColumnsWhen<T>(): void;
+    import { ToggleGrouRowFn } from "components/InfiniteTable/hooks/useToggleGroupRow";
+    export function useColumnsWhen<T>(): {
+        toggleGroupRow: ToggleGrouRowFn;
+    };
     export function getColumnsWhenGrouping<T>(params: {
         columns: Map<string, InfiniteTableColumn<T>>;
         groupBy: DataSourceGroupBy<T>[];
+        pivotBy?: DataSourcePivotBy<T>[];
         toggleGroupRow: (groupKeys: any[]) => void;
+        pivotTotalColumnPosition: InfiniteTableState<T>['pivotTotalColumnPosition'];
         groupColumn: InfiniteTableProps<T>['groupColumn'];
         groupRenderStrategy: InfiniteTablePropGroupRenderStrategy;
         pivotColumns: InfiniteTableProps<T>['pivotColumns'];
+        pivotColumn: InfiniteTableProps<T>['pivotColumn'];
     }): Map<string, InfiniteTableColumn<T>> | undefined;
 }
 declare module "components/InfiniteTable/hooks/useComputed" {
@@ -1795,93 +1893,6 @@ declare module "components/InfiniteTable/components/InfiniteTableBody/InfiniteTa
 declare module "components/InfiniteTable/components/InfiniteTableBody/index" {
     export * from "components/InfiniteTable/components/InfiniteTableBody/InfiniteTableBody";
 }
-declare module "components/VirtualBrain/index" {
-    import { Logger } from "utils/debug";
-    import { Size } from "components/types/Size";
-    import type { OnScrollFn, ScrollPosition } from "components/types/ScrollPosition";
-    type MainAxisOptions = 'vertical' | 'horizontal';
-    export type VirtualBrainOptions = {
-        mainAxis: MainAxisOptions;
-        itemSize: MainAxisSize;
-        itemSpan?: ({ itemIndex }: {
-            itemIndex: number;
-        }) => number;
-        count: number;
-        name?: string;
-    };
-    export type MainAxisSize = number | ((itemIndex: number) => number);
-    type OnRenderCountChangeFn = (renderCount: number) => void;
-    type OnSizeChangeFn = (size: number) => void;
-    type OnDestroyFn = () => void;
-    export type GetItemPositionFn = (itemIndex: number) => number;
-    export type RenderRange = {
-        renderStartIndex: number;
-        renderEndIndex: number;
-    };
-    export type OnRenderRangeChangeFn = (renderRange: RenderRange) => void;
-    export class VirtualBrain extends Logger {
-        private scrollPosition;
-        private scrollPositionOnMainAxis;
-        private itemSpanParent;
-        private itemSpanValue;
-        private itemSizeCache;
-        private itemOffsetCache;
-        private options;
-        private destroyed;
-        private totalSize;
-        private onScrollFns;
-        private onTotalSizeChangeFns;
-        private onRenderCountChangeFns;
-        private onRenderRangeChangeFns;
-        private onDestroyFns;
-        name: string | undefined;
-        private renderCount;
-        private renderRange;
-        private availableSize;
-        constructor(options: VirtualBrainOptions);
-        setAvailableSize: (size: Size) => void;
-        getOptions(): VirtualBrainOptions;
-        private updateRenderCount;
-        private computeRenderCount;
-        private setRenderCount;
-        private updateRenderRange;
-        getRenderStartIndex(): number;
-        getRenderCount: () => number;
-        setScrollPosition: (scrollPosition: ScrollPosition) => void;
-        private notifyScrollChange;
-        private notifyDestroy;
-        private notifyTotalSizeChange;
-        private notifyRenderCountChange;
-        private notifyRenderRangeChange;
-        getRenderRange: () => RenderRange;
-        private setRenderRange;
-        private computeRenderRange;
-        getScrollPosition: () => ScrollPosition;
-        onScroll: (fn: OnScrollFn) => () => void;
-        onTotalSizeChange: (fn: OnSizeChangeFn) => () => void;
-        onRenderCountChange: (fn: OnRenderCountChangeFn) => () => void;
-        onRenderRangeChange: (fn: OnRenderRangeChangeFn) => () => void;
-        onDestroy: (fn: OnDestroyFn) => () => void;
-        update: (newCount: VirtualBrainOptions['count'], newItemSize: VirtualBrainOptions['itemSize'], newItemSpan?: VirtualBrainOptions['itemSpan']) => void;
-        private reset;
-        private computeItemSpanUpTo;
-        private computeCacheFor;
-        private getItemSizeCacheFor;
-        getItemSpan: (itemIndex: number) => number;
-        getItemSpanParent: (itemIndex: number) => number;
-        getItemSizeWithSpan: (itemIndex: number, itemSpan: number) => number;
-        /**
-         * For now, this doesn't take into account the itemspan, and it's okay not to
-         * @param itemIndex
-         * @returns the size of the specified item
-         */
-        getItemSize: (itemIndex: number) => number;
-        getTotalSize: () => number;
-        getItemAt: (scrollPos: number) => number;
-        getItemOffsetFor: (itemIndex: number) => number;
-        destroy: () => void;
-    }
-}
 declare module "components/InfiniteTable/components/ScrollbarPlaceholder" {
     import * as React from 'react';
     function HorizontalScrollbarPlaceholderFn(props: {