@infinite-table/infinite-react 0.0.5 → 0.0.9

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;
     };
@@ -139,9 +141,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 +159,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,18 +184,33 @@ 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 { 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>;
+        groupRowsBy?: DataSourcePropGroupRowsBy<T>;
+        pivotBy?: DataSourcePropPivotBy<T>;
+        livePaginationCursor?: DataSourceLivePaginationCursorValue;
     }
     export type DataSourceSingleSortInfo<T> = MultisortInfo<T> & {
         field?: keyof T;
@@ -195,11 +219,11 @@ declare module "components/DataSource/types" {
     export type DataSourceGroupRowsBy<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[] | 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>;
@@ -208,7 +232,10 @@ declare module "components/DataSource/types" {
     export type DataSourcePropGroupRowsBy<T> = DataSourceGroupRowsBy<T>[];
     export type DataSourcePropPivotBy<T> = DataSourcePivotBy<T>[];
     export interface DataSourceMappedState<T> {
+        livePagination: DataSourceProps<T>['livePagination'];
+        livePaginationCursor: DataSourceProps<T>['livePaginationCursor'];
         remoteCount: DataSourceProps<T>['remoteCount'];
+        onDataParamsChange: DataSourceProps<T>['onDataParamsChange'];
         data: DataSourceProps<T>['data'];
         primaryKey: DataSourceProps<T>['primaryKey'];
         groupRowsBy: NonUndefined<DataSourceProps<T>['groupRowsBy']>;
@@ -218,12 +245,15 @@ declare module "components/DataSource/types" {
         sortInfo: DataSourceSingleSortInfo<T>[] | null;
     }
     export interface DataSourceSetupState<T> {
+        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;
@@ -255,12 +285,17 @@ declare module "components/DataSource/types" {
         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 +325,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);
+        livePagination: 1 | ((value: boolean | undefined) => boolean | undefined);
+        livePaginationCursor: 1 | ((value: import("components/DataSource").DataSourceLivePaginationCursorValue | undefined) => import("components/DataSource").DataSourceLivePaginationCursorValue | undefined);
         remoteCount: 1 | ((value: number | undefined) => number | 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>);
+        groupRowsBy: 1 | ((value: import("components/DataSource").DataSourcePropGroupRowsBy<T> | undefined) => import("components/DataSource").DataSourcePropGroupRowsBy<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';
@@ -397,16 +445,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>;
@@ -430,11 +469,12 @@ declare module "components/InfiniteTable/types/InfiniteTableColumn" {
     };
     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>;
         align?: InfiniteTableColumnAlign;
         verticalAlign?: InfiniteTableColumnVerticalAlign;
         columnGroup?: string;
@@ -442,15 +482,16 @@ 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[];
+        id?: string;
     };
     export type InfiniteTablePivotColumn<T> = InfiniteTableColumn<T> & {
         pivotBy?: DataSourcePivotBy<T>[];
@@ -494,29 +535,31 @@ declare module "components/InfiniteTable/types/InfiniteTableColumn" {
 }
 declare module "utils/groupAndPivot/getPivotColumnsAndColumnGroups" {
     import type { DataSourcePivotBy } from "components/DataSource/index";
-    import type { InfiniteTablePropColumnGroups, InfiniteTablePropColumns } from "components/InfiniteTable/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>;
 }
 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" {
@@ -602,7 +645,7 @@ declare module "utils/groupAndPivot/index" {
     export type GroupBy<DataType, KeyType> = {
         field: keyof DataType;
         toKey?: (value: any, data: DataType) => GroupKeyType<KeyType>;
-        column?: InfiniteTableGroupColumnBase<DataType>;
+        column?: Partial<InfiniteTableGroupColumnBase<DataType>>;
     };
     export type PivotBy<DataType, KeyType> = Omit<GroupBy<DataType, KeyType>, 'column'> & {
         column?: InfiniteTablePivotColumn<DataType> | (({ column, }: {
@@ -820,7 +863,7 @@ declare module "components/InfiniteTable/types/InfiniteTableProps" {
     import { DataSourceGroupRowsBy, DataSourcePropGroupRowsBy, 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, InfiniteTablePivotColumn } from "components/InfiniteTable/types/InfiniteTableColumn";
     import { InfiniteTablePropPivotTotalColumnPosition } from "components/InfiniteTable/types/InfiniteTableState";
     export type InfiniteTablePropColumnOrderNormalized = string[];
     export type InfiniteTablePropColumnOrder = InfiniteTablePropColumnOrderNormalized | true;
@@ -840,6 +883,31 @@ declare module "components/InfiniteTable/types/InfiniteTableProps" {
         getter?: AggregationReducer<T, AggregationResultType>['getter'];
     };
     export type InfiniteTablePropColumnAggregations<T> = Map<string, InfiniteTableColumnAggregator<T, any>>;
+    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 InfiniteTablePropColumnSizingMap = Map<string, InfiniteTableColumnSizingOptions>;
+    export type InfiniteTablePropColumnSizing = InfiniteTablePropColumnSizingMap | Record<string, InfiniteTableColumnSizingOptions>;
     export type InfiniteTableImperativeApi<T> = {
         setColumnOrder: (columnOrder: InfiniteTablePropColumnOrder) => void;
         setColumnVisibility: (columnVisibility: InfiniteTablePropColumnVisibility) => void;
@@ -853,8 +921,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
@@ -890,11 +960,13 @@ declare module "components/InfiniteTable/types/InfiniteTableProps" {
         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 & {
+    export type InfiniteTablePivotColumnBase<T> = InfiniteTableColumn<T> & {
         renderValue?: InfiniteTableColumnRenderFunction<T>;
+        id?: string;
     };
     export type InfiniteTablePropGroupColumn<T> = InfiniteTableGroupColumnBase<T> | InfiniteTableGroupColumnFunction<T>;
     export type InfiniteTableGroupColumnFunction<T> = (options: InfiniteTableGroupColumnGetterOptions<T>, toggleGroupRow: (groupKeys: any[]) => void) => InfiniteTableGroupColumnBase<T>;
@@ -905,9 +977,10 @@ declare module "components/InfiniteTable/types/InfiniteTableProps" {
     };
     export interface InfiniteTableProps<T> {
         columns: InfiniteTablePropColumns<T>;
-        pivotColumns?: InfiniteTablePropColumns<T, InfiniteTablePivotColumn<T>>;
+        pivotColumns?: InfiniteTablePropColumnsMap<T, InfiniteTablePivotColumn<T>>;
         loadingText?: Renderable;
         components?: InfiniteTablePropComponents;
+        viewportReservedWidth?: number;
         pivotColumn?: Partial<InfiniteTablePropPivotColumn<T>>;
         pivotRowLabelsColumn?: Partial<InfiniteTablePropPivotRowLabelsColumn<T>>;
         pivotTotalColumnPosition?: InfiniteTablePropPivotTotalColumnPosition;
@@ -922,12 +995,16 @@ declare module "components/InfiniteTable/types/InfiniteTableProps" {
         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>;
         rowHeight: number | string;
         rowStyle?: InfiniteTablePropRowStyle<T>;
         rowClassName?: InfiniteTablePropRowClassName<T>;
@@ -963,7 +1040,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 +1057,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 +1071,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";
@@ -1019,7 +1091,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 +1108,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'];
@@ -1079,6 +1154,8 @@ declare module "components/InfiniteTable/types/InfiniteTableState" {
         licenseKey: NonUndefined<InfiniteTableProps<T>['licenseKey']>;
         columnVisibility: NonUndefined<InfiniteTableProps<T>['columnVisibility']>;
         columnPinning: NonUndefined<InfiniteTableProps<T>['columnPinning']>;
+        columnSizing: InfiniteTablePropColumnSizingMap;
+        columnTypes: InfiniteTablePropColumnTypesMap<T>;
         columnAggregations: NonUndefined<InfiniteTableProps<T>['columnAggregations']>;
         columnGroups: NonUndefined<InfiniteTableProps<T>['columnGroups']>;
         collapsedColumnGroups: NonUndefined<InfiniteTableProps<T>['collapsedColumnGroups']>;
@@ -1159,21 +1236,17 @@ 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, InfiniteTablePropColumnAggregations, 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, InfiniteTablePropColumnAggregations, 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/state/computeColumnGroupsDepths" {
     import type { InfiniteTablePropColumnGroups } from "components/InfiniteTable/types/InfiniteTableProps";
     import type { InfiniteTableColumnGroupsDepthsMap } from "components/InfiniteTable/types/InfiniteTableState";
@@ -1191,21 +1264,24 @@ 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);
         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);
         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>) => void) | undefined) => ((event: import("react").FocusEvent<HTMLDivElement>) => void) | undefined);
-        onSelfBlur: 1 | ((value: ((event: import("react").FocusEvent<HTMLDivElement>) => void) | undefined) => ((event: import("react").FocusEvent<HTMLDivElement>) => void) | undefined);
-        onFocusWithin: 1 | ((value: ((event: import("react").FocusEvent<HTMLDivElement>) => void) | undefined) => ((event: import("react").FocusEvent<HTMLDivElement>) => void) | undefined);
-        onBlurWithin: 1 | ((value: ((event: import("react").FocusEvent<HTMLDivElement>) => void) | undefined) => ((event: import("react").FocusEvent<HTMLDivElement>) => void) | undefined);
+        onSelfFocus: 1 | ((value: ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined) => ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined);
+        onSelfBlur: 1 | ((value: ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined) => ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined);
+        onFocusWithin: 1 | ((value: ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined) => ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined);
+        onBlurWithin: 1 | ((value: ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined) => ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined);
         onScrollToTop: 1 | ((value: (() => void) | undefined) => (() => void) | undefined);
         onScrollToBottom: 1 | ((value: (() => void) | undefined) => (() => void) | undefined);
         scrollToBottomOffset: 1 | ((value: number | undefined) => number | undefined);
@@ -1236,6 +1312,8 @@ declare module "components/InfiniteTable/state/getInitialState" {
         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 +1396,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 +1446,7 @@ declare module "components/InfiniteTable/utils/getComputedVisibleColumns" {
         pinnedStartMaxWidth?: number;
         pinnedEndMaxWidth?: number;
         columnDefaultWidth?: number;
+        viewportReservedWidth?: number;
         sortable?: boolean;
         multiSort: boolean;
         sortInfo?: DataSourceSingleSortInfo<T>[];
@@ -1364,10 +1454,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 +1489,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 +1497,7 @@ declare module "components/InfiniteTable/hooks/useComputedVisibleColumns" {
         bodySize: Size;
         columnMinWidth?: number;
         columnMaxWidth?: number;
+        viewportReservedWidth?: number;
         pinnedEndMaxWidth?: number;
         pinnedStartMaxWidth?: number;
         columnDefaultWidth?: number;
@@ -1414,6 +1507,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,7 +1530,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>;
+    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/DataSource/publicHooks/useDataSourceActions" {
     import { DataSourceComponentActions } from "components/DataSource/types";
@@ -1561,12 +1656,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";
@@ -1584,6 +1673,7 @@ declare module "components/VirtualBrain/index" {
     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;
@@ -1598,11 +1688,13 @@ declare module "components/VirtualBrain/index" {
         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;
@@ -1618,6 +1710,7 @@ declare module "components/VirtualBrain/index" {
         getRenderCount: () => number;
         setScrollPosition: (scrollPosition: ScrollPosition) => void;
         private notifyScrollChange;
+        private notifyDestroy;
         private notifyTotalSizeChange;
         private notifyRenderCountChange;
         private notifyRenderRangeChange;
@@ -1629,6 +1722,7 @@ declare module "components/VirtualBrain/index" {
         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;
@@ -1976,6 +2070,17 @@ declare module "components/InfiniteTable/components/InfiniteTableHeader/Infinite
         scrollable?: boolean;
     };
 }
+declare module "components/RawList/AvoidReactDiff" {
+    import * as React from 'react';
+    import { Renderable } from "components/types/Renderable";
+    import { SubscriptionCallback } from "components/types/SubscriptionCallback";
+    export type AvoidReactDiffProps = {
+        name?: string;
+        updater: SubscriptionCallback<Renderable>;
+    };
+    function AvoidReactDiffFn(props: AvoidReactDiffProps): JSX.Element;
+    export const AvoidReactDiff: React.MemoExoticComponent<typeof AvoidReactDiffFn>;
+}
 declare module "components/RawList/types" {
     import type { RefCallback } from 'react';
     import type { Renderable } from "components/types/Renderable";
@@ -2010,6 +2115,7 @@ declare module "components/RawList/MappedItems" {
         private renderedElements;
         constructor(axis: string);
         init(): void;
+        reset(): void;
         destroy(): void;
         getUnrenderedItems: (startIndex: number, endIndex: number) => number[];
         getElementsOutsideItemRange: (startIndex: number, endIndex: number) => number[];
@@ -2026,17 +2132,6 @@ declare module "components/RawList/MappedItems" {
         discardElementsStartingWith: (elementIndex: number, callback?: ((index: number) => void) | undefined) => boolean;
     }
 }
-declare module "components/RawList/AvoidReactDiff" {
-    import * as React from 'react';
-    import { Renderable } from "components/types/Renderable";
-    import { SubscriptionCallback } from "components/types/SubscriptionCallback";
-    export type AvoidReactDiffProps = {
-        name?: string;
-        updater: SubscriptionCallback<Renderable>;
-    };
-    function AvoidReactDiffFn(props: AvoidReactDiffProps): JSX.Element;
-    export const AvoidReactDiff: React.MemoExoticComponent<typeof AvoidReactDiffFn>;
-}
 declare module "components/RawList/ReactVirtualRenderer" {
     import type { Renderable } from "components/types/Renderable";
     import type { RenderItem } from "components/RawList/types";
@@ -2066,8 +2161,22 @@ declare module "components/RawList/ReactVirtualRenderer" {
         private renderItemAtElement;
         private updateElementPosition;
         destroy: () => void;
+        reset(): void;
     }
 }
+declare module "components/RawList/useVirtualRenderer" {
+    import { Renderable } from "components/types/Renderable";
+    import { SubscriptionCallback } from "components/types/SubscriptionCallback";
+    import { VirtualBrain } from "components/VirtualBrain/index";
+    import { ReactVirtualRenderer } from "components/RawList/ReactVirtualRenderer";
+    export function useVirtualRenderer({ brain, }: {
+        brain: VirtualBrain;
+        debugChannel?: string;
+    }): {
+        onRenderUpdater: SubscriptionCallback<Renderable>;
+        renderer: ReactVirtualRenderer;
+    };
+}
 declare module "components/RawList/index" {
     import * as React from 'react';
     import { RawListProps } from "components/RawList/types";
@@ -2128,13 +2237,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;
@@ -2413,7 +2520,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";
@@ -2433,10 +2540,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;
@@ -2483,13 +2587,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>;
@@ -2499,10 +2601,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 }: {
@@ -2560,7 +2659,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';