@infinite-table/infinite-react 0.0.7 → 0.1.0

package/index.d.ts

@@ -8,6 +8,8 @@ declare module "components/types/ScrollPosition" {
     export type SetScrollPosition = OnScrollFn;
 }
 declare module "utils/multisort/sortTypes" {
+    export const numberComparator: (first: number, second: number) => number;
+    export const stringComparator: (first: string, second: string) => number;
     const sortTypes: {
         [key: string]: (first: any, second: any) => number;
     };
@@ -69,6 +71,7 @@ declare module "utils/DeepMap" {
         private map;
         private length;
         private revision;
+        static clone<KeyType, ValueType>(map: DeepMap<KeyType, ValueType>): DeepMap<KeyType, ValueType>;
         constructor(initial?: [KeyType[], ValueType][]);
         set(keys: KeyType[] & {
             length: Omit<number, 0>;
@@ -139,9 +142,15 @@ declare module "components/hooks/useComponentState" {
         componentState: T_STATE;
         componentActions: T_ACTIONS;
     };
-    type ComponentStateGeneratedActions<T_STATE> = {
+    export type ComponentStateGeneratedActions<T_STATE> = {
         [k in keyof T_STATE]: T_STATE[k] | React.SetStateAction<T_STATE[k]>;
     };
+    export type ComponentInterceptedActions<T_STATE> = {
+        [k in keyof T_STATE]?: (value: T_STATE[k], { actions, state, }: {
+            actions: ComponentStateGeneratedActions<T_STATE>;
+            state: T_STATE;
+        }) => void;
+    };
     export type ComponentStateActions<T_STATE> = ComponentStateGeneratedActions<T_STATE>;
     export type ForwardPropsToStateFnResult<TYPE_PROPS, TYPE_RESULT> = Partial<{
         [propName in keyof TYPE_PROPS & keyof TYPE_RESULT]: 1 | ((value: TYPE_PROPS[propName]) => TYPE_RESULT[propName]);
@@ -151,6 +160,7 @@ declare module "components/hooks/useComponentState" {
         initSetupState?: () => COMPONENT_SETUP_STATE;
         forwardProps?: () => ForwardPropsToStateFnResult<T_PROPS, COMPONENT_MAPPED_STATE>;
         allowedControlledPropOverrides?: Record<keyof T_PROPS, true>;
+        interceptActions?: ComponentInterceptedActions<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>;
         mapPropsToState?: (params: {
             props: T_PROPS;
             state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & Partial<COMPONENT_DERIVED_STATE>;
@@ -175,71 +185,99 @@ declare module "components/hooks/useComponentState" {
 declare module "components/types/NonUndefined" {
     export type NonUndefined<T> = T extends undefined ? never : T;
 }
+declare module "components/types/SubscriptionCallback" {
+    import { VoidFn } from "components/types/VoidFn";
+    export type SubscriptionCallbackOnChangeFn<T> = (node: T | null) => void;
+    export interface SubscriptionCallback<T> {
+        (node: T): void;
+        get: () => T | null;
+        destroy: VoidFn;
+        onChange: (fn: SubscriptionCallbackOnChangeFn<T>) => VoidFn;
+    }
+}
 declare module "components/DataSource/types" {
     import * as React from 'react';
     import { MultisortInfo } from "utils/multisort/index";
     import { DeepMap } from "utils/DeepMap";
-    import { AggregationReducer, DeepMapGroupValueType, GroupBy, GroupKeyType, PivotBy } from "utils/groupAndPivot/index";
-    import { InfiniteTableColumn, InfiniteTableColumnGroup, InfiniteTableRowInfo } from "components/InfiniteTable/index";
+    import { DeepMapGroupValueType, GroupBy, GroupKeyType, PivotBy } from "utils/groupAndPivot/index";
+    import { InfiniteTableColumn, InfiniteTableColumnGroup, InfiniteTableRowInfo, Scrollbars } from "components/InfiniteTable/index";
     import { ComponentStateActions } from "components/hooks/useComponentState";
     import { GroupRowsState } from "components/DataSource/GroupRowsState";
     import { InfiniteTablePropPivotTotalColumnPosition } from "components/InfiniteTable/types/InfiniteTableState";
     import { NonUndefined } from "components/types/NonUndefined";
-    export interface DataSourceDataInfo<T> {
+    import { SubscriptionCallback } from "components/types/SubscriptionCallback";
+    export interface DataSourceDataParams<T> {
         originalDataArray: T[];
+        sortInfo?: DataSourceSortInfo<T>;
+        groupBy?: DataSourcePropGroupBy<T>;
+        pivotBy?: DataSourcePropPivotBy<T>;
+        livePaginationCursor?: DataSourceLivePaginationCursorValue;
     }
     export type DataSourceSingleSortInfo<T> = MultisortInfo<T> & {
         field?: keyof T;
         id?: string;
     };
-    export type DataSourceGroupRowsBy<T> = GroupBy<T, any>;
+    export type DataSourceGroupBy<T> = GroupBy<T, any>;
     export type DataSourcePivotBy<T> = PivotBy<T, any>;
     export type DataSourceSortInfo<T> = null | DataSourceSingleSortInfo<T> | DataSourceSingleSortInfo<T>[];
-    export type DataSourceData<T> = T[] | Promise<T[] | {
-        data: T[];
-    }> | (() => T[] | Promise<T[] | {
+    export type DataSourceRemoteData<T> = {
         data: T[];
-    }>);
+        livePaginationCursor?: DataSourceLivePaginationCursorValue;
+    };
+    export type DataSourceData<T> = T[] | DataSourceRemoteData<T> | Promise<T[] | DataSourceRemoteData<T>> | ((dataInfo: DataSourceDataParams<T>) => T[] | Promise<T[] | DataSourceRemoteData<T>>);
     export type DataSourceGroupRowsList<KeyType> = true | KeyType[][];
     export type DataSourceExpandedAndCollapsedGroupRows<KeyType> = {
         expandedRows: DataSourceGroupRowsList<KeyType>;
         collapsedRows: DataSourceGroupRowsList<KeyType>;
     };
-    export type DataSourcePropGroupRowsBy<T> = DataSourceGroupRowsBy<T>[];
+    export type DataSourcePropGroupBy<T> = DataSourceGroupBy<T>[];
     export type DataSourcePropPivotBy<T> = DataSourcePivotBy<T>[];
     export interface DataSourceMappedState<T> {
-        remoteCount: DataSourceProps<T>['remoteCount'];
+        aggregationReducers?: DataSourceProps<T>['aggregationReducers'];
+        livePagination: DataSourceProps<T>['livePagination'];
+        livePaginationCursor: DataSourceProps<T>['livePaginationCursor'];
+        onDataParamsChange: DataSourceProps<T>['onDataParamsChange'];
         data: DataSourceProps<T>['data'];
         primaryKey: DataSourceProps<T>['primaryKey'];
-        groupRowsBy: NonUndefined<DataSourceProps<T>['groupRowsBy']>;
+        groupBy: NonUndefined<DataSourceProps<T>['groupBy']>;
         groupRowsState: NonUndefined<DataSourceProps<T>['groupRowsState']>;
         pivotBy: DataSourceProps<T>['pivotBy'];
         loading: NonUndefined<DataSourceProps<T>['loading']>;
         sortInfo: DataSourceSingleSortInfo<T>[] | null;
     }
+    export type DataSourceAggregationReducer<T, AggregationResultType> = {
+        field?: keyof T;
+        initialValue: AggregationResultType;
+        getter?: (data: T) => any;
+        reducer: (accumulator: any, value: any, data: T) => AggregationResultType | any;
+        done?: (accumulatedValue: AggregationResultType | any, array: T[]) => AggregationResultType;
+    };
     export interface DataSourceSetupState<T> {
+        showSeparatePivotColumnForSingleAggregation: boolean;
+        dataParams?: DataSourceDataParams<T>;
+        notifyScrollbarsChange: SubscriptionCallback<Scrollbars>;
         originalDataArray: T[];
         lastSortDataArray?: T[];
         lastGroupDataArray?: InfiniteTableRowInfo<T>[];
         dataArray: InfiniteTableRowInfo<T>[];
         groupDeepMap?: DeepMap<GroupKeyType, DeepMapGroupValueType<T, any>>;
         pivotTotalColumnPosition: InfiniteTablePropPivotTotalColumnPosition;
+        scrollBottomId: number | Symbol | DataSourceLivePaginationCursorValue;
         updatedAt: number;
         reducedAt: number;
         groupedAt: number;
         sortedAt: number;
         generateGroupRows: boolean;
-        aggregationReducers?: AggregationReducer<T, any>[];
         postSortDataArray?: T[];
         postGroupDataArray?: InfiniteTableRowInfo<T>[];
         pivotColumns?: Map<string, InfiniteTableColumn<T>>;
         pivotColumnGroups?: Map<string, InfiniteTableColumnGroup>;
     }
+    export type DataSourcePropAggregationReducers<T> = Record<string, DataSourceAggregationReducer<T, any>>;
     export interface DataSourceProps<T> {
         children: React.ReactNode | ((contextData: DataSourceState<T>) => React.ReactNode);
         primaryKey: keyof T;
         fields?: (keyof T)[];
-        remoteCount?: number;
         data: DataSourceData<T>;
         loading?: boolean;
         defaultLoading?: boolean;
@@ -247,20 +285,27 @@ declare module "components/DataSource/types" {
         pivotBy?: DataSourcePropPivotBy<T>;
         defaultPivotBy?: DataSourcePropPivotBy<T>;
         onPivotByChange?: (pivotBy: DataSourcePropPivotBy<T>) => void;
-        groupRowsBy?: DataSourcePropGroupRowsBy<T>;
-        defaultGroupRowsBy?: DataSourcePropGroupRowsBy<T>;
-        onGroupRowsByChange?: (groupBy: DataSourcePropGroupRowsBy<T>) => void;
+        aggregationReducers?: DataSourcePropAggregationReducers<T>;
+        defaultAggregationReducers?: DataSourcePropAggregationReducers<T>;
+        groupBy?: DataSourcePropGroupBy<T>;
+        defaultGroupBy?: DataSourcePropGroupBy<T>;
+        onGroupByChange?: (groupBy: DataSourcePropGroupBy<T>) => void;
         groupRowsState?: GroupRowsState;
         defaultGroupRowsState?: GroupRowsState;
         onGroupRowsStateChange?: (groupRowsState: GroupRowsState) => void;
         sortInfo?: DataSourceSortInfo<T>;
         defaultSortInfo?: DataSourceSortInfo<T>;
-        onSortInfoChange?: (sortInfo: DataSourceSortInfo<T>) => void;
+        onSortInfoChange?: ((sortInfo: DataSourceSingleSortInfo<T> | null) => void) | ((sortInfo: DataSourceSingleSortInfo<T>[]) => void);
+        onDataParamsChange?: (dataParamsChange: DataSourceDataParams<T>) => void;
+        livePagination?: boolean;
+        livePaginationCursor?: DataSourceLivePaginationCursorValue;
     }
+    export type DataSourceLivePaginationCursorValue = string | number;
     export interface DataSourceState<T> extends DataSourceSetupState<T>, DataSourceDerivedState<T>, DataSourceMappedState<T> {
     }
     export interface DataSourceDerivedState<_T> {
         multiSort: boolean;
+        controlledSort: boolean;
     }
     export type DataSourceComponentActions<T> = ComponentStateActions<DataSourceState<T>>;
     export interface DataSourceContextValue<T> {
@@ -290,42 +335,55 @@ declare module "components/DataSource/publicHooks/useDataSource" {
     export function useDataSource<T>(): DataSourceState<T>;
     export function useDataSourceContextValue<T>(): DataSourceContextValue<T>;
 }
-declare module "components/DataSource/privateHooks/buildDataSourceDataInfo" {
-    import { DataSourceDataInfo } from "components/DataSource/types";
-    export function buildDataSourceDataInfo<T>(dataParam: T[] | {
-        data: T[];
-    }): DataSourceDataInfo<T>;
-}
-declare module "components/DataSource/privateHooks/loadDataAsync" {
-    import { DataSourceData, DataSourceDataInfo } from "components/DataSource/types";
-    export function loadDataAsync<T>(data: DataSourceData<T>): Promise<DataSourceDataInfo<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/DataSource/privateHooks/useLoadData" {
+    import { DataSourceDataParams, DataSourceState } from "components/DataSource/types";
+    export function buildDataSourceDataParams<T>(componentState: DataSourceState<T>): DataSourceDataParams<T>;
     export function useLoadData<T>(): void;
+    export function useLivePagination<T>(): void;
 }
 declare module "components/DataSource/state/normalizeSortInfo" {
     import { DataSourceSingleSortInfo, DataSourceSortInfo } from "components/DataSource/types";
     export const normalizeSortInfo: <T>(sortInfo?: DataSourceSortInfo<T> | undefined) => DataSourceSingleSortInfo<T>[];
 }
+declare module "components/utils/buildSubscriptionCallback" {
+    import { SubscriptionCallback } from "components/types/SubscriptionCallback";
+    export function buildSubscriptionCallback<T>(): SubscriptionCallback<T>;
+}
+declare module "utils/shallowEqualObjects" {
+    export function shallowEqualObjects<T extends object | null>(objA: T, objB: T): boolean;
+}
+declare module "components/utils/discardCallsWithEqualArg" {
+    export function discardCallsWithEqualArg<T = any>(fn: (arg: T) => void, timeframe?: number, getCompareObject?: (arg: T) => any): (arg: T) => void;
+}
 declare module "components/DataSource/state/getInitialState" {
     import { DataSourceMappedState, DataSourceProps, DataSourceDerivedState, DataSourceSetupState, DataSourceState } from "components/DataSource/types";
     import { GroupRowsState } from "components/DataSource/GroupRowsState";
-    import { ForwardPropsToStateFnResult } from "components/hooks/useComponentState";
+    import { ComponentInterceptedActions, ForwardPropsToStateFnResult } from "components/hooks/useComponentState";
+    import { DataSourceDataParams } from "components/DataSource/index";
     export function initSetupState<T>(): DataSourceSetupState<T>;
     export const forwardProps: <T>() => Partial<{
-        data: 1 | ((value: import("components/DataSource/types").DataSourceData<T>) => import("components/DataSource/types").DataSourceData<T>);
+        data: 1 | ((value: import("components/DataSource").DataSourceData<T>) => import("components/DataSource").DataSourceData<T>);
         loading: 1 | ((value: boolean | undefined) => boolean);
-        remoteCount: 1 | ((value: number | undefined) => number | undefined);
+        aggregationReducers: 1 | ((value: import("components/DataSource").DataSourcePropAggregationReducers<T> | undefined) => import("components/DataSource").DataSourcePropAggregationReducers<T> | undefined);
+        livePagination: 1 | ((value: boolean | undefined) => boolean | undefined);
+        livePaginationCursor: 1 | ((value: import("components/DataSource").DataSourceLivePaginationCursorValue | undefined) => import("components/DataSource").DataSourceLivePaginationCursorValue | undefined);
+        onDataParamsChange: 1 | ((value: ((dataParamsChange: DataSourceDataParams<T>) => void) | undefined) => ((dataParamsChange: DataSourceDataParams<T>) => void) | undefined);
         primaryKey: 1 | ((value: keyof T) => keyof T);
-        groupRowsBy: 1 | ((value: import("components/DataSource/types").DataSourcePropGroupRowsBy<T> | undefined) => import("components/DataSource/types").DataSourcePropGroupRowsBy<T>);
+        groupBy: 1 | ((value: import("components/DataSource").DataSourcePropGroupBy<T> | undefined) => import("components/DataSource").DataSourcePropGroupBy<T>);
         groupRowsState: 1 | ((value: GroupRowsState<any> | undefined) => GroupRowsState<any>);
-        pivotBy: 1 | ((value: import("components/DataSource/types").DataSourcePropPivotBy<T> | undefined) => import("components/DataSource/types").DataSourcePropPivotBy<T> | undefined);
-        sortInfo: 1 | ((value: import("components/DataSource/types").DataSourceSortInfo<T> | undefined) => import("components/DataSource/types").DataSourceSingleSortInfo<T>[] | null);
+        pivotBy: 1 | ((value: import("components/DataSource").DataSourcePropPivotBy<T> | undefined) => import("components/DataSource").DataSourcePropPivotBy<T> | undefined);
+        sortInfo: 1 | ((value: import("components/DataSource").DataSourceSortInfo<T> | undefined) => import("components/DataSource").DataSourceSingleSortInfo<T>[] | null);
     }>;
     export function mapPropsToState<T extends any>(params: {
         props: DataSourceProps<T>;
         state: DataSourceState<T>;
     }): DataSourceDerivedState<T>;
+    export function getInterceptActions<T>(): ComponentInterceptedActions<DataSourceState<T>>;
 }
 declare module "components/types/Renderable" {
     import * as React from 'react';
@@ -333,6 +391,7 @@ declare module "components/types/Renderable" {
 }
 declare module "components/InfiniteTable/types/Utility" {
     export type ArrayElement<ArrayType extends readonly unknown[]> = ArrayType extends readonly (infer ElementType)[] ? ElementType : never;
+    export type MapOrRecord<K extends string, V> = Map<K, V> | Record<K, V>;
     export type RequireOnlyOneProperty<T, Keys extends keyof T> = Pick<T, Exclude<keyof T, Keys>> & {
         [K in Keys]-?: Required<Pick<T, K>> & Partial<Record<Exclude<Keys, K>, undefined>>;
     }[Keys];
@@ -352,26 +411,30 @@ declare module "components/InfiniteTable/types/InfiniteTableColumn" {
     import type { Renderable } from "components/types/Renderable";
     import type { DataSourcePivotBy, DataSourceSingleSortInfo, DataSourceState } from "components/DataSource/types";
     import type { DiscriminatedUnion, RequireAtLeastOne } from "components/InfiniteTable/types/Utility";
-    import type { InfiniteTableRowInfo } from "components/InfiniteTable/types/index";
+    import type { InfiniteTableColumnGroup, InfiniteTableRowInfo } from "components/InfiniteTable/types/index";
     import { CSSProperties } from 'react';
-    import { PivotBy } from "utils/groupAndPivot/index";
+    import { AggregationReducer, InfiniteTableRowInfoGroup, InfiniteTableRowInfoNormal, PivotBy } from "utils/groupAndPivot/index";
     export type { DiscriminatedUnion, RequireAtLeastOne };
     export type InfiniteTableToggleGroupRowFn = (groupKeys: any[]) => void;
-    export interface InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> {
+    export type InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = {
         value: string | number | Renderable;
-        data: DATA_TYPE | null;
-        rowInfo: InfiniteTableRowInfo<DATA_TYPE>;
         groupRowInfo: InfiniteTableRowInfo<DATA_TYPE> | null;
         rowIndex: number;
         column: COL_TYPE;
         toggleCurrentGroupRow: () => void;
         toggleGroupRow: InfiniteTableToggleGroupRowFn;
-        groupRowsBy: DataSourceState<DATA_TYPE>['groupRowsBy'];
-    }
+        groupBy: DataSourceState<DATA_TYPE>['groupBy'];
+    } & ({
+        rowInfo: InfiniteTableRowInfoNormal<DATA_TYPE>;
+        data: DATA_TYPE;
+    } | {
+        rowInfo: InfiniteTableRowInfoGroup<DATA_TYPE>;
+        data: Partial<DATA_TYPE> | null;
+    });
     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>> = {
-        data: DATA_TYPE | null;
         rowInfo: InfiniteTableRowInfo<DATA_TYPE>;
+        data: DATA_TYPE | Partial<DATA_TYPE> | null;
         groupRowInfo: InfiniteTableRowInfo<DATA_TYPE> | null;
         dataArray: InfiniteTableRowInfo<DATA_TYPE>[];
         rowIndex: number;
@@ -382,7 +445,7 @@ declare module "components/InfiniteTable/types/InfiniteTableColumn" {
         columnSortInfo: DataSourceSingleSortInfo<T> | null | undefined;
     }
     export type InfiniteTableColumnPinned = 'start' | 'end' | false;
-    export type InfiniteTableColumnRenderFunction<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = ({ value, rowIndex, column, data, toggleGroupRow, toggleCurrentGroupRow, rowInfo, groupRowsBy, }: 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, }: InfiniteTableColumnRenderParam<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> = {
@@ -397,16 +460,7 @@ declare module "components/InfiniteTable/types/InfiniteTableColumn" {
     export type InfiniteTableColumnAlign = 'start' | 'center' | 'end';
     export type InfiniteTableColumnVerticalAlign = 'start' | 'center' | 'end';
     export type InfiniteTableColumnHeader<T> = Renderable | InfiniteTableColumnHeaderRenderFunction<T>;
-    type InfiniteTableColumnWithFlex = {
-        flex?: number;
-        defaultFlex?: number;
-    };
-    type InfiniteTableColumnWithWidth = {
-        width?: number;
-        defaultWidth?: number;
-    };
-    export type InfiniteTableColumnWithSize = DiscriminatedUnion<InfiniteTableColumnWithFlex, InfiniteTableColumnWithWidth>;
-    export type InfiniteTableColumnTypes = 'string' | 'number' | 'date';
+    export type InfiniteTableColumnTypeNames = 'string' | 'number' | 'date' | string;
     export type InfiniteTableColumnWithRenderOrRenderValueOrFieldOrValueGetter<T> = RequireAtLeastOne<{
         field?: keyof T;
         render?: InfiniteTableColumnRenderFunction<T>;
@@ -414,27 +468,35 @@ declare module "components/InfiniteTable/types/InfiniteTableColumn" {
         valueGetter?: InfiniteTableColumnValueGetter<T>;
     }, 'render' | 'renderValue' | 'field' | 'valueGetter'>;
     export type InfiniteTableColumnStyleFnParams<T> = {
-        data: T | null;
         value: Renderable;
-        rowInfo: InfiniteTableRowInfo<T>;
         column: InfiniteTableColumn<T>;
-    };
+    } & ({
+        data: T;
+        rowInfo: InfiniteTableRowInfoNormal<T>;
+    } | {
+        data: Partial<T> | null;
+        rowInfo: InfiniteTableRowInfoGroup<T>;
+    });
     export type InfiniteTableColumnStyleFn<T> = (params: InfiniteTableColumnStyleFnParams<T>) => undefined | React.CSSProperties;
     export type InfiniteTableColumnClassNameFn<T> = (params: InfiniteTableColumnStyleFnParams<T>) => undefined | string;
     export type InfiniteTableColumnStyle<T> = CSSProperties | InfiniteTableColumnStyleFn<T>;
     export type InfiniteTableColumnClassName<T> = string | InfiniteTableColumnClassNameFn<T>;
     export type InfiniteTableColumnValueGetterParams<T> = {
-        data: T | null;
-        rowInfo: InfiniteTableRowInfo<T>;
-        groupRowInfo: InfiniteTableRowInfo<T> | null;
+        data: T;
+        rowInfo: InfiniteTableRowInfoNormal<T>;
+    } | {
+        data: Partial<T> | null;
+        rowInfo: InfiniteTableRowInfoGroup<T>;
     };
     export type InfiniteTableColumnValueGetter<T, VALUE_GETTER_TYPE = Renderable> = (params: InfiniteTableColumnValueGetterParams<T>) => VALUE_GETTER_TYPE;
     export type InfiniteTableColumnRowspanFn<T> = (params: InfiniteTableColumnRowspanFnParams<T>) => number;
+    export type InfiniteTableColumnComparer<T> = (a: T, b: T) => number;
     export type InfiniteTableBaseColumn<T> = {
-        maxWidth?: number;
-        minWidth?: number;
         sortable?: boolean;
         draggable?: boolean;
+        resizable?: boolean;
+        comparer?: InfiniteTableColumnComparer<T>;
+        hiddenWhenGrouped?: boolean;
         align?: InfiniteTableColumnAlign;
         verticalAlign?: InfiniteTableColumnVerticalAlign;
         columnGroup?: string;
@@ -442,31 +504,36 @@ declare module "components/InfiniteTable/types/InfiniteTableColumn" {
         name?: Renderable;
         cssEllipsis?: boolean;
         headerCssEllipsis?: boolean;
-        type?: InfiniteTableColumnTypes;
+        type?: InfiniteTableColumnTypeNames | InfiniteTableColumnTypeNames[] | null;
         style?: InfiniteTableColumnStyle<T>;
         className?: InfiniteTableColumnClassName<T>;
         rowspan?: InfiniteTableColumnRowspanFn<T>;
         valueGetter?: InfiniteTableColumnValueGetter<T>;
     };
-    export type InfiniteTableColumn<T> = {} & InfiniteTableBaseColumn<T> & InfiniteTableColumnWithRenderOrRenderValueOrFieldOrValueGetter<T> & InfiniteTableColumnWithSize;
+    export type InfiniteTableColumn<T> = {} & InfiniteTableBaseColumn<T> & InfiniteTableColumnWithRenderOrRenderValueOrFieldOrValueGetter<T>;
     export type InfiniteTableGeneratedGroupColumn<T> = InfiniteTableColumn<T> & {
-        groupByField?: string | string[];
-    };
-    export type InfiniteTablePivotColumn<T> = InfiniteTableColumn<T> & {
-        pivotBy?: DataSourcePivotBy<T>[];
-        pivotColumn?: true;
-        pivotTotalColumn?: true;
-        pivotGroupKeys?: any[];
-        pivotByForColumn?: DataSourcePivotBy<T>;
-        pivotIndexForColumn?: number;
-        pivotGroupKeyForColumn?: any;
-    };
-    export type InfiniteTablePivotFinalColumn<DataType, KeyType extends any = any> = InfiniteTablePivotColumn<DataType> & {
+        groupByField: string | string[];
+        id?: string;
+    };
+    export type InfiniteTablePivotColumn<T> = InfiniteTableColumn<T> & Partial<InfiniteTablePivotFinalColumn<T, any>>;
+    export type InfiniteTablePivotFinalColumnGroup<DataType, KeyType extends any = any> = InfiniteTableColumnGroup & {
         pivotBy: DataSourcePivotBy<DataType>[];
+        pivotTotalColumnGroup?: true;
         pivotGroupKeys: KeyType[];
-        pivotByForColumn: PivotBy<DataType, KeyType>;
-        pivotIndexForColumn: number;
-        pivotGroupKeyForColumn: KeyType;
+        pivotByAtIndex: PivotBy<DataType, KeyType>;
+        pivotGroupKey: KeyType;
+        pivotIndex: number;
+    };
+    export 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;
     };
     type InfiniteTableComputedColumnBase<T> = {
         computedWidth: number;
@@ -490,33 +557,42 @@ declare module "components/InfiniteTable/types/InfiniteTableColumn" {
         toggleSort: () => void;
         id: string;
     };
-    export type InfiniteTableComputedColumn<T> = InfiniteTableColumn<T> & InfiniteTableComputedColumnBase<T> & InfiniteTablePivotColumn<T> & InfiniteTableGeneratedGroupColumn<T>;
+    export type InfiniteTableComputedColumn<T> = InfiniteTableColumn<T> & InfiniteTableComputedColumnBase<T> & Partial<InfiniteTablePivotFinalColumn<T>> & Partial<InfiniteTableGeneratedGroupColumn<T>>;
+    export type InfiniteTableComputedPivotFinalColumn<T> = InfiniteTableComputedColumn<T> & InfiniteTablePivotFinalColumn<T>;
 }
 declare module "utils/groupAndPivot/getPivotColumnsAndColumnGroups" {
-    import type { DataSourcePivotBy } from "components/DataSource/index";
-    import type { InfiniteTablePropColumnGroups, InfiniteTablePropColumns } from "components/InfiniteTable/index";
+    import type { DataSourceAggregationReducer, DataSourcePivotBy } from "components/DataSource/index";
+    import type { InfiniteTablePropColumnGroups, InfiniteTablePropColumnsMap } from "components/InfiniteTable/index";
     import type { InfiniteTablePivotColumn } from "components/InfiniteTable/types/InfiniteTableColumn";
     import type { InfiniteTablePropPivotTotalColumnPosition } from "components/InfiniteTable/types/InfiniteTableState";
     import { DeepMap } from "utils/DeepMap";
     export type ComputedColumnsAndGroups<DataType> = {
-        columns: InfiniteTablePropColumns<DataType, InfiniteTablePivotColumn<DataType>>;
+        columns: InfiniteTablePropColumnsMap<DataType, InfiniteTablePivotColumn<DataType>>;
         columnGroups: InfiniteTablePropColumnGroups;
     };
-    export function getPivotColumnsAndColumnGroups<DataType, KeyType = any>(deepMap: DeepMap<KeyType, boolean>, pivotBy: DataSourcePivotBy<DataType>[], pivotTotalColumnPosition: InfiniteTablePropPivotTotalColumnPosition): ComputedColumnsAndGroups<DataType>;
+    export function getPivotColumnsAndColumnGroups<DataType, KeyType = any>({ deepMap, pivotBy, pivotTotalColumnPosition, reducers, showSeparatePivotColumnForSingleAggregation, }: {
+        deepMap: DeepMap<KeyType, boolean>;
+        pivotBy: DataSourcePivotBy<DataType>[];
+        pivotTotalColumnPosition: InfiniteTablePropPivotTotalColumnPosition;
+        reducers?: Record<string, DataSourceAggregationReducer<DataType, any>>;
+        showSeparatePivotColumnForSingleAggregation?: boolean;
+    }): ComputedColumnsAndGroups<DataType>;
 }
 declare module "components/DataSource/state/reducer" {
     import type { DataSourceState, DataSourceDerivedState } from "components/DataSource/types";
+    import { DataSourceSetupState } from "components/DataSource/index";
     export function concludeReducer<T>(params: {
         previousState: DataSourceState<T> & DataSourceDerivedState<T>;
-        state: DataSourceState<T> & DataSourceDerivedState<T>;
-    }): DataSourceState<T> & DataSourceDerivedState<T>;
+        state: DataSourceState<T> & DataSourceDerivedState<T> & DataSourceSetupState<T>;
+    }): DataSourceState<T> & DataSourceDerivedState<T> & DataSourceSetupState<T>;
 }
 declare module "components/DataSource/index" {
+    import { multisort } from "utils/multisort/index";
     import { DataSourceProps } from "components/DataSource/types";
     import { useDataSource } from "components/DataSource/publicHooks/useDataSource";
     import { GroupRowsState } from "components/DataSource/GroupRowsState";
     function DataSource<T>(props: DataSourceProps<T>): JSX.Element;
-    export { useDataSource, DataSource, GroupRowsState };
+    export { useDataSource, DataSource, GroupRowsState, multisort };
     export * from "components/DataSource/types";
 }
 declare module "components/DataSource/GroupRowsState" {
@@ -544,22 +620,33 @@ declare module "components/DataSource/GroupRowsState" {
     }
 }
 declare module "utils/groupAndPivot/index" {
+    import { DataSourceAggregationReducer } from "@infinite-table/infinite-react";
     import { GroupRowsState } from "components/DataSource/GroupRowsState";
-    import { InfiniteTablePivotColumn, InfiniteTablePivotFinalColumn } from "components/InfiniteTable/types/InfiniteTableColumn";
-    import { InfiniteTableGroupColumnBase } from "components/InfiniteTable/types/InfiniteTableProps";
+    import { InfiniteTableColumn, InfiniteTablePivotColumn, InfiniteTablePivotFinalColumn, InfiniteTablePivotFinalColumnGroup } from "components/InfiniteTable/types/InfiniteTableColumn";
+    import { InfiniteTableColumnGroup, InfiniteTableGroupColumnBase } from "components/InfiniteTable/types/InfiniteTableProps";
     import { DeepMap } from "utils/DeepMap";
-    export type AggregationReducer<T, AggregationResultType> = {
-        initialValue: AggregationResultType;
-        getter: (data: T) => any;
-        reducer: (accumulator: any, value: any, data: T) => AggregationResultType | any;
-        done?: (accumulatedValue: AggregationResultType | any, array: T[]) => AggregationResultType;
+    export type AggregationReducer<T, AggregationResultType = any> = DataSourceAggregationReducer<T, AggregationResultType> & {
+        id: string;
+    };
+    export type AggregationReducerResult<AggregationResultType extends any = any> = {
+        value: AggregationResultType;
+        id: string;
+    };
+    export type InfiniteTableRowInfoNormalType<DataType> = {
+        data: DataType;
+        isGroupRow: false;
     };
-    export interface InfiniteTableRowInfo<T> {
+    export type InfiniteTableRowInfoGroupType<DataType> = {
+        data: Partial<DataType> | null;
+        isGroupRow: true;
+    };
+    export type InfiniteTableRowInfoNormal<T> = InfiniteTableRowInfoBase<T> & InfiniteTableRowInfoNormalType<T>;
+    export type InfiniteTableRowInfoGroup<T> = InfiniteTableRowInfoBase<T> & InfiniteTableRowInfoGroupType<T>;
+    export type InfiniteTableRowInfo<T> = InfiniteTableRowInfoNormal<T> | InfiniteTableRowInfoGroup<T>;
+    export type InfiniteTableRowInfoBase<T> = {
         id: any;
-        data: T | null;
-        groupData?: T[];
         value?: any;
-        isGroupRow?: boolean;
+        groupData?: T[];
         collapsed: boolean;
         collapsedChildrenCount?: number;
         collapsedGroupsCount?: number;
@@ -572,10 +659,10 @@ declare module "utils/groupAndPivot/index" {
         groupCount?: number;
         groupBy?: (keyof T)[];
         pivotValuesMap?: PivotValuesDeepMap<T, any>;
-        reducerResults?: any[];
-    }
-    export interface InfiniteTableEnhancedGroupInfo<T> extends InfiniteTableRowInfo<T> {
-        data: null;
+        reducerResults?: Record<string, AggregationReducerResult>;
+    };
+    export type InfiniteTableEnhancedGroupInfo<T> = InfiniteTableRowInfo<T> & {
+        data: Partial<T> | null;
         groupData: T[];
         value: any;
         isGroupRow: true;
@@ -586,9 +673,9 @@ declare module "utils/groupAndPivot/index" {
         groupCount: number;
         groupBy: (keyof T)[];
         pivotValuesMap?: PivotValuesDeepMap<T, any>;
-    }
+    };
     export type GroupKeyType<T extends any = any> = T;
-    type PivotReducerResults<T = any> = T[];
+    type PivotReducerResults<T = any> = Record<string, AggregationReducerResult<T>>;
     type PivotGroupValueType<DataType, KeyType> = {
         reducerResults: PivotReducerResults<KeyType>;
         items: DataType[];
@@ -596,7 +683,7 @@ declare module "utils/groupAndPivot/index" {
     export type PivotValuesDeepMap<DataType, KeyType> = DeepMap<GroupKeyType<KeyType>, PivotGroupValueType<DataType, KeyType>>;
     export type DeepMapGroupValueType<DataType, KeyType> = {
         items: DataType[];
-        reducerResults: any[];
+        reducerResults: Record<string, AggregationReducerResult>;
         pivotDeepMap?: DeepMap<GroupKeyType<KeyType>, PivotGroupValueType<DataType, KeyType>>;
     };
     export type GroupBy<DataType, KeyType> = {
@@ -605,21 +692,24 @@ declare module "utils/groupAndPivot/index" {
         column?: Partial<InfiniteTableGroupColumnBase<DataType>>;
     };
     export type PivotBy<DataType, KeyType> = Omit<GroupBy<DataType, KeyType>, 'column'> & {
-        column?: InfiniteTablePivotColumn<DataType> | (({ column, }: {
+        column?: InfiniteTableColumn<DataType> | (({ column, }: {
             column: InfiniteTablePivotFinalColumn<DataType, KeyType>;
         }) => Partial<InfiniteTablePivotColumn<DataType>>);
+        columnGroup?: InfiniteTableColumnGroup | (({ columnGroup, }: {
+            columnGroup: InfiniteTablePivotFinalColumnGroup<DataType, KeyType>;
+        }) => Partial<InfiniteTablePivotFinalColumnGroup<DataType>>);
     };
     type GroupParams<DataType, KeyType> = {
         groupBy: GroupBy<DataType, KeyType>[];
         defaultToKey?: (value: any, item: DataType) => GroupKeyType<KeyType>;
         pivot?: PivotBy<DataType, KeyType>[];
-        reducers?: AggregationReducer<DataType, any>[];
+        reducers?: Record<string, DataSourceAggregationReducer<DataType, any>>;
     };
     export type DataGroupResult<DataType, KeyType extends any> = {
         deepMap: DeepMap<GroupKeyType<KeyType>, DeepMapGroupValueType<DataType, KeyType>>;
         groupParams: GroupParams<DataType, KeyType>;
         initialData: DataType[];
-        reducerResults?: any[];
+        reducerResults?: Record<string, AggregationReducerResult>;
         topLevelPivotColumns?: DeepMap<GroupKeyType<KeyType>, boolean>;
         pivot?: PivotBy<DataType, KeyType>[];
     };
@@ -629,6 +719,7 @@ declare module "utils/groupAndPivot/index" {
         groupResult: DataGroupResult<DataType, KeyType>;
         toPrimaryKey: (data: DataType) => any;
         groupRowsState?: GroupRowsState;
+        reducers?: Record<string, DataSourceAggregationReducer<DataType, any>>;
         generateGroupRows: boolean;
     };
     export function enhancedFlatten<DataType, KeyType = any>(param: EnhancedFlattenParam<DataType, KeyType>): {
@@ -816,34 +907,62 @@ declare module "components/InfiniteTable/components/LoadMask" {
 declare module "components/InfiniteTable/types/InfiniteTableProps" {
     import * as React from 'react';
     import { InfiniteTableState } from "components/InfiniteTable/types/index";
-    import { AggregationReducer, InfiniteTableRowInfo } from "utils/groupAndPivot/index";
-    import { DataSourceGroupRowsBy, DataSourcePropGroupRowsBy, DataSourcePropPivotBy, DataSourceState } from "components/DataSource/index";
+    import { AggregationReducer, InfiniteTableRowInfoGroup, InfiniteTableRowInfoNormal } from "utils/groupAndPivot/index";
+    import { DataSourceGroupBy, DataSourcePropGroupBy, DataSourcePropPivotBy, DataSourceState } from "components/DataSource/index";
     import { Renderable } from "components/types/Renderable";
     import { LoadMaskProps } from "components/InfiniteTable/components/LoadMask";
-    import type { InfiniteTableBaseColumn, InfiniteTableColumn, InfiniteTableColumnRenderFunction, InfiniteTableColumnWithSize, InfiniteTableComputedColumn, InfiniteTablePivotColumn } from "components/InfiniteTable/types/InfiniteTableColumn";
+    import type { InfiniteTableBaseColumn, InfiniteTableColumn, InfiniteTableColumnRenderFunction, InfiniteTableComputedColumn, InfiniteTableComputedPivotFinalColumn, InfiniteTablePivotColumn, InfiniteTablePivotFinalColumn } from "components/InfiniteTable/types/InfiniteTableColumn";
     import { InfiniteTablePropPivotTotalColumnPosition } from "components/InfiniteTable/types/InfiniteTableState";
     export type InfiniteTablePropColumnOrderNormalized = string[];
     export type InfiniteTablePropColumnOrder = InfiniteTablePropColumnOrderNormalized | true;
     export type InfiniteTablePropColumnVisibility = Map<string, false>;
     export type InfiniteTablePropColumnPinning = Map<string, true | 'start' | 'end'>;
     export type InfiniteTableRowStyleFnParams<T> = {
-        data: T | null;
-        rowInfo: InfiniteTableRowInfo<T>;
         rowIndex: number;
-        groupRowsBy?: (keyof T)[];
-    };
+        groupBy?: (keyof T)[];
+    } & ({
+        data: T;
+        rowInfo: InfiniteTableRowInfoNormal<T>;
+    } | {
+        data: Partial<T> | null;
+        rowInfo: InfiniteTableRowInfoGroup<T>;
+    });
     export type InfiniteTableRowStyleFn<T> = (params: InfiniteTableRowStyleFnParams<T>) => undefined | React.CSSProperties;
     export type InfiniteTableRowClassNameFn<T> = (params: InfiniteTableRowStyleFnParams<T>) => string | undefined;
     export type InfiniteTablePropRowStyle<T> = React.CSSProperties | InfiniteTableRowStyleFn<T>;
     export type InfiniteTablePropRowClassName<T> = string | InfiniteTableRowClassNameFn<T>;
-    export type InfiniteTableColumnAggregator<T, AggregationResultType> = Omit<AggregationReducer<T, AggregationResultType>, 'getter'> & {
+    export type InfiniteTableColumnAggregator<T, AggregationResultType> = Omit<AggregationReducer<T, AggregationResultType>, 'getter' | 'id'> & {
         getter?: AggregationReducer<T, AggregationResultType>['getter'];
+        field?: keyof T;
+    };
+    export type InfiniteTableColumnType<T> = {
+        minWidth?: number;
+        maxWidth?: number;
+        width?: number;
+        flex?: number;
+        header?: InfiniteTableColumn<T>['header'];
+        comparer?: InfiniteTableColumn<T>['comparer'];
+        draggable?: InfiniteTableColumn<T>['draggable'];
+        sortable?: InfiniteTableColumn<T>['sortable'];
+        resizable?: InfiniteTableColumn<T>['resizable'];
+        align?: InfiniteTableColumn<T>['align'];
+        verticalAlign?: InfiniteTableColumn<T>['verticalAlign'];
+        renderValue?: InfiniteTableColumn<T>['renderValue'];
+        render?: InfiniteTableColumn<T>['render'];
+    };
+    export type InfiniteTablePropColumnTypesMap<T> = Map<'default' | string, InfiniteTableColumnType<T>>;
+    export type InfiniteTablePropColumnTypes<T> = InfiniteTablePropColumnTypesMap<T> | Record<'default' | string, InfiniteTableColumnType<T>>;
+    export type InfiniteTableColumnSizingOptions = {
+        flex?: number;
+        width?: number;
+        minWidth?: number;
+        maxWidth?: number;
     };
-    export type InfiniteTablePropColumnAggregations<T> = Map<string, InfiniteTableColumnAggregator<T, any>>;
+    export type InfiniteTablePropColumnSizingMap = Map<string, InfiniteTableColumnSizingOptions>;
+    export type InfiniteTablePropColumnSizing = InfiniteTablePropColumnSizingMap | Record<string, InfiniteTableColumnSizingOptions>;
     export type InfiniteTableImperativeApi<T> = {
         setColumnOrder: (columnOrder: InfiniteTablePropColumnOrder) => void;
         setColumnVisibility: (columnVisibility: InfiniteTablePropColumnVisibility) => void;
-        setColumnAggregations: (columnAggregations: InfiniteTablePropColumnAggregations<T>) => void;
         x?: T;
         getState: () => InfiniteTableState<T>;
         getDataSourceState: () => DataSourceState<T>;
@@ -853,8 +972,10 @@ declare module "components/InfiniteTable/types/InfiniteTableProps" {
         rowHeight: number;
         ___t?: T;
     };
-    export type InfiniteTablePropColumns<T, ColumnType = InfiniteTableColumn<T>> = Map<string, ColumnType>;
+    export type InfiniteTablePropColumnsMap<T, ColumnType = InfiniteTableColumn<T>> = Map<string, ColumnType>;
+    export type InfiniteTablePropColumns<T, ColumnType = InfiniteTableColumn<T>> = InfiniteTablePropColumnsMap<T, ColumnType> | Record<string, ColumnType>;
     export type InfiniteTableColumns<T> = InfiniteTablePropColumns<T>;
+    export type InfiniteTableColumnsMap<T> = InfiniteTablePropColumnsMap<T>;
     export type InfiniteTablePropColumnGroups = Map<string, InfiniteTableColumnGroup>;
     /**
      * the keys is an array of strings: first string in the array is the column group id, next strings are the ids of all columns in the group
@@ -879,55 +1000,60 @@ declare module "components/InfiniteTable/types/InfiniteTableProps" {
     };
     export type InfiniteTableGroupColumnGetterOptions<T> = {
         groupIndexForColumn?: number;
-        groupByForColumn?: DataSourceGroupRowsBy<T>;
+        groupByForColumn?: DataSourceGroupBy<T>;
         groupRenderStrategy: InfiniteTablePropGroupRenderStrategy;
         groupCount: number;
-        groupRowsBy: DataSourceGroupRowsBy<T>[];
+        groupBy: DataSourceGroupBy<T>[];
     };
-    export type InfiniteTablePivotColumnGetterOptions<T> = {
-        column: InfiniteTablePivotColumn<T>;
-        groupRowsBy: DataSourcePropGroupRowsBy<T>;
+    export type InfiniteTablePivotColumnGetterOptions<T, COL_TYPE = InfiniteTableColumn<T>> = {
+        column: COL_TYPE;
+        groupBy: DataSourcePropGroupBy<T>;
         pivotBy: DataSourcePropPivotBy<T>;
     };
     export type InfiniteTablePropGroupRenderStrategy = 'single-column' | 'multi-column' | 'inline';
-    export type InfiniteTableGroupColumnBase<T> = InfiniteTableBaseColumn<T> & InfiniteTableColumnWithSize & {
+    export type InfiniteTableGroupColumnBase<T> = InfiniteTableBaseColumn<T> & {
         renderValue?: InfiniteTableColumnRenderFunction<T>;
+        id?: string;
     };
-    export type InfiniteTablePivotColumnBase<T> = InfiniteTableColumn<T> & InfiniteTableColumnWithSize & {
-        renderValue?: InfiniteTableColumnRenderFunction<T>;
+    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 InfiniteTablePropPivotColumn<T> = InfiniteTablePivotColumnBase<T> | ((options: InfiniteTablePivotColumnGetterOptions<T>) => InfiniteTablePivotColumnBase<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>;
     };
     export interface InfiniteTableProps<T> {
         columns: InfiniteTablePropColumns<T>;
-        pivotColumns?: InfiniteTablePropColumns<T, InfiniteTablePivotColumn<T>>;
+        pivotColumns?: InfiniteTablePropColumnsMap<T, InfiniteTablePivotColumn<T>>;
         loadingText?: Renderable;
         components?: InfiniteTablePropComponents;
-        pivotColumn?: Partial<InfiniteTablePropPivotColumn<T>>;
-        pivotRowLabelsColumn?: Partial<InfiniteTablePropPivotRowLabelsColumn<T>>;
+        viewportReservedWidth?: number;
+        pivotColumn?: InfiniteTablePropPivotColumn<T, InfiniteTableColumn<T> & InfiniteTablePivotFinalColumn<T>>;
+        pivotRowLabelsColumn?: InfiniteTablePropPivotRowLabelsColumn<T>;
         pivotTotalColumnPosition?: InfiniteTablePropPivotTotalColumnPosition;
         groupColumn?: Partial<InfiniteTablePropGroupColumn<T>>;
         groupRenderStrategy?: InfiniteTablePropGroupRenderStrategy;
         hideEmptyGroupColumns?: boolean;
         columnVisibility?: InfiniteTablePropColumnVisibility;
         defaultColumnVisibility?: InfiniteTablePropColumnVisibility;
-        columnPinning?: InfiniteTablePropColumnPinning;
         pinnedStartMaxWidth?: number;
         pinnedEndMaxWidth?: number;
+        columnPinning?: InfiniteTablePropColumnPinning;
         defaultColumnPinning?: InfiniteTablePropColumnPinning;
-        defaultColumnAggregations?: InfiniteTablePropColumnAggregations<T>;
-        columnAggregations?: InfiniteTablePropColumnAggregations<T>;
+        columnSizing?: InfiniteTablePropColumnSizing;
+        defaultColumnSizing?: InfiniteTablePropColumnSizing;
         pivotColumnGroups?: InfiniteTablePropColumnGroups;
         columnGroups?: InfiniteTablePropColumnGroups;
         defaultColumnGroups?: InfiniteTablePropColumnGroups;
         defaultCollapsedColumnGroups?: InfiniteTablePropCollapsedColumnGroups;
         collapsedColumnGroups?: InfiniteTablePropCollapsedColumnGroups;
+        onScrollbarsChange?: (scrollbars: Scrollbars) => void;
         onColumnVisibilityChange?: (columnVisibility: InfiniteTablePropColumnVisibility) => void;
+        columnTypes?: InfiniteTablePropColumnTypes<T>;
+        showSeparatePivotColumnForSingleAggregation?: boolean;
         rowHeight: number | string;
         rowStyle?: InfiniteTablePropRowStyle<T>;
         rowClassName?: InfiniteTablePropRowClassName<T>;
@@ -963,7 +1089,12 @@ declare module "components/InfiniteTable/types/InfiniteTableProps" {
         onReady?: (api: InfiniteTableImperativeApi<T>) => void;
         rowProps?: React.HTMLProps<HTMLDivElement> | ((rowArgs: InfiniteTableRowStyleFnParams<T>) => React.HTMLProps<HTMLDivElement>);
         licenseKey?: string;
+        scrollTopId?: string | number;
     }
+    export type Scrollbars = {
+        vertical: boolean;
+        horizontal: boolean;
+    };
 }
 declare module "components/types/Size" {
     export interface Size {
@@ -975,16 +1106,6 @@ declare module "components/types/Size" {
         height: number;
     }) => void;
 }
-declare module "components/types/SubscriptionCallback" {
-    import { VoidFn } from "components/types/VoidFn";
-    export type SubscriptionCallbackOnChangeFn<T> = (node: T | null) => void;
-    export interface SubscriptionCallback<T> {
-        (node: T): void;
-        get: () => T | null;
-        destroy: VoidFn;
-        onChange: (fn: SubscriptionCallbackOnChangeFn<T>) => VoidFn;
-    }
-}
 declare module "components/VirtualBrain/ScrollListener" {
     import { OnScrollFn, ScrollPosition } from "components/types/ScrollPosition";
     export class ScrollListener {
@@ -999,7 +1120,7 @@ declare module "components/VirtualBrain/ScrollListener" {
 }
 declare module "components/InfiniteTable/types/InfiniteTableState" {
     import type { ScrollPosition } from "components/types/ScrollPosition";
-    import type { InfiniteTableColumnGroup, InfiniteTableColumns, InfiniteTablePropColumnGroups, InfiniteTableProps } from "components/InfiniteTable/types/InfiniteTableProps";
+    import type { InfiniteTableColumnGroup, InfiniteTablePropColumnGroups, InfiniteTablePropColumnSizingMap, InfiniteTablePropColumnsMap, InfiniteTablePropColumnTypesMap, InfiniteTableProps } from "components/InfiniteTable/types/InfiniteTableProps";
     import { Size } from "components/types/Size";
     import { MutableRefObject } from 'react';
     import { SubscriptionCallback } from "components/types/SubscriptionCallback";
@@ -1007,9 +1128,9 @@ declare module "components/InfiniteTable/types/InfiniteTableState" {
     import { NonUndefined } from "components/types/NonUndefined";
     import { InfiniteTableColumn, InfiniteTablePivotColumn } from "components/InfiniteTable/types/InfiniteTableColumn";
     import { ComponentStateActions } from "components/hooks/useComponentState";
-    import { DataSourceGroupRowsBy, DataSourceProps } from "components/DataSource/types";
-    export type GroupRowsMap<T> = Map<keyof T, {
-        groupBy: DataSourceGroupRowsBy<T>;
+    import { DataSourceGroupBy, DataSourceProps } from "components/DataSource/types";
+    export type GroupByMap<T> = Map<keyof T, {
+        groupBy: DataSourceGroupBy<T>;
         groupIndex: number;
     }>;
     export interface InfiniteTableSetupState<T> {
@@ -1019,7 +1140,7 @@ declare module "components/InfiniteTable/types/InfiniteTableState" {
         portalDOMRef: MutableRefObject<HTMLDivElement | null>;
         onRowHeightCSSVarChange: SubscriptionCallback<number>;
         onHeaderHeightCSSVarChange: SubscriptionCallback<number>;
-        columnsWhenGrouping?: InfiniteTableColumns<T>;
+        columnsWhenGrouping?: InfiniteTablePropColumnsMap<T>;
         bodySize: Size;
         focused: boolean;
         focusedWithin: boolean;
@@ -1036,10 +1157,13 @@ declare module "components/InfiniteTable/types/InfiniteTableState" {
     export type InfiniteTableColumnGroupsDepthsMap = Map<string, number>;
     export type InfiniteTablePropPivotTotalColumnPosition = false | 'start' | 'end';
     export interface InfiniteTableMappedState<T> {
+        scrollTopId: InfiniteTableProps<T>['scrollTopId'];
+        viewportReservedWidth: InfiniteTableProps<T>['viewportReservedWidth'];
         groupColumn: InfiniteTableProps<T>['groupColumn'];
+        onScrollbarsChange: InfiniteTableProps<T>['onScrollbarsChange'];
         loadingText: InfiniteTableProps<T>['loadingText'];
         components: InfiniteTableProps<T>['components'];
-        columns: InfiniteTableProps<T>['columns'];
+        columns: InfiniteTablePropColumnsMap<T>;
         pivotColumns: InfiniteTableProps<T>['pivotColumns'];
         onReady: InfiniteTableProps<T>['onReady'];
         onSelfFocus: InfiniteTableProps<T>['onSelfFocus'];
@@ -1053,6 +1177,7 @@ declare module "components/InfiniteTable/types/InfiniteTableState" {
         focusedWithinClassName: InfiniteTableProps<T>['focusedWithinClassName'];
         focusedStyle: InfiniteTableProps<T>['focusedStyle'];
         focusedWithinStyle: InfiniteTableProps<T>['focusedWithinStyle'];
+        showSeparatePivotColumnForSingleAggregation: NonUndefined<InfiniteTableProps<T>['showSeparatePivotColumnForSingleAggregation']>;
         domProps: InfiniteTableProps<T>['domProps'];
         rowStyle: InfiniteTableProps<T>['rowStyle'];
         rowProps: InfiniteTableProps<T>['rowProps'];
@@ -1079,13 +1204,14 @@ declare module "components/InfiniteTable/types/InfiniteTableState" {
         licenseKey: NonUndefined<InfiniteTableProps<T>['licenseKey']>;
         columnVisibility: NonUndefined<InfiniteTableProps<T>['columnVisibility']>;
         columnPinning: NonUndefined<InfiniteTableProps<T>['columnPinning']>;
-        columnAggregations: NonUndefined<InfiniteTableProps<T>['columnAggregations']>;
+        columnSizing: InfiniteTablePropColumnSizingMap;
+        columnTypes: InfiniteTablePropColumnTypesMap<T>;
         columnGroups: NonUndefined<InfiniteTableProps<T>['columnGroups']>;
         collapsedColumnGroups: NonUndefined<InfiniteTableProps<T>['collapsedColumnGroups']>;
         pivotTotalColumnPosition: NonUndefined<InfiniteTableProps<T>['pivotTotalColumnPosition']>;
     }
     export interface InfiniteTableDerivedState<T> {
-        groupRowsBy: DataSourceProps<T>['groupRowsBy'];
+        groupBy: DataSourceProps<T>['groupBy'];
         computedColumns: Map<string, InfiniteTableColumn<T>>;
         virtualizeHeader: boolean;
         groupRenderStrategy: NonUndefined<InfiniteTableProps<T>['groupRenderStrategy']>;
@@ -1159,20 +1285,19 @@ 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, InfiniteTablePropColumnAggregations, InfiniteTablePropColumnGroups, InfiniteTablePropRowStyle, InfiniteTableRowStyleFn, InfiniteTableRowClassNameFn, InfiniteTablePropRowClassName, InfiniteTablePropColumns, InfiniteTablePropComponents, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions } from "components/InfiniteTable/types/InfiniteTableProps";
-    import type { InfiniteTableColumn, InfiniteTableComputedColumn, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam } from "components/InfiniteTable/types/InfiniteTableColumn";
+    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 { 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 { InfiniteTableColumnAggregator, InfiniteTableComputedValues, InfiniteTablePropColumns, InfiniteTableRowInfo, InfiniteTableGroupColumnFunction, InfiniteTablePropColumnOrder, InfiniteTablePropComponents, InfiniteTablePropColumnVisibility, InfiniteTablePropColumnPinning, InfiniteTableColumnGroup, InfiniteTableColumn, InfiniteTableComputedColumn, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam, InfiniteTableContextValue, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropColumnAggregations, InfiniteTablePropColumnGroups, InfiniteTableState, InfiniteTableAction, InfiniteTableProps, InfiniteTableImperativeApi, InfiniteTableActionType, InfiniteTablePropRowStyle, InfiniteTablePropRowClassName, InfiniteTableRowStyleFn, InfiniteTableRowClassNameFn, InfiniteTableGroupColumnGetterOptions, };
+    export type { Scrollbars, InfiniteTableColumnAggregator, InfiniteTableComputedValues, InfiniteTablePropColumns, InfiniteTablePropColumnsMap, InfiniteTableRowInfo, InfiniteTableGroupColumnFunction, InfiniteTablePropColumnOrder, InfiniteTablePropComponents, 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";
     export function getInfiniteTableContext<T>(): React.Context<InfiniteTableContextValue<T>>;
 }
-declare module "components/utils/buildSubscriptionCallback" {
-    import { SubscriptionCallback } from "components/types/SubscriptionCallback";
-    export function buildSubscriptionCallback<T>(): SubscriptionCallback<T>;
+declare module "components/InfiniteTable/utils/toMap" {
+    export function toMap<K extends string, V>(mapOrObject?: Map<K, V> | Record<K, V>): Map<K, V>;
 }
 declare module "components/InfiniteTable/state/computeColumnGroupsDepths" {
     import type { InfiniteTablePropColumnGroups } from "components/InfiniteTable/types/InfiniteTableProps";
@@ -1191,15 +1316,19 @@ declare module "components/InfiniteTable/state/getInitialState" {
      */
     export function initSetupState<T>(): InfiniteTableSetupState<T>;
     export const forwardProps: <T>() => Partial<{
-        columns: 1 | ((value: import("components/InfiniteTable/types").InfiniteTablePropColumns<T, import("components/InfiniteTable/types").InfiniteTableColumn<T>>) => import("components/InfiniteTable/types").InfiniteTablePropColumns<T, import("components/InfiniteTable/types").InfiniteTableColumn<T>>);
+        columns: 1 | ((value: import("components/InfiniteTable/types").InfiniteTablePropColumns<T, import("components/InfiniteTable/types").InfiniteTableColumn<T>>) => import("components/InfiniteTable/types").InfiniteTablePropColumnsMap<T, import("components/InfiniteTable/types").InfiniteTableColumn<T>>);
         header: 1 | ((value: boolean | undefined) => boolean);
+        showSeparatePivotColumnForSingleAggregation: 1 | ((value: boolean | undefined) => boolean);
         pivotTotalColumnPosition: 1 | ((value: import("components/InfiniteTable/types/InfiniteTableState").InfiniteTablePropPivotTotalColumnPosition | undefined) => import("components/InfiniteTable/types/InfiniteTableState").InfiniteTablePropPivotTotalColumnPosition);
-        pivotColumns: 1 | ((value: import("components/InfiniteTable/types").InfiniteTablePropColumns<T, import("components/InfiniteTable/types/InfiniteTableColumn").InfiniteTablePivotColumn<T>> | undefined) => import("components/InfiniteTable/types").InfiniteTablePropColumns<T, import("components/InfiniteTable/types/InfiniteTableColumn").InfiniteTablePivotColumn<T>> | undefined);
+        pivotColumns: 1 | ((value: import("components/InfiniteTable/types").InfiniteTablePropColumnsMap<T, import("components/InfiniteTable/types/InfiniteTableColumn").InfiniteTablePivotColumn<T>> | undefined) => import("components/InfiniteTable/types").InfiniteTablePropColumnsMap<T, import("components/InfiniteTable/types/InfiniteTableColumn").InfiniteTablePivotColumn<T>> | undefined);
         pivotColumnGroups: 1 | ((value: import("components/InfiniteTable/types").InfiniteTablePropColumnGroups | undefined) => import("components/InfiniteTable/types").InfiniteTablePropColumnGroups | undefined);
-        pivotColumn: 1 | ((value: Partial<import("components/InfiniteTable/types/InfiniteTableProps").InfiniteTablePropPivotColumn<T>> | undefined) => Partial<import("components/InfiniteTable/types/InfiniteTableProps").InfiniteTablePropPivotColumn<T>> | undefined);
         sortable: 1 | ((value: boolean | undefined) => boolean);
+        pivotColumn: 1 | ((value: import("components/InfiniteTable/types/InfiniteTableProps").InfiniteTablePropPivotColumn<T, import("components/InfiniteTable/types").InfiniteTableColumn<T> & import("components/InfiniteTable/types/InfiniteTableColumn").InfiniteTablePivotFinalColumn<T, any>> | undefined) => import("components/InfiniteTable/types/InfiniteTableProps").InfiniteTablePropPivotColumn<T, import("components/InfiniteTable/types").InfiniteTableColumn<T> & import("components/InfiniteTable/types/InfiniteTableColumn").InfiniteTablePivotFinalColumn<T, any>> | undefined);
         components: 1 | ((value: import("components/InfiniteTable/types").InfiniteTablePropComponents | undefined) => import("components/InfiniteTable/types").InfiniteTablePropComponents | undefined);
+        scrollTopId: 1 | ((value: string | number | undefined) => string | number | undefined);
+        viewportReservedWidth: 1 | ((value: number | undefined) => number | undefined);
         groupColumn: 1 | ((value: Partial<InfiniteTablePropGroupColumn<T>> | undefined) => Partial<InfiniteTablePropGroupColumn<T>> | undefined);
+        onScrollbarsChange: 1 | ((value: ((scrollbars: import("components/InfiniteTable/types").Scrollbars) => void) | undefined) => ((scrollbars: import("components/InfiniteTable/types").Scrollbars) => void) | undefined);
         loadingText: 1 | ((value: import("react").ReactNode) => import("react").ReactNode);
         onReady: 1 | ((value: ((api: import("components/InfiniteTable/types").InfiniteTableImperativeApi<T>) => void) | undefined) => ((api: import("components/InfiniteTable/types").InfiniteTableImperativeApi<T>) => void) | undefined);
         onSelfFocus: 1 | ((value: ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined) => ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined);
@@ -1219,7 +1348,7 @@ declare module "components/InfiniteTable/state/getInitialState" {
         rowClassName: 1 | ((value: import("components/InfiniteTable/types").InfiniteTablePropRowClassName<T> | undefined) => import("components/InfiniteTable/types").InfiniteTablePropRowClassName<T> | undefined);
         pinnedStartMaxWidth: 1 | ((value: number | undefined) => number | undefined);
         pinnedEndMaxWidth: 1 | ((value: number | undefined) => number | undefined);
-        pivotRowLabelsColumn: 1 | ((value: Partial<import("components/InfiniteTable/types/InfiniteTableProps").InfiniteTablePropPivotRowLabelsColumn<T>> | undefined) => Partial<import("components/InfiniteTable/types/InfiniteTableProps").InfiniteTablePropPivotRowLabelsColumn<T>> | undefined);
+        pivotRowLabelsColumn: 1 | ((value: import("components/InfiniteTable/types/InfiniteTableProps").InfiniteTablePropPivotRowLabelsColumn<T> | undefined) => import("components/InfiniteTable/types/InfiniteTableProps").InfiniteTablePropPivotRowLabelsColumn<T> | undefined);
         activeIndex: 1 | ((value: number | undefined) => number);
         columnMinWidth: 1 | ((value: number | undefined) => number);
         columnMaxWidth: 1 | ((value: number | undefined) => number);
@@ -1233,9 +1362,10 @@ declare module "components/InfiniteTable/state/getInitialState" {
         licenseKey: 1 | ((value: string | undefined) => string);
         columnVisibility: 1 | ((value: import("components/InfiniteTable/types").InfiniteTablePropColumnVisibility | undefined) => import("components/InfiniteTable/types").InfiniteTablePropColumnVisibility);
         columnPinning: 1 | ((value: import("components/InfiniteTable/types").InfiniteTablePropColumnPinning | undefined) => import("components/InfiniteTable/types").InfiniteTablePropColumnPinning);
-        columnAggregations: 1 | ((value: import("components/InfiniteTable/types").InfiniteTablePropColumnAggregations<T> | undefined) => import("components/InfiniteTable/types").InfiniteTablePropColumnAggregations<T>);
         columnGroups: 1 | ((value: import("components/InfiniteTable/types").InfiniteTablePropColumnGroups | undefined) => import("components/InfiniteTable/types").InfiniteTablePropColumnGroups);
         collapsedColumnGroups: 1 | ((value: import("components/InfiniteTable/types/InfiniteTableProps").InfiniteTablePropCollapsedColumnGroups | undefined) => import("components/InfiniteTable/types/InfiniteTableProps").InfiniteTablePropCollapsedColumnGroups);
+        columnSizing: 1 | ((value: import("components/InfiniteTable/types").InfiniteTablePropColumnSizing | undefined) => import("components/InfiniteTable/types").InfiniteTablePropColumnSizingMap);
+        columnTypes: 1 | ((value: import("components/InfiniteTable/types").InfiniteTablePropColumnTypes<T> | undefined) => import("components/InfiniteTable/types").InfiniteTablePropColumnTypesMap<T>);
         rowHeight: 1 | ((value: string | number) => number);
         headerHeight: 1 | ((value: string | number) => number);
     }>;
@@ -1318,11 +1448,22 @@ declare module "components/InfiniteTable/utils/adjustColumnOrderForPinning" {
     import { InfiniteTablePropColumnOrderNormalized } from "components/InfiniteTable/types/InfiniteTableProps";
     export const adjustColumnOrderForPinning: (columnOrder: InfiniteTablePropColumnOrderNormalized, columnPinning: InfiniteTablePropColumnPinning) => InfiniteTablePropColumnOrderNormalized;
 }
+declare module "utils/getGlobal" {
+    export function getGlobal<T extends Window>(): T;
+}
+declare module "components/utils/getScrollbarWidth" {
+    export function getScrollbarWidth(): number;
+}
+declare module "components/InfiniteTable/utils/getColumnComputedType" {
+    import type { InfiniteTableColumn } from "components/InfiniteTable/types/index";
+    import type { InfiniteTableColumnType, InfiniteTablePropColumnTypesMap } from "components/InfiniteTable/types/InfiniteTableProps";
+    export function getColumnComputedType<T>(column: InfiniteTableColumn<T>, columnTypes: InfiniteTablePropColumnTypesMap<T>): InfiniteTableColumnType<T>;
+}
 declare module "components/InfiniteTable/utils/getComputedVisibleColumns" {
     import type { InfiniteTableColumn, InfiniteTableComputedColumn } from "components/InfiniteTable/types/InfiniteTableColumn";
     import type { Size } from "components/types/Size";
     import type { DataSourceSingleSortInfo } from "components/DataSource/types";
-    import type { InfiniteTablePropColumnOrder, InfiniteTablePropColumnOrderNormalized, InfiniteTablePropColumnPinning, InfiniteTablePropColumnVisibility } from "components/InfiniteTable/types/InfiniteTableProps";
+    import type { InfiniteTablePropColumnOrder, InfiniteTablePropColumnOrderNormalized, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizingMap, InfiniteTablePropColumnTypesMap, InfiniteTablePropColumnVisibility } from "components/InfiniteTable/types/InfiniteTableProps";
     export type SortInfoMap<T> = {
         [key: string]: {
             sortInfo: DataSourceSingleSortInfo<T>;
@@ -1357,6 +1498,7 @@ declare module "components/InfiniteTable/utils/getComputedVisibleColumns" {
         pinnedStartMaxWidth?: number;
         pinnedEndMaxWidth?: number;
         columnDefaultWidth?: number;
+        viewportReservedWidth?: number;
         sortable?: boolean;
         multiSort: boolean;
         sortInfo?: DataSourceSingleSortInfo<T>[];
@@ -1364,10 +1506,12 @@ declare module "components/InfiniteTable/utils/getComputedVisibleColumns" {
         draggableColumns?: boolean;
         columnOrder: InfiniteTablePropColumnOrder;
         columnPinning: InfiniteTablePropColumnPinning;
+        columnSizing: InfiniteTablePropColumnSizingMap;
+        columnTypes: InfiniteTablePropColumnTypesMap<T>;
         columnVisibility: InfiniteTablePropColumnVisibility;
         columnVisibilityAssumeVisible: boolean;
     };
-    export const getComputedVisibleColumns: <T extends unknown>({ columns, bodySize, columnMinWidth, columnMaxWidth, columnDefaultWidth, pinnedStartMaxWidth, pinnedEndMaxWidth, sortable, sortInfo, setSortInfo, multiSort, draggableColumns, columnOrder, columnPinning, columnVisibility, columnVisibilityAssumeVisible, }: GetComputedVisibleColumnsParam<T>) => GetComputedVisibleColumnsResult<T>;
+    export const getComputedVisibleColumns: <T extends unknown>({ columns, bodySize, columnMinWidth, columnMaxWidth, columnDefaultWidth, pinnedStartMaxWidth, pinnedEndMaxWidth, sortable, sortInfo, setSortInfo, multiSort, viewportReservedWidth, draggableColumns, columnOrder, columnPinning, columnSizing, columnTypes, columnVisibility, columnVisibilityAssumeVisible, }: GetComputedVisibleColumnsParam<T>) => GetComputedVisibleColumnsResult<T>;
 }
 declare module "components/hooks/useRerender" {
     export const useRerender: () => [number, () => void];
@@ -1397,7 +1541,7 @@ declare module "components/InfiniteTable/hooks/useRerenderOnKeyChange" {
 declare module "components/InfiniteTable/hooks/useComputedVisibleColumns" {
     import type { DataSourceSingleSortInfo } from "components/DataSource/types";
     import type { InfiniteTableColumn } from "components/InfiniteTable/types/index";
-    import type { InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnVisibility } from "components/InfiniteTable/types/InfiniteTableProps";
+    import type { InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizingMap, InfiniteTablePropColumnTypesMap, InfiniteTablePropColumnVisibility } from "components/InfiniteTable/types/InfiniteTableProps";
     import type { Size } from "components/types/Size";
     import type { GetComputedVisibleColumnsResult } from "components/InfiniteTable/utils/getComputedVisibleColumns";
     type UseComputedVisibleColumnsParam<T> = {
@@ -1405,6 +1549,7 @@ declare module "components/InfiniteTable/hooks/useComputedVisibleColumns" {
         bodySize: Size;
         columnMinWidth?: number;
         columnMaxWidth?: number;
+        viewportReservedWidth?: number;
         pinnedEndMaxWidth?: number;
         pinnedStartMaxWidth?: number;
         columnDefaultWidth?: number;
@@ -1414,6 +1559,8 @@ declare module "components/InfiniteTable/hooks/useComputedVisibleColumns" {
         sortInfo?: DataSourceSingleSortInfo<T>[];
         setSortInfo: (sortInfo: DataSourceSingleSortInfo<T>[]) => void;
         columnPinning: InfiniteTablePropColumnPinning;
+        columnSizing: InfiniteTablePropColumnSizingMap;
+        columnTypes: InfiniteTablePropColumnTypesMap<T>;
         columnOrder: InfiniteTablePropColumnOrder;
         columnVisibility: InfiniteTablePropColumnVisibility;
         columnVisibilityAssumeVisible?: boolean;
@@ -1435,14 +1582,7 @@ declare module "components/InfiniteTable/hooks/useComputedVisibleColumns" {
         computedPinnedStartWidth: GetComputedVisibleColumnsResult<T>['computedPinnedStartWidth'];
         computedColumnOrder: GetComputedVisibleColumnsResult<T>['computedColumnOrder'];
     };
-    export const useComputedVisibleColumns: <T extends unknown>({ columns, bodySize, columnMinWidth, columnMaxWidth, columnDefaultWidth, sortable, draggableColumns, sortInfo, multiSort, setSortInfo, columnOrder, columnPinning, pinnedEndMaxWidth, pinnedStartMaxWidth, columnVisibility, columnVisibilityAssumeVisible, }: UseComputedVisibleColumnsParam<T>) => UseComputedVisibleColumnsResult<T>;
-}
-declare module "components/DataSource/publicHooks/useDataSourceActions" {
-    import { DataSourceComponentActions } from "components/DataSource/types";
-    export default function useDataSourceActions<T>(): DataSourceComponentActions<T>;
-}
-declare module "components/InfiniteTable/hooks/useColumnAggregations" {
-    export function useColumnAggregations<T>(): void;
+    export const useComputedVisibleColumns: <T extends unknown>({ columns, bodySize, columnMinWidth, columnMaxWidth, columnDefaultWidth, sortable, draggableColumns, sortInfo, multiSort, setSortInfo, columnOrder, columnPinning, columnTypes, pinnedEndMaxWidth, pinnedStartMaxWidth, viewportReservedWidth, columnVisibility, columnVisibilityAssumeVisible, columnSizing, }: UseComputedVisibleColumnsParam<T>) => UseComputedVisibleColumnsResult<T>;
 }
 declare module "components/InfiniteTable/hooks/useColumnGroups" {
     export function useColumnGroups<T>(): void;
@@ -1451,6 +1591,15 @@ declare module "utils/join" {
     const join: (...args: (string | number | void | null)[]) => string;
     export { join };
 }
+declare module "components/InfiniteTable/components/icons/ExpanderIcon.css" {
+    export const ExpanderIconCls: string;
+    export const ExpanderIconClsVariants: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+        expanded: {
+            true: string;
+            false: {};
+        };
+    }>;
+}
 declare module "components/InfiniteTable/components/icons/ExpanderIcon" {
     import * as React from 'react';
     type ExpanderIconProps = {
@@ -1495,7 +1644,7 @@ declare module "components/InfiniteTable/components/InfiniteTableRow/row.css" {
     export const GroupRowExpanderCls: string;
 }
 declare module "components/InfiniteTable/state/getComputedPivotColumnsFromDataSourcePivotColumns" {
-    import { DataSourcePropGroupRowsBy, DataSourcePropPivotBy } from "components/DataSource/index";
+    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: {
@@ -1504,13 +1653,13 @@ declare module "components/InfiniteTable/state/getComputedPivotColumnsFromDataSo
         pivotRowLabelsColumn: InfiniteTableProps<T>['pivotRowLabelsColumn'];
         pivotTotalColumnPosition: InfiniteTableState<T>['pivotTotalColumnPosition'];
         pivotBy: DataSourcePropPivotBy<T>;
-        groupRowsBy: DataSourcePropGroupRowsBy<T>;
+        groupBy: DataSourcePropGroupBy<T>;
     }): InfiniteTableProps<T>['pivotColumns'];
 }
 declare module "components/InfiniteTable/utils/getColumnForGroupBy" {
     import * as React from 'react';
     import { InfiniteTableColumnRenderParam } from "components/InfiniteTable/index";
-    import { DataSourceGroupRowsBy } from "components/DataSource/index";
+    import { DataSourceGroupBy } from "components/DataSource/index";
     import { InfiniteTableGeneratedGroupColumn } from "components/InfiniteTable/types/InfiniteTableColumn";
     import { InfiniteTableGroupColumnGetterOptions, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy } from "components/InfiniteTable/types/InfiniteTableProps";
     export function getGroupColumnRender<T>({ groupIndexForColumn, groupRenderStrategy, toggleGroupRow, }: {
@@ -1520,7 +1669,7 @@ declare module "components/InfiniteTable/utils/getColumnForGroupBy" {
     }): (renderOptions: InfiniteTableColumnRenderParam<T>) => React.ReactNode;
     export function getColumnForGroupBy<T>(options: InfiniteTableGroupColumnGetterOptions<T> & {
         groupIndexForColumn: number;
-        groupByForColumn: DataSourceGroupRowsBy<T>;
+        groupByForColumn: DataSourceGroupBy<T>;
     }, toggleGroupRow: (groupRowKeys: any[]) => void, groupColumnFromProps?: InfiniteTablePropGroupColumn<T>): InfiniteTableGeneratedGroupColumn<T>;
     export function getSingleGroupColumn<T>(options: InfiniteTableGroupColumnGetterOptions<T>, toggleGroupRow: (groupRowKeys: any[]) => void, groupColumnFromProps?: InfiniteTablePropGroupColumn<T>): InfiniteTableGeneratedGroupColumn<T>;
 }
@@ -1530,12 +1679,12 @@ declare module "components/InfiniteTable/hooks/useToggleGroupRow" {
 }
 declare module "components/InfiniteTable/hooks/useColumnsWhen" {
     import type { InfiniteTableColumn } from "components/InfiniteTable/index";
-    import type { DataSourceGroupRowsBy } from "components/DataSource/index";
+    import type { DataSourceGroupBy } from "components/DataSource/index";
     import type { InfiniteTablePropGroupRenderStrategy, InfiniteTableProps } from "components/InfiniteTable/types/InfiniteTableProps";
     export function useColumnsWhen<T>(): void;
     export function getColumnsWhenGrouping<T>(params: {
         columns: Map<string, InfiniteTableColumn<T>>;
-        groupRowsBy: DataSourceGroupRowsBy<T>[];
+        groupBy: DataSourceGroupBy<T>[];
         toggleGroupRow: (groupKeys: any[]) => void;
         groupColumn: InfiniteTableProps<T>['groupColumn'];
         groupRenderStrategy: InfiniteTablePropGroupRenderStrategy;
@@ -1561,12 +1710,6 @@ declare module "components/InfiniteTable/components/InfiniteTableBody/InfiniteTa
 declare module "components/InfiniteTable/components/InfiniteTableBody/index" {
     export * from "components/InfiniteTable/components/InfiniteTableBody/InfiniteTableBody";
 }
-declare module "utils/getGlobal" {
-    export function getGlobal<T extends Window>(): T;
-}
-declare module "components/utils/getScrollbarWidth" {
-    export function getScrollbarWidth(): number;
-}
 declare module "components/VirtualBrain/index" {
     import { Logger } from "utils/debug";
     import { Size } from "components/types/Size";
@@ -2148,13 +2291,11 @@ declare module "components/InfiniteTable/components/InfiniteTableHeader/Infinite
     export const InfiniteTableHeaderUnvirtualized: typeof InfiniteTableHeaderUnvirtualizedFn;
 }
 declare module "components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableHeaderWrapper" {
+    import type { Scrollbars } from "components/InfiniteTable/index";
     import { VirtualBrain } from "components/VirtualBrain/index";
     export type TableHeaderWrapperProps = {
         brain: VirtualBrain;
-        scrollbars: {
-            vertical: boolean;
-            horizontal: boolean;
-        };
+        scrollbars: Scrollbars;
         repaintId?: number | string;
     };
     export function TableHeaderWrapper<T>(props: TableHeaderWrapperProps): JSX.Element;
@@ -2433,7 +2574,7 @@ declare module "components/VirtualList/RowListWithExternalScrolling" {
 }
 declare module "components/InfiniteTable/hooks/usePinnedRendering" {
     import { VirtualBrain } from "components/VirtualBrain/index";
-    import { InfiniteTableComputedColumn, InfiniteTableRowInfo } from "components/InfiniteTable/types/index";
+    import type { InfiniteTableComputedColumn, InfiniteTableRowInfo, Scrollbars } from "components/InfiniteTable/types/index";
     import type { Size } from "components/types/Size";
     import type { RenderRow } from "components/VirtualList/types";
     import { InfiniteTableState } from "components/InfiniteTable/types/InfiniteTableState";
@@ -2453,10 +2594,7 @@ declare module "components/InfiniteTable/hooks/usePinnedRendering" {
         computedPinnedEndColumnsWidth: number;
         computedPinnedEndColumns: InfiniteTableComputedColumn<T>[];
         verticalVirtualBrain: VirtualBrain;
-        scrollbars: {
-            vertical: boolean;
-            horizontal: boolean;
-        };
+        scrollbars: Scrollbars;
         rowHeight: number;
         toggleGroupRow: InfiniteTableToggleGroupRowFn;
         computedPinnedStartColumnsWidth: number;
@@ -2503,13 +2641,11 @@ declare module "components/InfiniteTable/hooks/useYourBrain" {
         verticalVirtualBrain: VirtualBrain;
     };
 }
-declare module "utils/shallowEqualObjects" {
-    export function shallowEqualObjects<T extends object | null>(objA: T, objB: T): boolean;
-}
 declare module "components/InfiniteTable/hooks/useListRendering" {
     import type { Ref } from 'react';
     import type { InfiniteTableComputedValues } from "components/InfiniteTable/types/index";
     import type { Size } from "components/types/Size";
+    import type { Scrollbars } from "components/InfiniteTable/types/InfiniteTableProps";
     type ListRenderingParam<T> = {
         computed: InfiniteTableComputedValues<T>;
         domRef: Ref<HTMLElement>;
@@ -2519,10 +2655,7 @@ declare module "components/InfiniteTable/hooks/useListRendering" {
     };
     import type { VirtualBrain } from "components/VirtualBrain/index";
     type ListRenderingResult = {
-        scrollbars: {
-            vertical: boolean;
-            horizontal: boolean;
-        };
+        scrollbars: Scrollbars;
         horizontalVirtualBrain: VirtualBrain;
         verticalVirtualBrain: VirtualBrain;
         applyScrollHorizontal: ({ scrollLeft }: {
@@ -2542,9 +2675,9 @@ declare module "components/InfiniteTable/hooks/useListRendering" {
     export function useListRendering<T>(param: ListRenderingParam<T>): ListRenderingResult;
 }
 declare module "components/utils/decamelize" {
-    export const decamelize: (input: string, options?: {
+    export function decamelize(str: string, options?: {
         separator: string;
-    } | undefined) => string;
+    }): string;
 }
 declare module "components/InfiniteTable/components/InfiniteTableLicenseFooter/index" {
     import * as React from 'react';
@@ -2580,7 +2713,7 @@ declare module "components/InfiniteTable/hooks/useLicense/decode" {
     export const decode: (licenseKey: string) => LicenseDetails;
 }
 declare module "components/InfiniteTable/hooks/useLicense/useLicense" {
-    export const useLicense: (licenseKey: string) => boolean;
+    export const useLicense: (licenseKey?: string) => boolean;
 }
 declare module "components/CSSVariableWatch" {
     import * as React from 'react';