@infinite-table/infinite-react 0.2.12 → 0.2.13

package/index.d.ts

@@ -77,7 +77,7 @@ declare type ComponentStateContext<T_STATE, T_ACTIONS> = {
     componentActions: T_ACTIONS;
 };
 declare type ComponentStateGeneratedActions<T_STATE> = {
-    [k in keyof T_STATE]: T_STATE[k] | React$1.SetStateAction<T_STATE[k]>;
+    [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, }: {
@@ -86,40 +86,28 @@ declare type ComponentInterceptedActions<T_STATE> = {
     }) => void | boolean;
 };
 declare type ComponentStateActions<T_STATE> = ComponentStateGeneratedActions<T_STATE>;
-declare type ForwardPropsToStateFnResult<TYPE_PROPS, TYPE_RESULT> = Partial<{
-    [propName in keyof TYPE_PROPS & keyof TYPE_RESULT]: 1 | ((value: TYPE_PROPS[propName]) => 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;
-    forwardProps?: (setupState: COMPONENT_SETUP_STATE) => ForwardPropsToStateFnResult<T_PROPS, COMPONENT_MAPPED_STATE>;
-    allowedControlledPropOverrides?: Record<keyof T_PROPS, true>;
-    interceptActions?: ComponentInterceptedActions<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>) => 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;
-    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 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 type NonUndefined<T> = T extends undefined ? never : T;
 
@@ -230,6 +218,168 @@ declare class VirtualBrain extends Logger {
     destroy: () => void;
 }
 
+declare type Renderable = React$1.ReactNode;
+
+declare type RequireAtLeastOne<T, Keys extends keyof T = keyof T> = Pick<T, Exclude<keyof T, Keys>> & {
+    [K in Keys]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<Keys, K>>>;
+}[Keys];
+
+declare type InfiniteTableToggleGroupRowFn = (groupKeys: any[]) => void;
+declare type InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = {
+    value: string | number | Renderable;
+    groupRowInfo: InfiniteTableRowInfo<DATA_TYPE> | null;
+    rowIndex: number;
+    column: COL_TYPE;
+    toggleCurrentGroupRow: () => void;
+    toggleGroupRow: InfiniteTableToggleGroupRowFn;
+    groupBy: DataSourceState<DATA_TYPE>['groupBy'];
+    pivotBy?: DataSourceState<DATA_TYPE>['pivotBy'];
+} & ({
+    rowInfo: InfiniteTableRowInfoNormal<DATA_TYPE>;
+    data: DATA_TYPE;
+} | {
+    rowInfo: InfiniteTableRowInfoGroup<DATA_TYPE>;
+    data: Partial<DATA_TYPE> | null;
+});
+declare type InfiniteTableGroupColumnRenderIconParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE> & {
+    collapsed: boolean;
+    groupIcon: Renderable;
+};
+declare type InfiniteTableColumnRenderValueParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE>;
+declare type InfiniteTableColumnRowspanParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = {
+    rowInfo: InfiniteTableRowInfo<DATA_TYPE>;
+    data: DATA_TYPE | Partial<DATA_TYPE> | null;
+    dataArray: InfiniteTableRowInfo<DATA_TYPE>[];
+    rowIndex: number;
+    column: COL_TYPE;
+};
+interface InfiniteTableColumnHeaderRenderParams<T> {
+    column: InfiniteTableComputedColumn<T>;
+    columnSortInfo: DataSourceSingleSortInfo<T> | null | undefined;
+}
+declare type InfiniteTableColumnRenderFunction<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = ({ value, rowIndex, column, data, toggleGroupRow, toggleCurrentGroupRow, rowInfo, groupBy, pivotBy, }: InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE>) => Renderable | null;
+declare type InfiniteTableGroupColumnRenderIconFunction<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (param: InfiniteTableGroupColumnRenderIconParam<DATA_TYPE, COL_TYPE>) => Renderable | null;
+declare type InfiniteTableColumnHeaderRenderFunction<T> = ({ columnSortInfo, column, }: InfiniteTableColumnHeaderRenderParams<T>) => Renderable;
+declare type InfiniteTableColumnAlign = 'start' | 'center' | 'end';
+declare type InfiniteTableColumnVerticalAlign = 'start' | 'center' | 'end';
+declare type InfiniteTableColumnHeader<T> = Renderable | InfiniteTableColumnHeaderRenderFunction<T>;
+declare type InfiniteTableColumnTypeNames = 'string' | 'number' | 'date' | string;
+declare type InfiniteTableColumnWithRenderOrRenderValueOrFieldOrValueGetter<T> = RequireAtLeastOne<{
+    /**
+     * Determines the field property of the column.
+     */
+    field?: keyof T;
+    render?: InfiniteTableColumnRenderFunction<T>;
+    renderValue?: InfiniteTableColumnRenderFunction<T>;
+    valueGetter?: InfiniteTableColumnValueGetter<T>;
+}, 'render' | 'renderValue' | 'field' | 'valueGetter'>;
+declare type InfiniteTableColumnStyleFnParams<T> = {
+    value: Renderable;
+    column: InfiniteTableColumn<T>;
+} & ({
+    data: T;
+    rowInfo: InfiniteTableRowInfoNormal<T>;
+} | {
+    data: Partial<T> | null;
+    rowInfo: InfiniteTableRowInfoGroup<T>;
+});
+declare type InfiniteTableColumnStyleFn<T> = (params: InfiniteTableColumnStyleFnParams<T>) => undefined | React.CSSProperties;
+declare type InfiniteTableColumnClassNameFn<T> = (params: InfiniteTableColumnStyleFnParams<T>) => undefined | string;
+declare type InfiniteTableColumnStyle<T> = CSSProperties | InfiniteTableColumnStyleFn<T>;
+declare type InfiniteTableColumnClassName<T> = string | InfiniteTableColumnClassNameFn<T>;
+declare type InfiniteTableColumnValueGetterParams<T> = {
+    data: T;
+    rowInfo: InfiniteTableRowInfoNormal<T>;
+} | {
+    data: Partial<T> | null;
+    rowInfo: InfiniteTableRowInfoGroup<T>;
+};
+declare type InfiniteTableColumnValueGetter<T, VALUE_GETTER_TYPE = Renderable> = (params: InfiniteTableColumnValueGetterParams<T>) => VALUE_GETTER_TYPE;
+declare type InfiniteTableColumnRowspanFn<T> = (params: InfiniteTableColumnRowspanParam<T>) => number;
+declare type InfiniteTableColumnComparer<T> = (a: T, b: T) => number;
+declare type InfiniteTableBaseColumn<T> = {
+    sortable?: boolean;
+    draggable?: boolean;
+    resizable?: boolean;
+    comparer?: InfiniteTableColumnComparer<T>;
+    defaultHiddenWhenGroupedBy?: '*' | keyof T | {
+        [k in keyof Partial<T>]: true;
+    };
+    align?: InfiniteTableColumnAlign;
+    verticalAlign?: InfiniteTableColumnVerticalAlign;
+    columnGroup?: string;
+    header?: InfiniteTableColumnHeader<T>;
+    name?: Renderable;
+    cssEllipsis?: boolean;
+    headerCssEllipsis?: boolean;
+    type?: InfiniteTableColumnTypeNames | InfiniteTableColumnTypeNames[] | null;
+    style?: InfiniteTableColumnStyle<T>;
+    className?: InfiniteTableColumnClassName<T>;
+    rowspan?: InfiniteTableColumnRowspanFn<T>;
+    valueGetter?: InfiniteTableColumnValueGetter<T>;
+    defaultWidth?: number;
+    defaultFlex?: number;
+    minWidth?: number;
+    maxWidth?: number;
+};
+/**
+ * Defines a column in the table.
+ *
+ * @typeParam DATA_TYPE The type of the data in the table.
+ *
+ * Can be bound to a field which is a `keyof DATA_TYPE`.
+ */
+declare type InfiniteTableColumn<DATA_TYPE> = {} & InfiniteTableBaseColumn<DATA_TYPE> & InfiniteTableColumnWithRenderOrRenderValueOrFieldOrValueGetter<DATA_TYPE>;
+declare type InfiniteTableGeneratedGroupColumn<T> = InfiniteTableColumn<T> & {
+    groupByField: string | string[];
+    id?: string;
+};
+declare type InfiniteTablePivotColumn<T> = InfiniteTableColumn<T> & ColumnTypeWithInherit<Partial<InfiniteTablePivotFinalColumnVariant<T, any>>>;
+declare type InfiniteTablePivotFinalColumnGroup<DataType, KeyType extends any = any> = InfiniteTableColumnGroup & {
+    pivotBy: DataSourcePivotBy<DataType>[];
+    pivotTotalColumnGroup?: true;
+    pivotGroupKeys: KeyType[];
+    pivotByAtIndex: PivotBy<DataType, KeyType>;
+    pivotGroupKey: KeyType;
+    pivotIndex: number;
+};
+declare type InfiniteTablePivotFinalColumn<DataType, KeyType extends any = any> = InfiniteTableColumn<DataType> & {
+    pivotBy: DataSourcePivotBy<DataType>[];
+    pivotColumn: true;
+    pivotTotalColumn: boolean;
+    pivotAggregator: AggregationReducer<DataType, any>;
+    pivotAggregatorIndex: number;
+    pivotGroupKeys: KeyType[];
+    pivotByAtIndex?: PivotBy<DataType, KeyType>;
+    pivotIndex: number;
+    pivotGroupKey: KeyType;
+};
+declare type InfiniteTablePivotFinalColumnVariant<DataType, KeyType extends any = any> = InfiniteTablePivotFinalColumn<DataType, KeyType>;
+declare type InfiniteTableComputedColumnBase<T> = {
+    computedWidth: number;
+    computedOffset: number;
+    computedPinningOffset: number;
+    computedAbsoluteOffset: number;
+    computedSortable: boolean;
+    computedSortInfo: DataSourceSingleSortInfo<T> | null;
+    computedSorted: boolean;
+    computedSortedAsc: boolean;
+    computedSortedDesc: boolean;
+    computedSortIndex: number;
+    computedVisibleIndex: number;
+    computedMultiSort: boolean;
+    computedPinned: InfiniteTableColumnPinnedValues;
+    computedDraggable: boolean;
+    computedFirstInCategory: boolean;
+    computedLastInCategory: boolean;
+    computedFirst: boolean;
+    computedLast: boolean;
+    toggleSort: () => void;
+    id: string;
+};
+declare type InfiniteTableComputedColumn<T> = InfiniteTableColumn<T> & InfiniteTableComputedColumnBase<T> & Partial<InfiniteTablePivotFinalColumn<T>> & Partial<InfiniteTableGeneratedGroupColumn<T>>;
+declare type InfiniteTableComputedPivotFinalColumn<T> = InfiniteTableComputedColumn<T> & InfiniteTablePivotFinalColumn<T>;
+
 interface DataSourceDataParams<T> {
     originalDataArray: T[];
     sortInfo?: DataSourceSortInfo<T>;
@@ -287,6 +437,12 @@ declare type DataSourceAggregationReducer<T, AggregationResultType> = {
     getter?: (data: T) => any;
     reducer: string | ((accumulator: any, value: any, data: T) => AggregationResultType | any);
     done?: (accumulatedValue: AggregationResultType | any, array: T[]) => AggregationResultType;
+    pivotColumn?: ColumnTypeWithInherit<Partial<InfiniteTableColumn<T>>> | (({ column, }: {
+        column: InfiniteTablePivotFinalColumnVariant<T>;
+    }) => ColumnTypeWithInherit<Partial<InfiniteTablePivotColumn<T>>>);
+};
+declare type ColumnTypeWithInherit<COL_TYPE> = COL_TYPE & {
+    inheritFromColumn?: string | boolean;
 };
 declare type DataSourceMappings = Record<'totals' | 'values', string>;
 declare type LazyGroupDataItem<DataType> = {
@@ -397,194 +553,6 @@ interface DataSourceReducer<T> {
     (state: DataSourceState<T>, action: DataSourceAction<any>): DataSourceState<T>;
 }
 
-declare function useDataSource<T>(): DataSourceState<T>;
-
-declare function DataSource<T>(props: DataSourceProps<T>): JSX.Element;
-
-declare 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 type Renderable = React$1.ReactNode;
-
-declare type RequireAtLeastOne<T, Keys extends keyof T = keyof T> = Pick<T, Exclude<keyof T, Keys>> & {
-    [K in Keys]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<Keys, K>>>;
-}[Keys];
-
-declare type InfiniteTableToggleGroupRowFn = (groupKeys: any[]) => void;
-declare type InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = {
-    value: string | number | Renderable;
-    groupRowInfo: InfiniteTableRowInfo<DATA_TYPE> | null;
-    rowIndex: number;
-    column: COL_TYPE;
-    toggleCurrentGroupRow: () => void;
-    toggleGroupRow: InfiniteTableToggleGroupRowFn;
-    groupBy: DataSourceState<DATA_TYPE>['groupBy'];
-    pivotBy?: DataSourceState<DATA_TYPE>['pivotBy'];
-} & ({
-    rowInfo: InfiniteTableRowInfoNormal<DATA_TYPE>;
-    data: DATA_TYPE;
-} | {
-    rowInfo: InfiniteTableRowInfoGroup<DATA_TYPE>;
-    data: Partial<DATA_TYPE> | null;
-});
-declare type InfiniteTableGroupColumnRenderIconParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE> & {
-    collapsed: boolean;
-    groupIcon: Renderable;
-};
-declare type InfiniteTableColumnRenderValueParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE>;
-declare type InfiniteTableColumnRowspanParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = {
-    rowInfo: InfiniteTableRowInfo<DATA_TYPE>;
-    data: DATA_TYPE | Partial<DATA_TYPE> | null;
-    dataArray: InfiniteTableRowInfo<DATA_TYPE>[];
-    rowIndex: number;
-    column: COL_TYPE;
-};
-interface InfiniteTableColumnHeaderRenderParams<T> {
-    column: InfiniteTableComputedColumn<T>;
-    columnSortInfo: DataSourceSingleSortInfo<T> | null | undefined;
-}
-declare type InfiniteTableColumnRenderFunction<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = ({ value, rowIndex, column, data, toggleGroupRow, toggleCurrentGroupRow, rowInfo, groupBy, pivotBy, }: InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE>) => Renderable | null;
-declare type InfiniteTableGroupColumnRenderIconFunction<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (param: InfiniteTableGroupColumnRenderIconParam<DATA_TYPE, COL_TYPE>) => Renderable | null;
-declare type InfiniteTableColumnHeaderRenderFunction<T> = ({ columnSortInfo, column, }: InfiniteTableColumnHeaderRenderParams<T>) => Renderable;
-declare type InfiniteTableColumnAlign = 'start' | 'center' | 'end';
-declare type InfiniteTableColumnVerticalAlign = 'start' | 'center' | 'end';
-declare type InfiniteTableColumnHeader<T> = Renderable | InfiniteTableColumnHeaderRenderFunction<T>;
-declare type InfiniteTableColumnTypeNames = 'string' | 'number' | 'date' | string;
-declare type InfiniteTableColumnWithRenderOrRenderValueOrFieldOrValueGetter<T> = RequireAtLeastOne<{
-    /**
-     * Determines the field property of the column.
-     */
-    field?: keyof T;
-    render?: InfiniteTableColumnRenderFunction<T>;
-    renderValue?: InfiniteTableColumnRenderFunction<T>;
-    valueGetter?: InfiniteTableColumnValueGetter<T>;
-}, 'render' | 'renderValue' | 'field' | 'valueGetter'>;
-declare type InfiniteTableColumnStyleFnParams<T> = {
-    value: Renderable;
-    column: InfiniteTableColumn<T>;
-} & ({
-    data: T;
-    rowInfo: InfiniteTableRowInfoNormal<T>;
-} | {
-    data: Partial<T> | null;
-    rowInfo: InfiniteTableRowInfoGroup<T>;
-});
-declare type InfiniteTableColumnStyleFn<T> = (params: InfiniteTableColumnStyleFnParams<T>) => undefined | React.CSSProperties;
-declare type InfiniteTableColumnClassNameFn<T> = (params: InfiniteTableColumnStyleFnParams<T>) => undefined | string;
-declare type InfiniteTableColumnStyle<T> = CSSProperties | InfiniteTableColumnStyleFn<T>;
-declare type InfiniteTableColumnClassName<T> = string | InfiniteTableColumnClassNameFn<T>;
-declare type InfiniteTableColumnValueGetterParams<T> = {
-    data: T;
-    rowInfo: InfiniteTableRowInfoNormal<T>;
-} | {
-    data: Partial<T> | null;
-    rowInfo: InfiniteTableRowInfoGroup<T>;
-};
-declare type InfiniteTableColumnValueGetter<T, VALUE_GETTER_TYPE = Renderable> = (params: InfiniteTableColumnValueGetterParams<T>) => VALUE_GETTER_TYPE;
-declare type InfiniteTableColumnRowspanFn<T> = (params: InfiniteTableColumnRowspanParam<T>) => number;
-declare type InfiniteTableColumnComparer<T> = (a: T, b: T) => number;
-declare type InfiniteTableBaseColumn<T> = {
-    sortable?: boolean;
-    draggable?: boolean;
-    resizable?: boolean;
-    comparer?: InfiniteTableColumnComparer<T>;
-    defaultHiddenWhenGroupedBy?: '*' | keyof T | {
-        [k in keyof Partial<T>]: true;
-    };
-    align?: InfiniteTableColumnAlign;
-    verticalAlign?: InfiniteTableColumnVerticalAlign;
-    columnGroup?: string;
-    header?: InfiniteTableColumnHeader<T>;
-    name?: Renderable;
-    cssEllipsis?: boolean;
-    headerCssEllipsis?: boolean;
-    type?: InfiniteTableColumnTypeNames | InfiniteTableColumnTypeNames[] | null;
-    style?: InfiniteTableColumnStyle<T>;
-    className?: InfiniteTableColumnClassName<T>;
-    rowspan?: InfiniteTableColumnRowspanFn<T>;
-    valueGetter?: InfiniteTableColumnValueGetter<T>;
-    defaultWidth?: number;
-    defaultFlex?: number;
-    minWidth?: number;
-    maxWidth?: number;
-};
-/**
- * Defines a column in the table.
- *
- * @typeParam DATA_TYPE The type of the data in the table.
- *
- * Can be bound to a field which is a `keyof DATA_TYPE`.
- */
-declare type InfiniteTableColumn<DATA_TYPE> = {} & InfiniteTableBaseColumn<DATA_TYPE> & InfiniteTableColumnWithRenderOrRenderValueOrFieldOrValueGetter<DATA_TYPE>;
-declare type InfiniteTableGeneratedGroupColumn<T> = InfiniteTableColumn<T> & {
-    groupByField: string | string[];
-    id?: string;
-};
-declare type InfiniteTablePivotColumn<T> = InfiniteTableColumn<T> & Partial<InfiniteTablePivotFinalColumnVariant<T, any>>;
-declare type InfiniteTablePivotFinalColumnGroup<DataType, KeyType extends any = any> = InfiniteTableColumnGroup & {
-    pivotBy: DataSourcePivotBy<DataType>[];
-    pivotTotalColumnGroup?: true;
-    pivotGroupKeys: KeyType[];
-    pivotByAtIndex: PivotBy<DataType, KeyType>;
-    pivotGroupKey: KeyType;
-    pivotIndex: number;
-};
-declare type InfiniteTablePivotFinalColumn<DataType, KeyType extends any = any> = InfiniteTableColumn<DataType> & {
-    pivotBy: DataSourcePivotBy<DataType>[];
-    pivotColumn: true;
-    pivotTotalColumn: boolean;
-    pivotAggregator: AggregationReducer<DataType, any>;
-    pivotAggregatorIndex: number;
-    pivotGroupKeys: KeyType[];
-    pivotByAtIndex?: PivotBy<DataType, KeyType>;
-    pivotIndex: number;
-    pivotGroupKey: KeyType;
-};
-declare type InfiniteTablePivotFinalColumnVariant<DataType, KeyType extends any = any> = InfiniteTablePivotFinalColumn<DataType, KeyType>;
-declare type InfiniteTableComputedColumnBase<T> = {
-    computedWidth: number;
-    computedOffset: number;
-    computedPinningOffset: number;
-    computedAbsoluteOffset: number;
-    computedSortable: boolean;
-    computedSortInfo: DataSourceSingleSortInfo<T> | null;
-    computedSorted: boolean;
-    computedSortedAsc: boolean;
-    computedSortedDesc: boolean;
-    computedSortIndex: number;
-    computedVisibleIndex: number;
-    computedMultiSort: boolean;
-    computedPinned: InfiniteTableColumnPinnedValues;
-    computedDraggable: boolean;
-    computedFirstInCategory: boolean;
-    computedLastInCategory: boolean;
-    computedFirst: boolean;
-    computedLast: boolean;
-    toggleSort: () => void;
-    id: string;
-};
-declare type InfiniteTableComputedColumn<T> = InfiniteTableColumn<T> & InfiniteTableComputedColumnBase<T> & Partial<InfiniteTablePivotFinalColumn<T>> & Partial<InfiniteTableGeneratedGroupColumn<T>>;
-declare type InfiniteTableComputedPivotFinalColumn<T> = InfiniteTableComputedColumn<T> & InfiniteTablePivotFinalColumn<T>;
-
 declare type AggregationReducer<T, AggregationResultType = any> = DataSourceAggregationReducer<T, AggregationResultType> & {
     id: string;
 };
@@ -657,12 +625,12 @@ declare type GroupBy<DataType, KeyType> = {
     column?: Partial<InfiniteTableGroupColumnBase<DataType>>;
 };
 declare type PivotBy<DataType, KeyType> = Omit<GroupBy<DataType, KeyType>, 'column'> & {
-    column?: InfiniteTableColumn<DataType> | (({ column, }: {
+    column?: ColumnTypeWithInherit<Partial<InfiniteTableColumn<DataType>>> | (({ column, }: {
         column: InfiniteTablePivotFinalColumnVariant<DataType, KeyType>;
     }) => Partial<InfiniteTablePivotColumn<DataType>>);
     columnGroup?: InfiniteTableColumnGroup | (({ columnGroup, }: {
         columnGroup: InfiniteTablePivotFinalColumnGroup<DataType, KeyType>;
-    }) => Partial<InfiniteTablePivotFinalColumnGroup<DataType>>);
+    }) => ColumnTypeWithInherit<Partial<InfiniteTablePivotFinalColumnGroup<DataType>>>);
 };
 declare type GroupParams<DataType, KeyType> = {
     groupBy: GroupBy<DataType, KeyType>[];
@@ -1052,6 +1020,45 @@ declare namespace InfiniteTable {
     };
 }
 
+declare function useDataSource<T>(): DataSourceState<T>;
+
+declare function DataSource<T>(props: DataSourceProps<T>): JSX.Element;
+
+declare type ForwardPropsToStateFnResult<TYPE_PROPS, TYPE_RESULT> = Partial<{
+    [propName in keyof TYPE_PROPS & keyof TYPE_RESULT]: 1 | ((value: TYPE_PROPS[propName]) => 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;
+    forwardProps?: (setupState: COMPONENT_SETUP_STATE) => ForwardPropsToStateFnResult<T_PROPS, COMPONENT_MAPPED_STATE>;
+    allowedControlledPropOverrides?: Record<keyof T_PROPS, true>;
+    interceptActions?: ComponentInterceptedActions<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>) => 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;
+    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;
@@ -1068,4 +1075,4 @@ declare function interceptMap<K, V>(map: Map<K, V>, fns: InterceptedMapFns<K, V>
 
 declare function useEffectWithChanges(fn: (changes: Record<string, any>, prevValues: Record<string, any>) => void | (() => void), deps: Record<string, any>): void;
 
-export { DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceExpandedAndCollapsedGroupRows, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropGroupBy, DataSourcePropLivePaginationCursor, DataSourcePropPivotBy, DataSourceProps, DataSourceReducer, DataSourceRemoteData, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, GroupRowsState, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTableImperativeApi, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropColumnsMap, InfiniteTablePropComponents, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, LazyGroupDataDeepMap, LazyGroupDataItem, LazyGroupRowInfo, Scrollbars, debounce, flatten, getComponentStateRoot, group, interceptMap, multisort, useComponentState, useDataSource, useEffectWithChanges };
+export { ColumnTypeWithInherit, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceExpandedAndCollapsedGroupRows, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropGroupBy, DataSourcePropLivePaginationCursor, DataSourcePropPivotBy, DataSourceProps, DataSourceReducer, DataSourceRemoteData, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, GroupRowsState, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTableImperativeApi, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropColumnsMap, InfiniteTablePropComponents, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, LazyGroupDataDeepMap, LazyGroupDataItem, LazyGroupRowInfo, Scrollbars, debounce, flatten, getComponentStateRoot, group, interceptMap, multisort, useComponentState, useDataSource, useEffectWithChanges };

package/index.esm.js

@@ -2144,7 +2144,7 @@ var sortAscending = (a, b) => a - b;
 // src/components/InfiniteTable/hooks/useComputed.ts
 import { useCallback as useCallback5, useEffect as useEffect10, useMemo as useMemo6, useState as useState5 } from "react";
 
-// src/components/hooks/useComponentState.tsx
+// src/components/hooks/useComponentState/index.tsx
 import {
   createElement as createElement2,
   memo,
@@ -2217,7 +2217,7 @@ var usePrevious = (value, initialValue) => {
   return ref.current;
 };
 
-// src/components/hooks/useComponentState.tsx
+// src/components/hooks/useComponentState/index.tsx
 var notifyChange = (props, propName, newValue) => {
   const upperPropName = toUpperFirst(propName);
   const callbackPropName = `on${upperPropName}Change`;
@@ -3612,10 +3612,14 @@ function loadData(data, componentState, actions, overrides) {
           lazyGroupData.set(key, newGroupRowInfo);
         }
         skipAssign = true;
-        actions.originalLazyGroupDataChangeDetect = getChangeDetect();
+        let skipTriggerChangeAsAlreadyOriginalArrayWasUpdated = false;
         if (!dataParams.groupKeys || !dataParams.groupKeys.length) {
           const topLevelItems = lazyGroupData.get([LAZY_ROOT_KEY_FOR_GROUPS]);
           actions.originalDataArray = [...topLevelItems.items];
+          skipTriggerChangeAsAlreadyOriginalArrayWasUpdated = true;
+        }
+        if (!skipTriggerChangeAsAlreadyOriginalArrayWasUpdated) {
+          actions.originalLazyGroupDataChangeDetect = getChangeDetect();
         }
       }
     } else {
@@ -3722,13 +3726,13 @@ function useLazyLoadRange() {
     scrollStopDelayUpdatedByTable
   } = componentState;
   const latestRenderRangeRef = useRef6(null);
-  const loadRange = (param, cache = loadingCache) => {
+  const loadRange = (renderRange, cache = loadingCache) => {
     const componentState2 = getComponentState();
-    param = param || latestRenderRangeRef.current;
-    if (!param) {
+    renderRange = renderRange || latestRenderRangeRef.current;
+    if (!renderRange) {
       return;
     }
-    const { renderStartIndex: startIndex, renderEndIndex: endIndex } = param;
+    const { renderStartIndex: startIndex, renderEndIndex: endIndex } = renderRange;
     if (!lazyLoadBatchSize || lazyLoadBatchSize <= 0) {
       return;
     }
@@ -3743,9 +3747,9 @@ function useLazyLoadRange() {
   const debouncedLoadRange = useMemo4(() => debounce(loadRange, { wait: scrollStopDelayUpdatedByTable }), [scrollStopDelayUpdatedByTable]);
   useEffect8(() => {
     if (lazyLoadBatchSize && lazyLoadBatchSize > 0) {
-      return notifyRenderRangeChange.onChange((param) => {
-        latestRenderRangeRef.current = param;
-        loadRange(param, loadingCache);
+      return notifyRenderRangeChange.onChange((renderRange) => {
+        latestRenderRangeRef.current = renderRange;
+        loadRange(renderRange, loadingCache);
       });
     }
     return;
@@ -4181,7 +4185,7 @@ function getInterceptActions() {
 
 // src/utils/groupAndPivot/getPivotColumnsAndColumnGroups.ts
 function prepareColumn(column) {
-  const { pivotByAtIndex: pivotByForColumn } = column;
+  const { pivotByAtIndex: pivotByForColumn, pivotAggregator } = column;
   if (pivotByForColumn == null ? void 0 : pivotByForColumn.column) {
     if (typeof pivotByForColumn.column === "function") {
       Object.assign(column, pivotByForColumn.column({ column }));
@@ -4189,6 +4193,13 @@ function prepareColumn(column) {
       Object.assign(column, pivotByForColumn.column);
     }
   }
+  if (pivotAggregator == null ? void 0 : pivotAggregator.pivotColumn) {
+    if (typeof pivotAggregator.pivotColumn === "function") {
+      Object.assign(column, pivotAggregator.pivotColumn({ column }));
+    } else {
+      Object.assign(column, pivotAggregator.pivotColumn);
+    }
+  }
   return column;
 }
 function prepareColumnGroup(columnGroup) {
@@ -4861,7 +4872,14 @@ function getColumnsWhenGrouping(params) {
     computedColumns.set(singleGroupColumn.id || "group-by", singleGroupColumn);
   }
   if (pivotColumns) {
+    const columnsByField = {};
+    columns.forEach((col) => {
+      if (col.field) {
+        columnsByField[col.field] = col;
+      }
+    });
     pivotColumns.forEach((col, key) => {
+      var _a, _b;
       if (col.pivotTotalColumn && pivotTotalColumnPosition === false) {
         return;
       }
@@ -4877,6 +4895,10 @@ function getColumnsWhenGrouping(params) {
           column = __spreadValues(__spreadValues({}, column), pivotColumn);
         }
       }
+      if (column.inheritFromColumn !== false) {
+        const colToInheritFrom = typeof column.inheritFromColumn === "string" ? columns.get(column.inheritFromColumn) : ((_a = column.pivotAggregator) == null ? void 0 : _a.field) ? columnsByField[(_b = column.pivotAggregator) == null ? void 0 : _b.field] : void 0;
+        column = __spreadValues(__spreadValues({}, colToInheritFrom), column);
+      }
       if (!column.render && column.renderValue) {
         column.render = (renderOptions) => {
           return column.renderValue(renderOptions);
@@ -7315,8 +7337,8 @@ function PinnedRowsContainer(props) {
 }
 function useRenderPinnedRow(params) {
   const { getData, getState, columnsWidth, columns, rowSpan, verticalBrain } = params;
+  const dataArray = getData();
   const renderPinnedRow = useCallback15((rowParams) => {
-    const dataArray = getData();
     const rowInfo = dataArray[rowParams.rowIndex];
     const { showZebraRows, showHoverRows } = getState();
     const rowProps = __spreadValues({
@@ -7333,7 +7355,7 @@ function useRenderPinnedRow(params) {
       columns
     }, rowParams);
     return /* @__PURE__ */ createElement28(TableRowUnvirtualized, __spreadValues({}, rowProps));
-  }, [columnsWidth, columns, verticalBrain]);
+  }, [columnsWidth, columns, verticalBrain, dataArray]);
   return renderPinnedRow;
 }
 function usePinnedRenderingForSide(side, params) {
@@ -7371,6 +7393,7 @@ function usePinnedRenderingForSide(side, params) {
   const renderRowPinned = useRenderPinnedRow({
     getData,
     getState,
+    repaintId,
     toggleGroupRow,
     rowSpan,
     verticalBrain: verticalVirtualBrain,
@@ -7516,7 +7539,7 @@ function useListRendering(param) {
   } = componentState;
   const prevDataSourceTimestamp = usePrevious(dataSourceState.updatedAt);
   const repaintIdRef = useRef17(0);
-  if (!shallowEqualObjects(prevComputed, computed) || prevDataSourceTimestamp !== dataSourceState.updatedAt) {
+  if (prevDataSourceTimestamp !== dataSourceState.updatedAt || !shallowEqualObjects(prevComputed, computed)) {
     repaintIdRef.current++;
   }
   const repaintId = repaintIdRef.current;
@@ -7861,7 +7884,7 @@ var useLicense = (licenseKey = "") => {
   const valid = useMemo12(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.2.12"
+      version: "0.2.13"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.js

@@ -2154,7 +2154,7 @@ var sortAscending = (a, b) => a - b;
 // src/components/InfiniteTable/hooks/useComputed.ts
 var import_react18 = __toModule(require("react"));
 
-// src/components/hooks/useComponentState.tsx
+// src/components/hooks/useComponentState/index.tsx
 var React2 = __toModule(require("react"));
 var import_react11 = __toModule(require("react"));
 
@@ -2216,7 +2216,7 @@ var usePrevious = (value, initialValue) => {
   return ref.current;
 };
 
-// src/components/hooks/useComponentState.tsx
+// src/components/hooks/useComponentState/index.tsx
 var notifyChange = (props, propName, newValue) => {
   const upperPropName = toUpperFirst(propName);
   const callbackPropName = `on${upperPropName}Change`;
@@ -3599,10 +3599,14 @@ function loadData(data, componentState, actions, overrides) {
           lazyGroupData.set(key, newGroupRowInfo);
         }
         skipAssign = true;
-        actions.originalLazyGroupDataChangeDetect = getChangeDetect();
+        let skipTriggerChangeAsAlreadyOriginalArrayWasUpdated = false;
         if (!dataParams.groupKeys || !dataParams.groupKeys.length) {
           const topLevelItems = lazyGroupData.get([LAZY_ROOT_KEY_FOR_GROUPS]);
           actions.originalDataArray = [...topLevelItems.items];
+          skipTriggerChangeAsAlreadyOriginalArrayWasUpdated = true;
+        }
+        if (!skipTriggerChangeAsAlreadyOriginalArrayWasUpdated) {
+          actions.originalLazyGroupDataChangeDetect = getChangeDetect();
         }
       }
     } else {
@@ -3709,13 +3713,13 @@ function useLazyLoadRange() {
     scrollStopDelayUpdatedByTable
   } = componentState;
   const latestRenderRangeRef = (0, import_react15.useRef)(null);
-  const loadRange = (param, cache = loadingCache) => {
+  const loadRange = (renderRange, cache = loadingCache) => {
     const componentState2 = getComponentState();
-    param = param || latestRenderRangeRef.current;
-    if (!param) {
+    renderRange = renderRange || latestRenderRangeRef.current;
+    if (!renderRange) {
       return;
     }
-    const { renderStartIndex: startIndex, renderEndIndex: endIndex } = param;
+    const { renderStartIndex: startIndex, renderEndIndex: endIndex } = renderRange;
     if (!lazyLoadBatchSize || lazyLoadBatchSize <= 0) {
       return;
     }
@@ -3730,9 +3734,9 @@ function useLazyLoadRange() {
   const debouncedLoadRange = (0, import_react15.useMemo)(() => debounce(loadRange, { wait: scrollStopDelayUpdatedByTable }), [scrollStopDelayUpdatedByTable]);
   (0, import_react15.useEffect)(() => {
     if (lazyLoadBatchSize && lazyLoadBatchSize > 0) {
-      return notifyRenderRangeChange.onChange((param) => {
-        latestRenderRangeRef.current = param;
-        loadRange(param, loadingCache);
+      return notifyRenderRangeChange.onChange((renderRange) => {
+        latestRenderRangeRef.current = renderRange;
+        loadRange(renderRange, loadingCache);
       });
     }
     return;
@@ -4168,7 +4172,7 @@ function getInterceptActions() {
 
 // src/utils/groupAndPivot/getPivotColumnsAndColumnGroups.ts
 function prepareColumn(column) {
-  const { pivotByAtIndex: pivotByForColumn } = column;
+  const { pivotByAtIndex: pivotByForColumn, pivotAggregator } = column;
   if (pivotByForColumn == null ? void 0 : pivotByForColumn.column) {
     if (typeof pivotByForColumn.column === "function") {
       Object.assign(column, pivotByForColumn.column({ column }));
@@ -4176,6 +4180,13 @@ function prepareColumn(column) {
       Object.assign(column, pivotByForColumn.column);
     }
   }
+  if (pivotAggregator == null ? void 0 : pivotAggregator.pivotColumn) {
+    if (typeof pivotAggregator.pivotColumn === "function") {
+      Object.assign(column, pivotAggregator.pivotColumn({ column }));
+    } else {
+      Object.assign(column, pivotAggregator.pivotColumn);
+    }
+  }
   return column;
 }
 function prepareColumnGroup(columnGroup) {
@@ -4848,7 +4859,14 @@ function getColumnsWhenGrouping(params) {
     computedColumns.set(singleGroupColumn.id || "group-by", singleGroupColumn);
   }
   if (pivotColumns) {
+    const columnsByField = {};
+    columns.forEach((col) => {
+      if (col.field) {
+        columnsByField[col.field] = col;
+      }
+    });
     pivotColumns.forEach((col, key) => {
+      var _a, _b;
       if (col.pivotTotalColumn && pivotTotalColumnPosition === false) {
         return;
       }
@@ -4864,6 +4882,10 @@ function getColumnsWhenGrouping(params) {
           column = __spreadValues(__spreadValues({}, column), pivotColumn);
         }
       }
+      if (column.inheritFromColumn !== false) {
+        const colToInheritFrom = typeof column.inheritFromColumn === "string" ? columns.get(column.inheritFromColumn) : ((_a = column.pivotAggregator) == null ? void 0 : _a.field) ? columnsByField[(_b = column.pivotAggregator) == null ? void 0 : _b.field] : void 0;
+        column = __spreadValues(__spreadValues({}, colToInheritFrom), column);
+      }
       if (!column.render && column.renderValue) {
         column.render = (renderOptions) => {
           return column.renderValue(renderOptions);
@@ -7228,8 +7250,8 @@ function PinnedRowsContainer(props) {
 }
 function useRenderPinnedRow(params) {
   const { getData, getState, columnsWidth, columns, rowSpan, verticalBrain } = params;
+  const dataArray = getData();
   const renderPinnedRow = (0, import_react37.useCallback)((rowParams) => {
-    const dataArray = getData();
     const rowInfo = dataArray[rowParams.rowIndex];
     const { showZebraRows, showHoverRows } = getState();
     const rowProps = __spreadValues({
@@ -7246,7 +7268,7 @@ function useRenderPinnedRow(params) {
       columns
     }, rowParams);
     return /* @__PURE__ */ React30.createElement(TableRowUnvirtualized, __spreadValues({}, rowProps));
-  }, [columnsWidth, columns, verticalBrain]);
+  }, [columnsWidth, columns, verticalBrain, dataArray]);
   return renderPinnedRow;
 }
 function usePinnedRenderingForSide(side, params) {
@@ -7284,6 +7306,7 @@ function usePinnedRenderingForSide(side, params) {
   const renderRowPinned = useRenderPinnedRow({
     getData,
     getState,
+    repaintId,
     toggleGroupRow,
     rowSpan,
     verticalBrain: verticalVirtualBrain,
@@ -7429,7 +7452,7 @@ function useListRendering(param) {
   } = componentState;
   const prevDataSourceTimestamp = usePrevious(dataSourceState.updatedAt);
   const repaintIdRef = (0, import_react40.useRef)(0);
-  if (!shallowEqualObjects(prevComputed, computed) || prevDataSourceTimestamp !== dataSourceState.updatedAt) {
+  if (prevDataSourceTimestamp !== dataSourceState.updatedAt || !shallowEqualObjects(prevComputed, computed)) {
     repaintIdRef.current++;
   }
   const repaintId = repaintIdRef.current;
@@ -7769,7 +7792,7 @@ var useLicense = (licenseKey = "") => {
   const valid = (0, import_react42.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.2.12"
+      version: "0.2.13"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@infinite-table/infinite-react",
   "description": "Infinite Table for React",
-  "version": "0.2.12",
+  "version": "0.2.13",
   "main": "index.js",
   "module": "index.esm.js",
   "typings": "index.d.ts",
@@ -14,5 +14,5 @@
   },
   "license": "Commercial & Open Source",
   "//": "will be updated at build time",
-  "publishedAt": 1646828095950
+  "publishedAt": 1647043236196
 }