@infinite-table/infinite-react 0.0.7 → 0.0.8

package/README.md

@@ -18,10 +18,9 @@
 
 - [Installation](#installation)
 - [Documentation](#documentation)
-- [Development process](#development-process)
-  - [Running the docs](#running-the-docs)
+- [❤️ TypeScript](#-typescript)
+- [🎨 Themable](#-themable)
 - [Testing](#testing)
-  - [Testing in development](#testing-in-development)
 - [License](#license)
 
 <!-- END doctoc generated TOC please keep comment here to allow auto update -->
@@ -38,85 +37,26 @@ Our approach with the `InfiniteTable` is to go documentation first. From our dev
 
 **[Visit API docs](https://infinite-table.com/docs)**
 
-## Development process
+## ❤️ TypeScript
 
-You can start the examples by running:
+It's fully typed and offers you great developer experience to help you get up and running quickly
 
-```bash
-npm run dev
-```
-
-### Running the docs
-
-```bash
-npm run docs
-```
-<!-- 
-### HTML Element classNames
-
-- The table has the `ITable` className, and all HTML elements are prefixed with that.
-
-- All meaningful table parts (table row, header, cell) keep capitalized names, for example:
-
-  - `ITableRow`
-  - `ITableHeader`
-  - `ITableCell` - all cells, both in body and in header
-  - `ITableHeaderCell` - cells in header
-  - `ITableColumnCell` - cells in body rows
-
-- Other HTML elements, which are nested inside those table parts, will be prefixed with the table part where they are nested, followed by `_`. Example:
-
-  - `ITableCell_content`
-
-### CSS variables
-
-There are 2 kinds of variables:
-
-- top-level
-- component specific
+> The TypeScript typings file is included in the npm package - you don't have to download an additional **@types** package.
 
-All CSS variables meant primarily to be applied to a specific css property, will end up with `__<property-name>`, like this:
+## 🎨 Themable
 
-- `--it__border-radius`
+`Infinite Table` is fully customizable, via CSS variables. It ships with both a **light** and a **dark** theme - you have to import the CSS file from the package.
 
-#### CSS top-level variables
-
-Those are prefixed with `at-`. Examples:
-
-- `--it-font-size-0`
-- `--it-space-0`
-- `--it-space-1`
-- `--it-color-....`
-
-The ones meant primarily for a CSS property name will end with `__<property-name>`, like this:
-
-- `--it__border-radius` -->
+```js
+import "@infinite-table/infinite-react/index.css"
+```
 
+This file includes both the light and the dark themes.
 
 
 ## Testing
 
 Infinite Table is built with extensive end-to-end testing via headless chrome (more exactly, puppeteer).
-To execute the tests you have to run:
-
-```bash
-$ npm run test
-```
-
-Test pages are found in [tests folder](./source/examples/src/pages/tests) - which is part of a nextjs app where every file ending with `.page.tsx` is a page/route, while it's sibling file with the same name, but ending in `.test.tsx` is the actual test code. The test code is visiting the sibling page/route, to load the page and executes assertions against the test page.
-
-The test command command above does 3 things:
- 
- * compiles the nextjs app found in the [examples folder](./source/examples) - runs `next build && next export`, which creates an `out` folder with the resulting examples/tests app
- * starts a webserver that serves the generated `out` folder on [localhost:3000](http://localhost:3000)
- * runs jest+puppeteer against the app served at [localhost:3000](http://localhost:3000)
-
-### Testing in development
-
-If you want to run the tests in dev mode, to get feedback sooner, you need to run the following (in the [source/examples folder](./source/examples)):
-
- * `npm run dev` - to run the nextjs app in development, on port `3000`
- * `npm run test:watch` to run jest on changed files - optionally add a test path pattern like `npm run test:watch -- --testPathPattern=x/y/z`
 
 ## License 
 

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;
     };
@@ -397,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>;
@@ -430,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;
@@ -442,15 +436,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,12 +489,12 @@ 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>;
@@ -820,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;
@@ -840,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;
@@ -853,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
@@ -890,11 +912,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 +929,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 +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>;
@@ -999,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";
@@ -1019,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;
@@ -1036,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'];
@@ -1079,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']>;
@@ -1159,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";
@@ -1191,14 +1222,15 @@ 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);
+        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);
@@ -1236,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);
     }>;
@@ -1318,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>;
@@ -1357,6 +1402,7 @@ declare module "components/InfiniteTable/utils/getComputedVisibleColumns" {
         pinnedStartMaxWidth?: number;
         pinnedEndMaxWidth?: number;
         columnDefaultWidth?: number;
+        viewportReservedWidth?: number;
         sortable?: boolean;
         multiSort: boolean;
         sortInfo?: DataSourceSingleSortInfo<T>[];
@@ -1364,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];
@@ -1397,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> = {
@@ -1405,6 +1453,7 @@ declare module "components/InfiniteTable/hooks/useComputedVisibleColumns" {
         bodySize: Size;
         columnMinWidth?: number;
         columnMaxWidth?: number;
+        viewportReservedWidth?: number;
         pinnedEndMaxWidth?: number;
         pinnedStartMaxWidth?: number;
         columnDefaultWidth?: number;
@@ -1414,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;
@@ -1435,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";
@@ -1561,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";
@@ -2580,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';