@infinite-table/infinite-react 0.0.4 → 0.0.8

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;
     };
@@ -327,45 +329,6 @@ declare module "components/DataSource/state/getInitialState" {
         state: DataSourceState<T>;
     }): DataSourceDerivedState<T>;
 }
-declare module "components/DataSource/state/reducer" {
-    import type { DataSourceState, DataSourceDerivedState } from "components/DataSource/types";
-    export function concludeReducer<T>(params: {
-        previousState: DataSourceState<T> & DataSourceDerivedState<T>;
-        state: DataSourceState<T> & DataSourceDerivedState<T>;
-    }): DataSourceState<T> & DataSourceDerivedState<T>;
-}
-declare module "components/DataSource/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 * from "components/DataSource/types";
-}
-declare module "components/DataSource/GroupRowsState" {
-    import { DataSourceExpandedAndCollapsedGroupRows } from "components/DataSource/index";
-    export class GroupRowsState<KeyType extends any = any> {
-        private expandedMap?;
-        private collapsedMap?;
-        private collapsedAll;
-        private expandedAll;
-        private initialState;
-        constructor(state: DataSourceExpandedAndCollapsedGroupRows<KeyType> | GroupRowsState<KeyType>);
-        getState(): DataSourceExpandedAndCollapsedGroupRows<KeyType>;
-        destroy(): void;
-        private update;
-        areAllCollapsed(): boolean;
-        areAllExpanded(): boolean;
-        collapseAll(): void;
-        expandAll(): void;
-        isGroupRowExpanded(keys: KeyType[]): boolean | undefined;
-        isGroupRowCollapsed(keys: KeyType[]): boolean;
-        setGroupRowExpanded(keys: KeyType[], shouldExpand: boolean): void;
-        collapseGroupRow(keys: KeyType[]): void;
-        expandGroupRow(keys: KeyType[]): void;
-        toggleGroupRow(keys: KeyType[]): void;
-    }
-}
 declare module "components/types/Renderable" {
     import * as React from 'react';
     export type Renderable = React.ReactNode;
@@ -393,6 +356,7 @@ declare module "components/InfiniteTable/types/InfiniteTableColumn" {
     import type { DiscriminatedUnion, RequireAtLeastOne } from "components/InfiniteTable/types/Utility";
     import type { InfiniteTableRowInfo } from "components/InfiniteTable/types/index";
     import { CSSProperties } from 'react';
+    import { 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>> {
@@ -435,16 +399,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>;
@@ -468,11 +423,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;
@@ -480,22 +436,32 @@ 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>[];
         pivotColumn?: true;
         pivotTotalColumn?: true;
         pivotGroupKeys?: any[];
-        renderValue?: InfiniteTableColumnRenderValueFunction<T>;
+        pivotByForColumn?: DataSourcePivotBy<T>;
+        pivotIndexForColumn?: number;
+        pivotGroupKeyForColumn?: any;
+    };
+    export type InfiniteTablePivotFinalColumn<DataType, KeyType extends any = any> = InfiniteTablePivotColumn<DataType> & {
+        pivotBy: DataSourcePivotBy<DataType>[];
+        pivotGroupKeys: KeyType[];
+        pivotByForColumn: PivotBy<DataType, KeyType>;
+        pivotIndexForColumn: number;
+        pivotGroupKeyForColumn: KeyType;
     };
     type InfiniteTableComputedColumnBase<T> = {
         computedWidth: number;
@@ -521,12 +487,61 @@ declare module "components/InfiniteTable/types/InfiniteTableColumn" {
     };
     export type InfiniteTableComputedColumn<T> = InfiniteTableColumn<T> & InfiniteTableComputedColumnBase<T> & InfiniteTablePivotColumn<T> & InfiniteTableGeneratedGroupColumn<T>;
 }
+declare module "utils/groupAndPivot/getPivotColumnsAndColumnGroups" {
+    import type { 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: 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";
+    export function concludeReducer<T>(params: {
+        previousState: DataSourceState<T> & DataSourceDerivedState<T>;
+        state: DataSourceState<T> & DataSourceDerivedState<T>;
+    }): DataSourceState<T> & DataSourceDerivedState<T>;
+}
+declare module "components/DataSource/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 * from "components/DataSource/types";
+}
+declare module "components/DataSource/GroupRowsState" {
+    import { DataSourceExpandedAndCollapsedGroupRows } from "components/DataSource/index";
+    export class GroupRowsState<KeyType extends any = any> {
+        private expandedMap?;
+        private collapsedMap?;
+        private collapsedAll;
+        private expandedAll;
+        private initialState;
+        constructor(state: DataSourceExpandedAndCollapsedGroupRows<KeyType> | GroupRowsState<KeyType>);
+        getState(): DataSourceExpandedAndCollapsedGroupRows<KeyType>;
+        destroy(): void;
+        private update;
+        areAllCollapsed(): boolean;
+        areAllExpanded(): boolean;
+        collapseAll(): void;
+        expandAll(): void;
+        isGroupRowExpanded(keys: KeyType[]): boolean | undefined;
+        isGroupRowCollapsed(keys: KeyType[]): boolean;
+        setGroupRowExpanded(keys: KeyType[], shouldExpand: boolean): void;
+        collapseGroupRow(keys: KeyType[]): void;
+        expandGroupRow(keys: KeyType[]): void;
+        toggleGroupRow(keys: KeyType[]): void;
+    }
+}
 declare module "utils/groupAndPivot/index" {
-    import { DataSourcePivotBy } from "@infinite-table/infinite-react";
     import { GroupRowsState } from "components/DataSource/GroupRowsState";
-    import { InfiniteTablePivotColumn } from "components/InfiniteTable/types/InfiniteTableColumn";
-    import { InfiniteTableGroupColumnBase, InfiniteTablePropColumnGroups, InfiniteTablePropColumns } from "components/InfiniteTable/types/InfiniteTableProps";
-    import { InfiniteTablePropPivotTotalColumnPosition } from "components/InfiniteTable/types/InfiniteTableState";
+    import { InfiniteTablePivotColumn, InfiniteTablePivotFinalColumn } from "components/InfiniteTable/types/InfiniteTableColumn";
+    import { InfiniteTableGroupColumnBase } from "components/InfiniteTable/types/InfiniteTableProps";
     import { DeepMap } from "utils/DeepMap";
     export type AggregationReducer<T, AggregationResultType> = {
         initialValue: AggregationResultType;
@@ -582,9 +597,13 @@ 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, }: {
+            column: InfiniteTablePivotFinalColumn<DataType, KeyType>;
+        }) => Partial<InfiniteTablePivotColumn<DataType>>);
     };
-    export type PivotBy<DataType, KeyType> = GroupBy<DataType, KeyType>;
     type GroupParams<DataType, KeyType> = {
         groupBy: GroupBy<DataType, KeyType>[];
         defaultToKey?: (value: any, item: DataType) => GroupKeyType<KeyType>;
@@ -610,11 +629,6 @@ declare module "utils/groupAndPivot/index" {
     export function enhancedFlatten<DataType, KeyType = any>(param: EnhancedFlattenParam<DataType, KeyType>): {
         data: InfiniteTableRowInfo<DataType>[];
     };
-    export type ComputedColumnsAndGroups<DataType> = {
-        columns: InfiniteTablePropColumns<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/InfiniteTable/theme.css" {
     export const ThemeVars: import("@vanilla-extract/private").MapLeafNodes<{
@@ -801,7 +815,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;
@@ -821,6 +835,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;
@@ -834,8 +873,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
@@ -865,30 +906,33 @@ declare module "components/InfiniteTable/types/InfiniteTableProps" {
         groupCount: number;
         groupRowsBy: DataSourceGroupRowsBy<T>[];
     };
-    export type PivotColumnGetterOptions<T> = {
+    export type InfiniteTablePivotColumnGetterOptions<T> = {
         column: InfiniteTablePivotColumn<T>;
         groupRowsBy: DataSourcePropGroupRowsBy<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 & {
+    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>;
-    export type InfiniteTablePropPivotColumn<T> = InfiniteTablePivotColumnBase<T> | ((options: PivotColumnGetterOptions<T>) => InfiniteTablePivotColumnBase<T>);
+    export type InfiniteTablePropPivotColumn<T> = InfiniteTablePivotColumnBase<T> | ((options: InfiniteTablePivotColumnGetterOptions<T>) => 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;
+        viewportReservedWidth?: number;
         pivotColumn?: Partial<InfiniteTablePropPivotColumn<T>>;
         pivotRowLabelsColumn?: Partial<InfiniteTablePropPivotRowLabelsColumn<T>>;
         pivotTotalColumnPosition?: InfiniteTablePropPivotTotalColumnPosition;
@@ -903,12 +947,15 @@ 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;
         onColumnVisibilityChange?: (columnVisibility: InfiniteTablePropColumnVisibility) => void;
+        columnTypes?: InfiniteTablePropColumnTypes<T>;
         rowHeight: number | string;
         rowStyle?: InfiniteTablePropRowStyle<T>;
         rowClassName?: InfiniteTablePropRowClassName<T>;
@@ -980,7 +1027,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";
@@ -1000,7 +1047,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;
@@ -1017,10 +1064,11 @@ declare module "components/InfiniteTable/types/InfiniteTableState" {
     export type InfiniteTableColumnGroupsDepthsMap = Map<string, number>;
     export type InfiniteTablePropPivotTotalColumnPosition = false | 'start' | 'end';
     export interface InfiniteTableMappedState<T> {
+        viewportReservedWidth: InfiniteTableProps<T>['viewportReservedWidth'];
         groupColumn: InfiniteTableProps<T>['groupColumn'];
         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'];
@@ -1060,6 +1108,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']>;
@@ -1140,12 +1190,12 @@ declare module "components/InfiniteTable/types/index" {
     import type { InfiniteTableState } from "components/InfiniteTable/types/InfiniteTableState";
     import type { InfiniteTableAction } from "components/InfiniteTable/types/InfiniteTableAction";
     import type { InfiniteTableActionType } from "components/InfiniteTable/types/InfiniteTableActionType";
-    import type { InfiniteTableProps, InfiniteTableImperativeApi, InfiniteTablePropColumnOrder, InfiniteTablePropColumnVisibility, InfiniteTablePropColumnPinning, InfiniteTableColumnAggregator, InfiniteTableColumnGroup, InfiniteTablePropGroupRenderStrategy, 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 } 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 { 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";
@@ -1172,21 +1222,22 @@ 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);
-        sortable: 1 | ((value: boolean | undefined) => boolean);
         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);
+        viewportReservedWidth: 1 | ((value: number | undefined) => number | undefined);
         groupColumn: 1 | ((value: Partial<InfiniteTablePropGroupColumn<T>> | undefined) => Partial<InfiniteTablePropGroupColumn<T>> | 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);
@@ -1217,6 +1268,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);
     }>;
@@ -1299,11 +1352,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>;
@@ -1338,6 +1402,7 @@ declare module "components/InfiniteTable/utils/getComputedVisibleColumns" {
         pinnedStartMaxWidth?: number;
         pinnedEndMaxWidth?: number;
         columnDefaultWidth?: number;
+        viewportReservedWidth?: number;
         sortable?: boolean;
         multiSort: boolean;
         sortInfo?: DataSourceSingleSortInfo<T>[];
@@ -1345,10 +1410,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];
@@ -1378,7 +1445,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> = {
@@ -1386,6 +1453,7 @@ declare module "components/InfiniteTable/hooks/useComputedVisibleColumns" {
         bodySize: Size;
         columnMinWidth?: number;
         columnMaxWidth?: number;
+        viewportReservedWidth?: number;
         pinnedEndMaxWidth?: number;
         pinnedStartMaxWidth?: number;
         columnDefaultWidth?: number;
@@ -1395,6 +1463,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;
@@ -1416,7 +1486,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";
@@ -1510,9 +1580,9 @@ declare module "components/InfiniteTable/hooks/useToggleGroupRow" {
     export function useToggleGroupRow<T>(): ToggleGrouRowFn;
 }
 declare module "components/InfiniteTable/hooks/useColumnsWhen" {
-    import { InfiniteTableColumn } from "components/InfiniteTable/index";
-    import { DataSourceGroupRowsBy } from "components/DataSource/index";
-    import { InfiniteTablePropGroupRenderStrategy, InfiniteTableProps } from "components/InfiniteTable/types/InfiniteTableProps";
+    import type { InfiniteTableColumn } from "components/InfiniteTable/index";
+    import type { DataSourceGroupRowsBy } 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>>;
@@ -1542,12 +1612,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";
@@ -1565,6 +1629,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;
@@ -1579,11 +1644,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;
@@ -1599,6 +1666,7 @@ declare module "components/VirtualBrain/index" {
         getRenderCount: () => number;
         setScrollPosition: (scrollPosition: ScrollPosition) => void;
         private notifyScrollChange;
+        private notifyDestroy;
         private notifyTotalSizeChange;
         private notifyRenderCountChange;
         private notifyRenderRangeChange;
@@ -1610,6 +1678,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;
@@ -1957,6 +2026,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";
@@ -1991,6 +2071,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[];
@@ -2007,17 +2088,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";
@@ -2047,8 +2117,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";
@@ -2541,7 +2625,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';