@infinite-table/infinite-react 3.1.5 → 3.2.0

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { CSSProperties, HTMLProps, RefCallback, MutableRefObject, MouseEvent, KeyboardEvent, ReactNode } from 'react';
+import React__default, { CSSProperties, HTMLProps, RefCallback, MutableRefObject, MouseEvent, KeyboardEvent, ReactNode, EffectCallback } from 'react';
 
 declare type SortDir = 1 | -1;
 declare type MultisortInfo<T> = {
@@ -249,6 +249,7 @@ declare type Prettify<T> = {
 declare type NonUndefined<T> = T extends undefined ? never : T;
 
 declare type InfiniteTableToggleGroupRowFn = (groupKeys: any[]) => void;
+declare type InfiniteTableToggleRowDetailsFn = (id: any) => void;
 declare type InfiniteTableSelectRowFn = (id: any) => void;
 declare type InfiniteTableColumnHeaderParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = {
     dragging: boolean;
@@ -280,6 +281,7 @@ declare type InfiniteTableColumnHeaderParam<DATA_TYPE, COL_TYPE = InfiniteTableC
 declare type InfiniteTableColumnRenderBag = {
     value: string | number | Renderable;
     groupIcon?: Renderable;
+    rowDetailsIcon?: Renderable;
     all?: Renderable;
     selectionCheckBox?: Renderable;
 };
@@ -301,6 +303,10 @@ declare type InfiniteTableColumnRenderParamBase<DATA_TYPE, COL_TYPE = InfiniteTa
     toggleGroupRow: InfiniteTableToggleGroupRowFn;
     toggleCurrentGroupRowSelection: () => void;
     toggleCurrentRowSelection: () => void;
+    toggleCurrentRowDetails: () => void;
+    toggleRowDetails: InfiniteTableToggleRowDetailsFn;
+    expandRowDetails: InfiniteTableToggleRowDetailsFn;
+    collapseRowDetails: InfiniteTableToggleRowDetailsFn;
     rowHasSelectedCells: boolean;
     cellSelected: boolean;
     selectCurrentRow: () => void;
@@ -435,6 +441,7 @@ declare type InfiniteTableColumn<DATA_TYPE> = {
     minWidth?: number;
     maxWidth?: number;
     renderGroupIcon?: InfiniteTableColumnRenderFunctionForGroupRows<DATA_TYPE>;
+    renderRowDetailsIcon?: boolean | InfiniteTableColumnRenderFunction<DATA_TYPE>;
     renderSortIcon?: InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
     renderFilterIcon?: InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
     renderSelectionCheckBox?: boolean | InfiniteTableColumnRenderFunction<DATA_TYPE>;
@@ -570,6 +577,7 @@ declare type OnAvailableSizeChange = (size: Size) => void;
 declare class MatrixBrain extends Logger {
     private scrolling;
     private width;
+    name: string;
     private height;
     private cols;
     private rows;
@@ -788,6 +796,19 @@ declare class MatrixBrain extends Logger {
     destroy: () => void;
 }
 
+declare class RowSizeCache {
+    rowHeight: Map<number, number>;
+    rowDetailHeight: Map<number, number>;
+    getTotalRowHeight(index: number): number;
+    getRowHeight: (index: number) => number;
+    getRowDetailHeight: (index: number) => number;
+    getSize(index: number): {
+        rowHeight: number;
+        rowDetailHeight: number;
+        totalRowHeight: number;
+    };
+}
+
 declare type CellSelectionPosition<ROW_PRIMARY_KEY_TYPE = any, COL_ID = string> = [ROW_PRIMARY_KEY_TYPE, COL_ID];
 declare type CellSelectionStateObject = {
     selectedCells: CellSelectionPosition[];
@@ -1008,6 +1029,8 @@ interface InfiniteTableComputedValues<T> {
     };
     multiRowSelector: MultiRowSelector;
     multiCellSelector: MultiCellSelector;
+    computedRowHeight: number | ((index: number) => number);
+    computedRowSizeCacheForDetails: RowSizeCache | undefined;
     renderSelectionCheckBox: boolean;
     rowspan?: MatrixBrainOptions['rowspan'];
     computedPinnedStartOverflow: boolean;
@@ -1038,6 +1061,164 @@ declare type PointCoords = {
     left: number;
 };
 
+declare type ComponentStateContext<T_STATE, T_ACTIONS> = {
+    getComponentState: () => T_STATE;
+    componentState: T_STATE;
+    componentActions: T_ACTIONS;
+    assignState: (state: Partial<T_STATE>) => void;
+    replaceState: (state: T_STATE) => void;
+};
+declare type ComponentStateGeneratedActions<T_STATE> = {
+    [k in keyof T_STATE]: T_STATE[k] | React.SetStateAction<T_STATE[k]>;
+};
+declare type ComponentInterceptedActions<T_STATE> = {
+    [k in keyof T_STATE]?: (value: T_STATE[k], { actions, state, }: {
+        actions: ComponentStateGeneratedActions<T_STATE>;
+        state: T_STATE;
+    }) => void | boolean;
+};
+declare type ComponentMappedCallbacks<T_STATE> = {
+    [k in keyof T_STATE]: (value: T_STATE[k], state: T_STATE) => {
+        callbackName: string;
+        callbackParams: any[];
+    };
+};
+declare type ComponentStateActions<T_STATE> = ComponentStateGeneratedActions<T_STATE>;
+
+declare type ForwardPropsToStateFnResult<TYPE_PROPS, TYPE_RESULT, COMPONENT_SETUP_STATE> = {
+    [propName in keyof TYPE_PROPS & keyof TYPE_RESULT]: 1 | ((value: TYPE_PROPS[propName], setupState: COMPONENT_SETUP_STATE) => TYPE_RESULT[propName]);
+};
+declare type ComponentStateRootConfig<T_PROPS, COMPONENT_MAPPED_STATE, COMPONENT_SETUP_STATE = {}, COMPONENT_DERIVED_STATE = {}, T_ACTIONS = {}, T_PARENT_STATE = {}> = {
+    debugName?: string;
+    initSetupState?: (props: T_PROPS) => COMPONENT_SETUP_STATE;
+    layoutEffect?: boolean;
+    forwardProps?: (setupState: COMPONENT_SETUP_STATE) => ForwardPropsToStateFnResult<T_PROPS, COMPONENT_MAPPED_STATE, COMPONENT_SETUP_STATE>;
+    allowedControlledPropOverrides?: Record<keyof T_PROPS, true>;
+    interceptActions?: ComponentInterceptedActions<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>;
+    mappedCallbacks?: ComponentMappedCallbacks<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>;
+    onPropChange?: (params: {
+        name: keyof T_PROPS;
+        oldValue: any;
+        newValue: any;
+    }, props: T_PROPS, actions: ComponentStateActions<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>, state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & Partial<COMPONENT_DERIVED_STATE>) => void;
+    onPropsChange?: (newPropValues: {
+        [k in keyof T_PROPS]?: {
+            newValue: T_PROPS[k];
+            oldValue: T_PROPS[k];
+        };
+    }, props: T_PROPS, actions: ComponentStateActions<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>, state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & Partial<COMPONENT_DERIVED_STATE>) => void;
+    mapPropsToState?: (params: {
+        props: T_PROPS;
+        state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & Partial<COMPONENT_DERIVED_STATE>;
+        oldState: null | (COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & Partial<COMPONENT_DERIVED_STATE>);
+        parentState: T_PARENT_STATE | null;
+    }) => COMPONENT_DERIVED_STATE;
+    concludeReducer?: (params: {
+        previousState: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & COMPONENT_DERIVED_STATE;
+        state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & COMPONENT_DERIVED_STATE;
+        updatedProps: Partial<T_PROPS> | null;
+        parentState: T_PARENT_STATE | null;
+    }) => COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & COMPONENT_DERIVED_STATE;
+    getReducerActions?: (dispatch: React$1.Dispatch<any>) => T_ACTIONS;
+    getParentState?: () => T_PARENT_STATE;
+    cleanup?: (state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & COMPONENT_DERIVED_STATE) => void;
+    onControlledPropertyChange?: (name: string, newValue: any, oldValue: any) => void | ((value: any, oldValue: any) => any);
+};
+declare function getComponentStateRoot<T_PROPS, COMPONENT_MAPPED_STATE extends object, COMPONENT_SETUP_STATE extends object = {}, COMPONENT_DERIVED_STATE extends object = {}, T_ACTIONS = {}, T_PARENT_STATE = {}>(config: ComponentStateRootConfig<T_PROPS, COMPONENT_MAPPED_STATE, COMPONENT_SETUP_STATE, COMPONENT_DERIVED_STATE, T_ACTIONS, T_PARENT_STATE>): React$1.NamedExoticComponent<T_PROPS & {
+    children: React$1.ReactNode;
+}>;
+declare function useComponentState<COMPONENT_STATE>(): ComponentStateContext<COMPONENT_STATE, ComponentStateGeneratedActions<COMPONENT_STATE>>;
+
+declare type DataSourceStateRestoreForDetails<T> = {
+    originalDataArray: DataSourceState<T>['originalDataArray'] | undefined;
+    groupBy: DataSourceState<T>['groupBy'] | undefined;
+    groupRowsState: DataSourceState<T>['groupRowsState'] | undefined;
+    pivotBy: DataSourceState<T>['pivotBy'] | undefined;
+    sortInfo: DataSourceState<T>['sortInfo'] | undefined;
+    filterValue: DataSourceState<T>['filterValue'] | undefined;
+    livePaginationCursor: DataSourceState<T>['livePaginationCursor'] | undefined;
+};
+declare type RowDetailsCacheKey = string | number;
+declare type RowDetailsCacheEntry = {
+    all?: boolean;
+    groupBy?: boolean;
+    sortInfo?: boolean;
+    filterValue?: boolean;
+    data?: boolean;
+    livePaginationCursor?: boolean;
+    columnOrder?: boolean;
+};
+
+interface RowDetailsCacheStorage<_K, T> {
+    add(key: any, value: T): void;
+    get(key: any): T | undefined;
+    delete(key: any): void;
+    has(key: any): boolean;
+}
+interface RowDetailsCacheStorageForCurrentRow<T = RowDetailsCacheEntry> {
+    add(value: T): void;
+    get(): T | undefined;
+    delete(): void;
+    has(): boolean;
+}
+declare class RowDetailsCache<K = RowDetailsCacheKey, T = RowDetailsCacheEntry> implements RowDetailsCacheStorage<K, T> {
+    private cacheStorage;
+    constructor(cache?: boolean | number);
+    add(key: K, value: T): void;
+    get(key: K): T | undefined;
+    delete(key: K): void;
+    has(key: K): boolean;
+}
+
+declare type BooleanCollectionStateKeys<KeyType> = true | KeyType[];
+declare type BooleanCollectionStateObject<KeyType> = {
+    positiveItems: BooleanCollectionStateKeys<KeyType>;
+    negativeItems: BooleanCollectionStateKeys<KeyType>;
+};
+declare abstract class BooleanCollectionState<StateObject, KeyType> {
+    protected positiveMap?: Map<KeyType, true>;
+    protected negativeMap?: Map<KeyType, true>;
+    protected allNegative: boolean;
+    protected allPositive: boolean;
+    private initialState;
+    constructor(state: BooleanCollectionStateObject<KeyType> | BooleanCollectionState<StateObject, KeyType>);
+    abstract getPositiveFromState(state: StateObject): BooleanCollectionStateKeys<KeyType>;
+    abstract getNegativeFromState(state: StateObject): BooleanCollectionStateKeys<KeyType>;
+    abstract getState(): StateObject;
+    protected getInitialState(): BooleanCollectionStateObject<KeyType>;
+    destroy(): void;
+    private update;
+    protected isDefaultNegativeSelection(): boolean;
+    protected isDefaultPositiveSelection(): boolean;
+    protected areAllNegative(): boolean;
+    protected areAllPositive(): boolean;
+    protected makeAllNegative(): void;
+    protected makeAllPositive(): void;
+    protected isItemPositive(key: KeyType): boolean;
+    protected isItemNegative(key: KeyType): boolean;
+    protected setItemValue(key: KeyType, shouldMakePositive: boolean): void;
+    protected makeItemNegative(key: KeyType): void;
+    protected makeItemPositive(key: KeyType): void;
+    protected toggleItem(key: KeyType): void;
+}
+
+declare class RowDetailsState<KeyType = any> extends BooleanCollectionState<DataSourcePropRowDetailsStateObject<KeyType>, KeyType> {
+    constructor(state: DataSourcePropRowDetailsStateObject<KeyType> | RowDetailsState<KeyType>);
+    getState(): DataSourcePropRowDetailsStateObject<KeyType>;
+    getPositiveFromState(state: DataSourcePropRowDetailsStateObject<KeyType>): true | KeyType[];
+    getNegativeFromState(state: DataSourcePropRowDetailsStateObject<KeyType>): true | KeyType[];
+    areAllCollapsed(): boolean;
+    areAllExpanded(): boolean;
+    collapseAll(): void;
+    expandAll(): void;
+    isRowDetailsExpanded: (key: KeyType) => boolean;
+    isRowDetailsCollapsed(key: KeyType): boolean;
+    setRowDetailsExpanded(key: KeyType, shouldExpand: boolean): void;
+    collapseRowDetails(key: KeyType): void;
+    expandRowDetails(key: KeyType): void;
+    toggleRowDetails(key: KeyType): void;
+}
+
 declare type TableRenderCellFnParam = {
     domRef: RefCallback<HTMLElement>;
     rowIndex: number;
@@ -1054,23 +1235,43 @@ declare type TableRenderCellFnParam = {
     onMouseEnter: VoidFunction;
     onMouseLeave: VoidFunction;
 };
+declare type TableRenderDetailRowFnParam = {
+    domRef: RefCallback<HTMLElement>;
+    rowIndex: number;
+    hidden: boolean;
+    height: number;
+    rowFixed: FixedPosition;
+    onMouseEnter: VoidFunction;
+    onMouseLeave: VoidFunction;
+};
 declare type TableRenderCellFn = (param: TableRenderCellFnParam) => Renderable;
+declare type TableRenderDetailRowFn = (param: TableRenderDetailRowFnParam) => Renderable;
 declare class ReactHeadlessTableRenderer extends Logger {
     private brain;
+    debugId: string;
     private destroyed;
     private scrolling;
     cellHoverClassNames: string[];
-    name: string;
     private itemDOMElements;
     private itemDOMRefs;
     private updaters;
+    private detailRowDOMElements;
+    private detailRowDOMRefs;
+    private detailRowUpdaters;
     private mappedCells;
+    private mappedDetailRows;
     private items;
+    private detailItems;
     private currentHoveredRow;
     private onDestroy;
     private hoverRowUpdatesInProgress;
     private infiniteNode;
     private getInfiniteNode;
+    setDetailTransform: (element: HTMLElement, _rowIndex: number, { y, scrollTop, scrollLeft, }: {
+        y: number;
+        scrollTop?: boolean | undefined;
+        scrollLeft?: number | undefined;
+    }) => void;
     setTransform: (element: HTMLElement, _rowIndex: number, colIndex: number, { x, y, scrollLeft, scrollTop, }: {
         x: number;
         y: number;
@@ -1107,15 +1308,18 @@ declare class ReactHeadlessTableRenderer extends Logger {
     isCellRendered: (rowIndex: number, colIndex: number) => boolean;
     isColumnRendered: (colIndex: number) => boolean;
     getExtraSpanCellsForRange: (range: TableRenderRange) => [number, number][];
-    renderRange: (range: TableRenderRange, { renderCell, force, onRender, }: {
+    renderRange: (range: TableRenderRange, { renderCell, renderDetailRow, force, onRender, }: {
         force?: boolean | undefined;
         renderCell: TableRenderCellFn;
+        renderDetailRow?: TableRenderDetailRowFn | undefined;
         onRender: (items: Renderable[]) => void;
     }) => Renderable[];
     private renderElement;
+    private renderDetailElement;
     getFixedRanges: (currentRenderRange: TableRenderRange) => TableRenderRange[];
     private isCellFixed;
     private isCellCovered;
+    private renderDetailRowAtElement;
     private renderCellAtElement;
     private onMouseEnter;
     private addHoverClass;
@@ -1123,6 +1327,7 @@ declare class ReactHeadlessTableRenderer extends Logger {
     private removeHoverClass;
     private updateHoverClassNamesForRow;
     private updateElementPosition;
+    private updateDetailElementPosition;
     private onScrollStart;
     private onScrollStop;
     adjustFixedElementsOnScroll: (scrollPosition?: ScrollPosition) => void;
@@ -1130,28 +1335,6 @@ declare class ReactHeadlessTableRenderer extends Logger {
     reset(): void;
 }
 
-declare type ComponentStateContext<T_STATE, T_ACTIONS> = {
-    getComponentState: () => T_STATE;
-    componentState: T_STATE;
-    componentActions: T_ACTIONS;
-};
-declare type ComponentStateGeneratedActions<T_STATE> = {
-    [k in keyof T_STATE]: T_STATE[k] | React.SetStateAction<T_STATE[k]>;
-};
-declare type ComponentInterceptedActions<T_STATE> = {
-    [k in keyof T_STATE]?: (value: T_STATE[k], { actions, state, }: {
-        actions: ComponentStateGeneratedActions<T_STATE>;
-        state: T_STATE;
-    }) => void | boolean;
-};
-declare type ComponentMappedCallbacks<T_STATE> = {
-    [k in keyof T_STATE]: (value: T_STATE[k], state: T_STATE) => {
-        callbackName: string;
-        callbackParams: any[];
-    };
-};
-declare type ComponentStateActions<T_STATE> = ComponentStateGeneratedActions<T_STATE>;
-
 declare type SubscriptionCallbackOnChangeFn<T> = (node: T | null) => void;
 interface SubscriptionCallback<T> {
     (node: T, callback?: () => void): void;
@@ -1197,6 +1380,7 @@ interface InfiniteTableSetupState<T> {
     focusDetectDOMRef: MutableRefObject<HTMLDivElement | null>;
     activeCellIndicatorDOMRef: MutableRefObject<HTMLDivElement | null>;
     onRowHeightCSSVarChange: SubscriptionCallback<number>;
+    onRowDetailHeightCSSVarChange: SubscriptionCallback<number>;
     onColumnMenuClick: SubscriptionCallback<{
         target: HTMLElement | EventTarget;
         column: InfiniteTableComputedColumn<T>;
@@ -1262,13 +1446,16 @@ declare type InfiniteTablePropPivotTotalColumnPosition = false | 'start' | 'end'
 declare type InfiniteTablePropPivotGrandTotalColumnPosition = InfiniteTablePropPivotTotalColumnPosition;
 interface InfiniteTableMappedState<T> {
     id: InfiniteTableProps<T>['id'];
+    debugId: InfiniteTableProps<T>['debugId'];
     scrollTopKey: InfiniteTableProps<T>['scrollTopKey'];
+    rowDetailRenderer: InfiniteTableProps<T>['rowDetailRenderer'];
     multiSortBehavior: NonUndefined<InfiniteTableProps<T>['multiSortBehavior']>;
     viewportReservedWidth: InfiniteTableProps<T>['viewportReservedWidth'];
     resizableColumns: InfiniteTableProps<T>['resizableColumns'];
     groupColumn: InfiniteTableProps<T>['groupColumn'];
     onKeyDown: InfiniteTableProps<T>['onKeyDown'];
     onCellClick: InfiniteTableProps<T>['onCellClick'];
+    rowDetailsCache: RowDetailsCache<RowDetailsCacheKey, RowDetailsCacheEntry>;
     headerOptions: NonUndefined<InfiniteTableProps<T>['headerOptions']>;
     onScrollbarsChange: InfiniteTableProps<T>['onScrollbarsChange'];
     getContextMenuItems: InfiniteTableProps<T>['getContextMenuItems'];
@@ -1337,7 +1524,8 @@ interface InfiniteTableMappedState<T> {
     showHoverRows: NonUndefined<InfiniteTableProps<T>['showHoverRows']>;
     header: NonUndefined<InfiniteTableProps<T>['header']>;
     virtualizeColumns: NonUndefined<InfiniteTableProps<T>['virtualizeColumns']>;
-    rowHeight: number;
+    rowHeight: number | ((rowInfo: InfiniteTableRowInfo<T>) => number);
+    rowDetailHeight: number | ((rowInfo: InfiniteTableRowInfo<T>) => number);
     columnHeaderHeight: number;
     licenseKey: NonUndefined<InfiniteTableProps<T>['licenseKey']>;
     columnVisibility: InfiniteTablePropColumnVisibility;
@@ -1352,6 +1540,9 @@ interface InfiniteTableDerivedState<T> {
     groupBy: DataSourceProps<T>['groupBy'];
     computedColumns: Map<string, InfiniteTableColumn<T>>;
     initialColumns: InfiniteTableProps<T>['columns'];
+    rowDetailsState: RowDetailsState<T> | undefined;
+    isRowDetailsExpanded: InfiniteTableProps<T>['isRowDetailsExpanded'] | undefined;
+    isRowDetailsEnabled: NonUndefined<InfiniteTableProps<T>['isRowDetailsEnabled']> | boolean;
     showColumnFilters: NonUndefined<InfiniteTableProps<T>['showColumnFilters']>;
     groupRenderStrategy: NonUndefined<InfiniteTableProps<T>['groupRenderStrategy']>;
     columnHeaderCssEllipsis: NonUndefined<InfiniteTableProps<T>['columnHeaderCssEllipsis']>;
@@ -1360,6 +1551,7 @@ interface InfiniteTableDerivedState<T> {
     columnGroupsMaxDepth: number;
     computedColumnGroups: InfiniteTablePropColumnGroupsMap;
     rowHeightCSSVar: string;
+    rowDetailHeightCSSVar: string;
     columnHeaderHeightCSSVar: string;
     controlledColumnVisibility: boolean;
 }
@@ -1639,6 +1831,10 @@ declare type DataSourcePropGroupRowsStateObject<KeyType> = {
     expandedRows: DataSourceGroupRowsList<KeyType>;
     collapsedRows: DataSourceGroupRowsList<KeyType>;
 };
+declare type DataSourcePropRowDetailsStateObject<KeyType> = {
+    expandedRows: true | KeyType[];
+    collapsedRows: true | KeyType[];
+};
 declare type DataSourcePropGroupBy<T> = DataSourceGroupBy<T>[];
 declare type DataSourcePropPivotBy<T> = DataSourcePivotBy<T>[];
 interface DataSourceMappedState<T> {
@@ -1646,6 +1842,7 @@ interface DataSourceMappedState<T> {
     livePagination: DataSourceProps<T>['livePagination'];
     refetchKey: NonUndefined<DataSourceProps<T>['refetchKey']>;
     isRowSelected: DataSourceProps<T>['isRowSelected'];
+    debugId: DataSourceProps<T>['debugId'];
     onDataArrayChange: DataSourceProps<T>['onDataArrayChange'];
     onDataMutations: DataSourceProps<T>['onDataMutations'];
     onReady: DataSourceProps<T>['onReady'];
@@ -1713,7 +1910,10 @@ declare type LazyRowInfoGroup<DataType> = {
 declare type LazyGroupDataDeepMap<DataType, KeyType = string> = DeepMap<KeyType, LazyRowInfoGroup<DataType>>;
 interface DataSourceSetupState<T> {
     indexer: Indexer<T, any>;
+    destroyedRef: React$1.MutableRefObject<boolean>;
     idToIndexMap: Map<any, number>;
+    detailDataSourcesStateToRestore: Map<any, Partial<DataSourceStateRestoreForDetails<any>>>;
+    stateReadyAsDetails: boolean;
     cache?: DataSourceCache<T>;
     unfilteredCount: number;
     filteredCount: number;
@@ -1731,6 +1931,7 @@ interface DataSourceSetupState<T> {
     originalLazyGroupData: LazyGroupDataDeepMap<T>;
     originalLazyGroupDataChangeDetect: number | string;
     scrollStopDelayUpdatedByTable: number;
+    onCleanup: SubscriptionCallback<DataSourceState<T>>;
     notifyScrollbarsChange: SubscriptionCallback<Scrollbars>;
     notifyScrollStop: SubscriptionCallback<ScrollStopInfo>;
     notifyRenderRangeChange: SubscriptionCallback<RenderRange>;
@@ -1809,6 +2010,7 @@ interface DataSourceApi<T> {
 declare type DataSourcePropRowInfoReducers<T> = Record<string, DataSourceRowInfoReducer<T>>;
 declare type DataSourceRowInfoReducer<T> = DataSourceRawReducer<InfiniteTableRowInfo<T>, any>;
 declare type DataSourceProps<T> = {
+    debugId?: string;
     children: React$1.ReactNode | ((contextData: DataSourceState<T>) => React$1.ReactNode);
     primaryKey: keyof T | ((data: T) => string);
     /**
@@ -1975,9 +2177,14 @@ declare type DataSourceComponentActions<T> = ComponentStateActions<DataSourceSta
 interface DataSourceContextValue<T> {
     api: DataSourceApi<T>;
     getState: () => DataSourceState<T>;
+    assignState: (state: Partial<DataSourceState<T>>) => void;
     componentState: DataSourceState<T>;
     componentActions: DataSourceComponentActions<T>;
 }
+interface DataSourceMasterDetailContextValue {
+    registerDetail: (detail: DataSourceContextValue<any>) => void;
+    shouldRestoreState: boolean;
+}
 declare enum DataSourceActionType {
     INIT = "INIT"
 }
@@ -2010,6 +2217,7 @@ declare type InfiniteTableRowInfoDataDiscriminator_RowInfoNormal<T> = {
     data: T;
     isGroupRow: false;
     rowActive: boolean;
+    rowDetailState: false | 'expanded' | 'collapsed';
     rowInfo: InfiniteTable_NoGrouping_RowInfoNormal<T> | InfiniteTable_HasGrouping_RowInfoNormal<T>;
     field?: keyof T;
     value: any;
@@ -2020,6 +2228,7 @@ declare type InfiniteTableRowInfoDataDiscriminator_RowInfoGroup<T> = {
     rowActive: boolean;
     data: Partial<T> | null;
     rowInfo: InfiniteTable_HasGrouping_RowInfoGroup<T>;
+    rowDetailState: false | 'expanded' | 'collapsed';
     isGroupRow: true;
     field?: keyof T;
     value: any;
@@ -2464,6 +2673,16 @@ declare type MenuColumnRenderParam = {
     domProps: HTMLProps<HTMLDivElement>;
 };
 
+declare type InfiniteTableRowDetailsApi = {
+    isRowDetailsExpanded(pk: any): boolean;
+    isRowDetailsCollapsed(pk: any): boolean;
+    expandRowDetails(pk: any): void;
+    collapseRowDetails(pk: any): void;
+    toggleRowDetails(pk: any): void;
+    collapseAllDetails(): void;
+    expandAllDetails(): void;
+};
+
 declare type LoadMaskProps = {
     visible: boolean;
     children: Renderable;
@@ -2518,6 +2737,7 @@ declare type InfiniteTableColumnType<T> = {
     components?: InfiniteTableColumn<T>['components'];
     renderMenuIcon?: InfiniteTableColumn<T>['renderMenuIcon'];
     renderSortIcon?: InfiniteTableColumn<T>['renderSortIcon'];
+    renderRowDetailsIcon?: InfiniteTableColumn<T>['renderRowDetailsIcon'];
     renderSelectionCheckBox?: InfiniteTableColumn<T>['renderSelectionCheckBox'];
     renderHeaderSelectionCheckBox?: InfiniteTableColumn<T>['renderHeaderSelectionCheckBox'];
     renderValue?: InfiniteTableColumn<T>['renderValue'];
@@ -2595,6 +2815,7 @@ declare type MultiSortBehaviorOptions = {
     multiSortBehavior?: InfiniteTablePropMultiSortBehavior;
 };
 interface InfiniteTableApi<T> {
+    get rowDetailsApi(): InfiniteTableRowDetailsApi;
     get rowSelectionApi(): InfiniteTableRowSelectionApi;
     get cellSelectionApi(): InfiniteTableCellSelectionApi<T>;
     setColumnOrder: (columnOrder: InfiniteTablePropColumnOrder) => void;
@@ -2759,6 +2980,7 @@ declare type InfiniteTablePropOnEditRejectedParams<T> = InfiniteTableRowInfoData
 declare type InfiniteTablePropOnEditPersistParams<T> = InfiniteTablePropOnEditAcceptedParams<T>;
 declare type InfiniteTablePropMultiSortBehavior = 'append' | 'replace';
 interface InfiniteTableProps<T> {
+    debugId?: string;
     columns: InfiniteTablePropColumns<T>;
     pivotColumns?: InfiniteTableColumnsMap<T, InfiniteTablePivotColumn<T>>;
     loadingText?: Renderable;
@@ -2817,7 +3039,15 @@ interface InfiniteTableProps<T> {
     onColumnVisibilityChange?: (columnVisibility: InfiniteTablePropColumnVisibility) => void;
     columnTypes?: InfiniteTablePropColumnTypes<T>;
     showSeparatePivotColumnForSingleAggregation?: boolean;
-    rowHeight?: number | string;
+    isRowDetailsExpanded?: (rowInfo: InfiniteTableRowInfo<T>) => boolean;
+    isRowDetailsEnabled?: (rowInfo: InfiniteTableRowInfo<T>) => boolean;
+    rowDetailsCache?: boolean | number;
+    rowDetailsState?: RowDetailsState | DataSourcePropRowDetailsStateObject<any>;
+    defaultRowDetailsState?: RowDetailsState | DataSourcePropRowDetailsStateObject<any>;
+    onRowDetailsStateChange?: (rowDetailsState: RowDetailsState) => void;
+    rowHeight?: number | string | ((rowInfo: InfiniteTableRowInfo<T>) => number);
+    rowDetailHeight?: number | string | ((rowInfo: InfiniteTableRowInfo<T>) => number);
+    rowDetailRenderer?: (rowInfo: InfiniteTableRowInfo<T>, cache: RowDetailsCacheStorageForCurrentRow<RowDetailsCacheEntry>) => Renderable;
     rowStyle?: InfiniteTablePropRowStyle<T>;
     cellStyle?: InfiniteTablePropCellStyle<T>;
     cellClassName?: InfiniteTablePropCellClassName<T>;
@@ -2971,53 +3201,12 @@ declare namespace Menu {
     };
 }
 
+declare function useEffectWithChanges<T>(fn: (changes: Record<keyof T, any>, prevValues: Record<string, any>) => void | (() => void), deps: Record<keyof T, any>): void;
+declare function useEffectWithObject(fn: EffectCallback, deps: Record<string, any>): void;
+
 declare function StringFilterEditor<T>(): React$1.JSX.Element;
 declare function NumberFilterEditor<T>(): React$1.JSX.Element;
 
-declare type ForwardPropsToStateFnResult<TYPE_PROPS, TYPE_RESULT, COMPONENT_SETUP_STATE> = {
-    [propName in keyof TYPE_PROPS & keyof TYPE_RESULT]: 1 | ((value: TYPE_PROPS[propName], setupState: COMPONENT_SETUP_STATE) => TYPE_RESULT[propName]);
-};
-declare type ComponentStateRootConfig<T_PROPS, COMPONENT_MAPPED_STATE, COMPONENT_SETUP_STATE = {}, COMPONENT_DERIVED_STATE = {}, T_ACTIONS = {}, T_PARENT_STATE = {}> = {
-    debugName?: string;
-    initSetupState?: () => COMPONENT_SETUP_STATE;
-    layoutEffect?: boolean;
-    forwardProps?: (setupState: COMPONENT_SETUP_STATE) => ForwardPropsToStateFnResult<T_PROPS, COMPONENT_MAPPED_STATE, COMPONENT_SETUP_STATE>;
-    allowedControlledPropOverrides?: Record<keyof T_PROPS, true>;
-    interceptActions?: ComponentInterceptedActions<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>;
-    mappedCallbacks?: ComponentMappedCallbacks<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>;
-    onPropChange?: (params: {
-        name: keyof T_PROPS;
-        oldValue: any;
-        newValue: any;
-    }, props: T_PROPS, actions: ComponentStateActions<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>, state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & Partial<COMPONENT_DERIVED_STATE>) => void;
-    onPropsChange?: (newPropValues: {
-        [k in keyof T_PROPS]?: {
-            newValue: T_PROPS[k];
-            oldValue: T_PROPS[k];
-        };
-    }, props: T_PROPS, actions: ComponentStateActions<COMPONENT_MAPPED_STATE & COMPONENT_DERIVED_STATE & COMPONENT_SETUP_STATE>, state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & Partial<COMPONENT_DERIVED_STATE>) => void;
-    mapPropsToState?: (params: {
-        props: T_PROPS;
-        state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & Partial<COMPONENT_DERIVED_STATE>;
-        oldState: null | (COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & Partial<COMPONENT_DERIVED_STATE>);
-        parentState: T_PARENT_STATE | null;
-    }) => COMPONENT_DERIVED_STATE;
-    concludeReducer?: (params: {
-        previousState: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & COMPONENT_DERIVED_STATE;
-        state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & COMPONENT_DERIVED_STATE;
-        updatedProps: Partial<T_PROPS> | null;
-        parentState: T_PARENT_STATE | null;
-    }) => COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & COMPONENT_DERIVED_STATE;
-    getReducerActions?: (dispatch: React$1.Dispatch<any>) => T_ACTIONS;
-    getParentState?: () => T_PARENT_STATE;
-    cleanup?: (state: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & COMPONENT_DERIVED_STATE) => void;
-    onControlledPropertyChange?: (name: string, newValue: any, oldValue: any) => void | ((value: any, oldValue: any) => any);
-};
-declare function getComponentStateRoot<T_PROPS, COMPONENT_MAPPED_STATE extends object, COMPONENT_SETUP_STATE extends object = {}, COMPONENT_DERIVED_STATE extends object = {}, T_ACTIONS = {}, T_PARENT_STATE = {}>(config: ComponentStateRootConfig<T_PROPS, COMPONENT_MAPPED_STATE, COMPONENT_SETUP_STATE, COMPONENT_DERIVED_STATE, T_ACTIONS, T_PARENT_STATE>): React$1.NamedExoticComponent<T_PROPS & {
-    children: React$1.ReactNode;
-}>;
-declare function useComponentState<COMPONENT_STATE>(): ComponentStateContext<COMPONENT_STATE, ComponentStateGeneratedActions<COMPONENT_STATE>>;
-
 declare type InterceptedMapFns<K, V> = {
     set?: (k: K, v: V) => void;
     beforeClear?: (map: Map<K, V>) => void;
@@ -3032,6 +3221,32 @@ declare type InterceptedMapFns<K, V> = {
  */
 declare function interceptMap<K, V>(map: Map<K, V>, fns: InterceptedMapFns<K, V>): () => void;
 
+declare class FixedSizeSet<T> {
+    private currentSet;
+    private maxSize;
+    private orderRefs;
+    static DEFAULT_SIZE: number;
+    constructor(clone?: readonly T[] | null | number, size?: number);
+    values(): IterableIterator<T>;
+    get size(): number;
+    delete(el: T): boolean;
+    has(el: T): boolean;
+    add(el: T): this;
+}
+
+declare class WeakFixedSizeSet<T extends object> {
+    private currentSet;
+    private maxSize;
+    private orderRefs;
+    static DEFAULT_SIZE: number;
+    constructor(clone?: readonly T[] | null | number, size?: number);
+    values(): IterableIterator<T>;
+    get size(): number;
+    delete(el: T): boolean;
+    has(el: T): boolean;
+    add(el: T): this;
+}
+
 declare type DebugLogger = {
     (...args: any[]): void;
     extend: (channelName: string) => DebugLogger;
@@ -3049,8 +3264,6 @@ declare const debug: {
     logFn: DebugLogger['logFn'];
 };
 
-declare function useEffectWithChanges<T>(fn: (changes: Record<keyof T, any>, prevValues: Record<string, any>) => void | (() => void), deps: Record<keyof T, any>): void;
-
 declare const components: {
     CheckBox: typeof InfiniteCheckBox;
     LoadMask: (props: LoadMaskProps) => React$1.JSX.Element;
@@ -3059,4 +3272,4 @@ declare const components: {
     NumberFilterEditor: typeof NumberFilterEditor;
 };
 
-export { AdvancedAlignable, CellSelectionState, ColumnTypeWithInherit, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceApi, DataSourceCRUDParam, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceFilterFunctionParam, DataSourceFilterOperator, DataSourceFilterOperatorFunction, DataSourceFilterOperatorFunctionParam, DataSourceFilterType, DataSourceFilterValueItem, DataSourceFilterValueItemValueGetter, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceInsertParam, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropCellSelection, DataSourcePropCellSelection_MultiCell, DataSourcePropCellSelection_SingleCell, DataSourcePropFilterFunction, DataSourcePropFilterTypes, DataSourcePropFilterValue, DataSourcePropGroupBy, DataSourcePropGroupRowsStateObject, DataSourcePropIsRowSelected, DataSourcePropLivePaginationCursor, DataSourcePropMultiRowSelectionChangeParamType, DataSourcePropOnCellSelectionChange, DataSourcePropOnCellSelectionChange_MultiCell, DataSourcePropOnCellSelectionChange_SingleCell, DataSourcePropOnRowSelectionChange, DataSourcePropOnRowSelectionChange_MultiRow, DataSourcePropOnRowSelectionChange_SingleRow, DataSourcePropPivotBy, DataSourcePropRowInfoReducers, DataSourcePropRowSelection, DataSourcePropRowSelection_MultiRow, DataSourcePropRowSelection_SingleRow, DataSourcePropSelectionMode, DataSourcePropSortFn, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourceProps, DataSourceRawReducer, DataSourceRemoteData, DataSourceRowInfoReducer, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, DebugLogger, DeepMap, ElementContainerGetter, GroupRowsState, InfiniteColumnEditorContextType, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableApi, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnApi, InfiniteTableColumnCellContextType, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderFunctionForGroupRows, InfiniteTableColumnRenderFunctionForNormalRows, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableColumnValueFormatterParams, InfiniteTableColumnValueGetterParams, InfiniteTableColumnsMap, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropComponents, InfiniteTablePropGetCellContextMenuItems, InfiniteTablePropGetColumnMenuItems, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropMultiSortBehavior, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, Menu, MenuChildrenFnParam, MenuColumn, MenuColumnRenderParam, MenuDecoration, MenuIconProps, MenuItemActionContext, MenuItemDefinition, MenuItemObject, MenuProps, MenuRenderable, MenuRuntimeItem, MenuRuntimeItemSelectable, MenuSeparator, OverlayShowParams, RowSelectionState, Scrollbars, ShowOverlayFn, components, debounce, debug, defaultFilterTypes, defaultFilterTypes as filterTypes, flatten, getComponentStateRoot, group, interceptMap, multisort, useComponentState, useDataSource, useEffectWithChanges, useInfiniteColumnCell, useInfiniteColumnEditor, useInfiniteColumnFilterEditor, useInfiniteHeaderCell, useOverlay, useOverlayPortal, useRowInfoReducers };
+export { AdvancedAlignable, CellSelectionState, ColumnTypeWithInherit, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceApi, DataSourceCRUDParam, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceFilterFunctionParam, DataSourceFilterOperator, DataSourceFilterOperatorFunction, DataSourceFilterOperatorFunctionParam, DataSourceFilterType, DataSourceFilterValueItem, DataSourceFilterValueItemValueGetter, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceInsertParam, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourceMasterDetailContextValue, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropCellSelection, DataSourcePropCellSelection_MultiCell, DataSourcePropCellSelection_SingleCell, DataSourcePropFilterFunction, DataSourcePropFilterTypes, DataSourcePropFilterValue, DataSourcePropGroupBy, DataSourcePropGroupRowsStateObject, DataSourcePropIsRowSelected, DataSourcePropLivePaginationCursor, DataSourcePropMultiRowSelectionChangeParamType, DataSourcePropOnCellSelectionChange, DataSourcePropOnCellSelectionChange_MultiCell, DataSourcePropOnCellSelectionChange_SingleCell, DataSourcePropOnRowSelectionChange, DataSourcePropOnRowSelectionChange_MultiRow, DataSourcePropOnRowSelectionChange_SingleRow, DataSourcePropPivotBy, DataSourcePropRowDetailsStateObject, DataSourcePropRowInfoReducers, DataSourcePropRowSelection, DataSourcePropRowSelection_MultiRow, DataSourcePropRowSelection_SingleRow, DataSourcePropSelectionMode, DataSourcePropSortFn, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourceProps, DataSourceRawReducer, DataSourceRemoteData, DataSourceRowInfoReducer, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, DebugLogger, DeepMap, ElementContainerGetter, FixedSizeSet, GroupRowsState, InfiniteColumnEditorContextType, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableApi, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnApi, InfiniteTableColumnCellContextType, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderFunctionForGroupRows, InfiniteTableColumnRenderFunctionForNormalRows, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableColumnValueFormatterParams, InfiniteTableColumnValueGetterParams, InfiniteTableColumnsMap, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropComponents, InfiniteTablePropGetCellContextMenuItems, InfiniteTablePropGetColumnMenuItems, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropMultiSortBehavior, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, Menu, MenuChildrenFnParam, MenuColumn, MenuColumnRenderParam, MenuDecoration, MenuIconProps, MenuItemActionContext, MenuItemDefinition, MenuItemObject, MenuProps, MenuRenderable, MenuRuntimeItem, MenuRuntimeItemSelectable, MenuSeparator, OverlayShowParams, RowDetailsCache, RowSelectionState, Scrollbars, ShowOverlayFn, WeakFixedSizeSet, components, debounce, debug, defaultFilterTypes, defaultFilterTypes as filterTypes, flatten, getComponentStateRoot, group, interceptMap, multisort, useComponentState, useDataSource, useEffectWithChanges, useEffectWithObject, useInfiniteColumnCell, useInfiniteColumnEditor, useInfiniteColumnFilterEditor, useInfiniteHeaderCell, useOverlay, useOverlayPortal, useRowInfoReducers };