@infinite-table/infinite-react 0.2.1 → 0.2.2

package/index.d.ts

@@ -333,6 +333,7 @@ declare module "components/DataSource/types" {
     export type DataSourceRemoteData<T> = {
         data: T[];
         mappings?: DataSourceMappings;
+        cache?: boolean;
         totalCount?: number;
         livePaginationCursor?: DataSourceLivePaginationCursorValue;
     };
@@ -380,6 +381,7 @@ declare module "components/DataSource/types" {
     export type LazyGroupRowInfo<DataType> = {
         items: LazyGroupDataItem<DataType>[];
         totalCount: number;
+        cache?: boolean;
     };
     export type LazyGroupDataDeepMap<DataType, KeyType = string> = DeepMap<KeyType, LazyGroupRowInfo<DataType>>;
     export interface DataSourceSetupState<T> {
@@ -501,7 +503,7 @@ declare module "components/DataSource/privateHooks/useLoadData" {
     import { ComponentStateGeneratedActions } from "components/hooks/useComponentState";
     import { DataSourceDataParams, DataSourceData, DataSourceState } from "components/DataSource/types";
     export function buildDataSourceDataParams<T>(componentState: DataSourceState<T>, overrides?: Partial<DataSourceDataParams<T>>): DataSourceDataParams<T>;
-    export function loadData<T>(data: DataSourceData<T>, componentState: DataSourceState<T>, actions: ComponentStateGeneratedActions<DataSourceState<T>>, overrides?: Partial<DataSourceDataParams<T>>): Promise<void>;
+    export function loadData<T>(data: DataSourceData<T>, componentState: DataSourceState<T>, actions: ComponentStateGeneratedActions<DataSourceState<T>>, overrides?: Partial<DataSourceDataParams<T>>): Promise<any>;
     export function useLoadData<T>(): void;
 }
 declare module "components/DataSource/state/normalizeSortInfo" {
@@ -591,6 +593,7 @@ declare module "components/InfiniteTable/types/InfiniteTableColumn" {
         toggleCurrentGroupRow: () => void;
         toggleGroupRow: InfiniteTableToggleGroupRowFn;
         groupBy: DataSourceState<DATA_TYPE>['groupBy'];
+        pivotBy?: DataSourceState<DATA_TYPE>['pivotBy'];
     } & ({
         rowInfo: InfiniteTableRowInfoNormal<DATA_TYPE>;
         data: DATA_TYPE;
@@ -598,6 +601,10 @@ declare module "components/InfiniteTable/types/InfiniteTableColumn" {
         rowInfo: InfiniteTableRowInfoGroup<DATA_TYPE>;
         data: Partial<DATA_TYPE> | null;
     });
+    export type InfiniteTableGroupColumnRenderIconParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE> & {
+        collapsed: boolean;
+        groupIcon: Renderable;
+    };
     export type InfiniteTableColumnRenderValueParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE>;
     export type InfiniteTableColumnRowspanFnParams<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = {
         rowInfo: InfiniteTableRowInfo<DATA_TYPE>;
@@ -611,7 +618,8 @@ declare module "components/InfiniteTable/types/InfiniteTableColumn" {
         column: InfiniteTableComputedColumn<T>;
         columnSortInfo: DataSourceSingleSortInfo<T> | null | undefined;
     }
-    export type InfiniteTableColumnRenderFunction<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = ({ value, rowIndex, column, data, toggleGroupRow, toggleCurrentGroupRow, rowInfo, groupBy, }: InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE>) => Renderable | null;
+    export 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;
+    export type InfiniteTableGroupColumnRenderIconFunction<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (param: InfiniteTableGroupColumnRenderIconParam<DATA_TYPE, COL_TYPE>) => Renderable | null;
     export type InfiniteTableColumnRenderValueFunction<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = InfiniteTableColumnRenderFunction<DATA_TYPE, COL_TYPE>;
     export type InfiniteTableColumnHeaderRenderFunction<T> = ({ columnSortInfo, column, }: InfiniteTableColumnHeaderRenderParams<T>) => Renderable;
     export type InfiniteTableColumnWithField<T> = {
@@ -796,6 +804,7 @@ declare module "utils/groupAndPivot/index" {
     import { InfiniteTableColumnGroup, InfiniteTableGroupColumnBase } from "components/InfiniteTable/types/InfiniteTableProps";
     import { DeepMap } from "utils/DeepMap/index";
     export const LAZY_ROOT_KEY_FOR_GROUPS: string;
+    export const NOT_LOADED_YET_KEY_PREFIX = "____not_loaded_yet____";
     export type AggregationReducer<T, AggregationResultType = any> = DataSourceAggregationReducer<T, AggregationResultType> & {
         id: string;
     };
@@ -1085,10 +1094,10 @@ declare module "components/InfiniteTable/types/InfiniteTableProps" {
     import * as React from 'react';
     import { InfiniteTableState } from "components/InfiniteTable/types/index";
     import { AggregationReducer, InfiniteTableRowInfoGroup, InfiniteTableRowInfoNormal } from "utils/groupAndPivot/index";
-    import { DataSourceGroupBy, DataSourcePropGroupBy, DataSourcePropPivotBy, DataSourceState } from "components/DataSource/index";
+    import { DataSourceGroupBy, DataSourcePivotBy, DataSourcePropGroupBy, DataSourcePropPivotBy, DataSourceState } from "components/DataSource/index";
     import { Renderable } from "components/types/Renderable";
     import { LoadMaskProps } from "components/InfiniteTable/components/LoadMask";
-    import type { InfiniteTableColumn, InfiniteTableColumnRenderFunction, InfiniteTableComputedColumn, InfiniteTableComputedPivotFinalColumn, InfiniteTablePivotColumn, InfiniteTablePivotFinalColumn } from "components/InfiniteTable/types/InfiniteTableColumn";
+    import type { InfiniteTableColumn, InfiniteTableColumnRenderFunction, InfiniteTableComputedColumn, InfiniteTableComputedPivotFinalColumn, InfiniteTableGroupColumnRenderIconFunction, InfiniteTablePivotColumn, InfiniteTablePivotFinalColumn } from "components/InfiniteTable/types/InfiniteTableColumn";
     import { InfiniteTablePropPivotTotalColumnPosition } from "components/InfiniteTable/types/InfiniteTableState";
     export type InfiniteTablePropColumnOrderNormalized = string[];
     export type InfiniteTablePropColumnOrder = InfiniteTablePropColumnOrderNormalized | true;
@@ -1189,6 +1198,7 @@ declare module "components/InfiniteTable/types/InfiniteTableProps" {
         groupRenderStrategy: InfiniteTablePropGroupRenderStrategy;
         groupCount: number;
         groupBy: DataSourceGroupBy<T>[];
+        pivotBy?: DataSourcePivotBy<T>[];
     };
     export type InfiniteTablePivotColumnGetterOptions<T, COL_TYPE = InfiniteTableColumn<T>> = {
         column: COL_TYPE;
@@ -1196,8 +1206,9 @@ declare module "components/InfiniteTable/types/InfiniteTableProps" {
         pivotBy: DataSourcePropPivotBy<T>;
     };
     export type InfiniteTablePropGroupRenderStrategy = 'single-column' | 'multi-column' | 'inline';
-    export type InfiniteTableGroupColumnBase<T> = InfiniteTableColumn<T> & {
+    export type InfiniteTableGroupColumnBase<T> = Partial<InfiniteTableColumn<T>> & {
         renderValue?: InfiniteTableColumnRenderFunction<T>;
+        renderGroupIcon?: InfiniteTableGroupColumnRenderIconFunction<T>;
         id?: string;
     };
     export type InfiniteTablePivotColumnBase<T> = InfiniteTableColumn<T> & {
@@ -1206,7 +1217,6 @@ declare module "components/InfiniteTable/types/InfiniteTableProps" {
     export type InfiniteTablePropGroupColumn<T> = InfiniteTableGroupColumnBase<T> | InfiniteTableGroupColumnFunction<T>;
     export type InfiniteTableGroupColumnFunction<T> = (options: InfiniteTableGroupColumnGetterOptions<T>, toggleGroupRow: (groupKeys: any[]) => void) => Partial<InfiniteTableGroupColumnBase<T>>;
     export type InfiniteTablePropPivotColumn<T, COL_TYPE = InfiniteTableColumn<T>> = Partial<InfiniteTablePivotColumnBase<T>> | ((options: InfiniteTablePivotColumnGetterOptions<T, COL_TYPE>) => InfiniteTablePivotColumnBase<T>);
-    export type InfiniteTablePropPivotRowLabelsColumn<T> = InfiniteTablePropPivotColumn<T>;
     export type InfiniteTablePropComponents = {
         LoadMask?: React.FC<LoadMaskProps>;
     };
@@ -1222,7 +1232,6 @@ declare module "components/InfiniteTable/types/InfiniteTableProps" {
         components?: InfiniteTablePropComponents;
         viewportReservedWidth?: number;
         pivotColumn?: InfiniteTablePropPivotColumn<T, InfiniteTableColumn<T> & InfiniteTablePivotFinalColumn<T>>;
-        pivotRowLabelsColumn?: InfiniteTablePropPivotRowLabelsColumn<T>;
         pivotTotalColumnPosition?: InfiniteTablePropPivotTotalColumnPosition;
         groupColumn?: Partial<InfiniteTablePropGroupColumn<T>>;
         groupRenderStrategy?: InfiniteTablePropGroupRenderStrategy;
@@ -1308,7 +1317,7 @@ declare module "components/InfiniteTable/types/InfiniteTableState" {
     import { SubscriptionCallback } from "components/types/SubscriptionCallback";
     import { ScrollListener } from "components/VirtualBrain/ScrollListener";
     import { NonUndefined } from "components/types/NonUndefined";
-    import { InfiniteTableColumn, InfiniteTablePivotColumn } from "components/InfiniteTable/types/InfiniteTableColumn";
+    import { InfiniteTableColumn } from "components/InfiniteTable/types/InfiniteTableColumn";
     import { ComponentStateActions } from "components/hooks/useComponentState";
     import { DataSourceGroupBy, DataSourceProps } from "components/DataSource/types";
     export type GroupByMap<T> = Map<keyof T, {
@@ -1331,7 +1340,6 @@ declare module "components/InfiniteTable/types/InfiniteTableState" {
         draggingColumnId: null | string;
         pinnedStartScrollListener: ScrollListener;
         pinnedEndScrollListener: ScrollListener;
-        computedPivotColumns?: Map<string, InfiniteTablePivotColumn<T>>;
         columnShifts: number[] | null;
     }
     export type InfiniteTableComputedColumnGroup = InfiniteTableColumnGroup & {
@@ -1370,7 +1378,6 @@ declare module "components/InfiniteTable/types/InfiniteTableState" {
         pinnedStartMaxWidth: InfiniteTableProps<T>['pinnedStartMaxWidth'];
         pinnedEndMaxWidth: InfiniteTableProps<T>['pinnedEndMaxWidth'];
         pivotColumn: InfiniteTableProps<T>['pivotColumn'];
-        pivotRowLabelsColumn: InfiniteTableProps<T>['pivotRowLabelsColumn'];
         pivotColumnGroups: InfiniteTablePropColumnGroupsMap;
         activeIndex: NonUndefined<InfiniteTableProps<T>['activeIndex']>;
         columnMinWidth: NonUndefined<InfiniteTableProps<T>['columnMinWidth']>;
@@ -1453,6 +1460,7 @@ declare module "components/InfiniteTable/types/InfiniteTableComputedValues" {
         computedRemainingSpace: number;
         unpinnedColumnRenderCount: number;
         columnRenderStartIndex: number;
+        toggleGroupRow: (groupKeys: any[]) => void;
     }
 }
 declare module "components/InfiniteTable/types/InfiniteTableContextValue" {
@@ -1470,12 +1478,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, InfiniteTablePropColumnGroups, InfiniteTablePropRowStyle, InfiniteTableRowStyleFn, InfiniteTableRowClassNameFn, InfiniteTablePropRowClassName, InfiniteTablePropColumns, InfiniteTablePropColumnsMap, InfiniteTablePropComponents, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTablePropColumnSizingMap, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnTypesMap, InfiniteTableColumnSizingOptions, Scrollbars, InfiniteTableGroupColumnBase } from "components/InfiniteTable/types/InfiniteTableProps";
+    import type { InfiniteTableProps, InfiniteTableImperativeApi, InfiniteTablePropColumnOrder, InfiniteTablePropColumnVisibility, InfiniteTablePropColumnPinning, InfiniteTableColumnAggregator, InfiniteTableColumnGroup, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropColumnGroups, InfiniteTablePropRowStyle, InfiniteTableRowStyleFn, InfiniteTableRowClassNameFn, InfiniteTablePropRowClassName, InfiniteTablePropColumns, InfiniteTablePropColumnsMap, InfiniteTablePropComponents, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTablePropColumnSizingMap, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnTypesMap, InfiniteTableColumnSizingOptions, Scrollbars, InfiniteTableGroupColumnBase, InfiniteTablePropGroupColumn } 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 { Scrollbars, InfiniteTableColumnAggregator, InfiniteTableComputedValues, InfiniteTablePropColumns, InfiniteTablePropColumnsMap, InfiniteTableRowInfo, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnBase, InfiniteTablePropColumnOrder, InfiniteTablePropComponents, InfiniteTablePropColumnVisibility as InfiniteTablePropColumnVisibility, InfiniteTablePropColumnPinning, InfiniteTableColumnGroup, InfiniteTableColumn, InfiniteTableColumnComparer, InfiniteTableComputedColumn, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam, InfiniteTableContextValue, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropColumnGroups, InfiniteTablePropColumnSizing, InfiniteTablePropColumnSizingMap, InfiniteTableColumnSizingOptions, InfiniteTableState, InfiniteTableAction, InfiniteTableProps, InfiniteTablePropColumnTypes, InfiniteTablePropColumnTypesMap, InfiniteTableImperativeApi, InfiniteTableActionType, InfiniteTablePropRowStyle, InfiniteTablePropRowClassName, InfiniteTableRowStyleFn, InfiniteTableRowClassNameFn, InfiniteTableGroupColumnGetterOptions, };
+    export type { Scrollbars, InfiniteTableColumnAggregator, InfiniteTableComputedValues, InfiniteTablePropColumns, InfiniteTablePropGroupColumn, InfiniteTablePropColumnsMap, InfiniteTableRowInfo, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnBase, InfiniteTablePropColumnOrder, InfiniteTablePropComponents, InfiniteTablePropColumnVisibility as InfiniteTablePropColumnVisibility, InfiniteTablePropColumnPinning, InfiniteTableColumnGroup, InfiniteTableColumn, InfiniteTableColumnComparer, InfiniteTableComputedColumn, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam, InfiniteTableContextValue, InfiniteTablePropGroupRenderStrategy, 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";
@@ -1512,7 +1520,6 @@ declare module "components/InfiniteTable/state/getInitialState" {
         components: 1 | ((value: import("components/InfiniteTable/types").InfiniteTablePropComponents | undefined) => import("components/InfiniteTable/types").InfiniteTablePropComponents | undefined);
         loadingText: 1 | ((value: import("react").ReactNode) => import("react").ReactNode);
         viewportReservedWidth: 1 | ((value: number | undefined) => number | undefined);
-        pivotRowLabelsColumn: 1 | ((value: import("components/InfiniteTable/types/InfiniteTableProps").InfiniteTablePropPivotRowLabelsColumn<T> | undefined) => import("components/InfiniteTable/types/InfiniteTableProps").InfiniteTablePropPivotRowLabelsColumn<T> | undefined);
         groupColumn: 1 | ((value: Partial<InfiniteTablePropGroupColumn<T>> | undefined) => Partial<InfiniteTablePropGroupColumn<T>> | undefined);
         hideEmptyGroupColumns: 1 | ((value: boolean | undefined) => boolean);
         columnVisibility: 1 | ((value: import("components/InfiniteTable/types").InfiniteTablePropColumnVisibility | undefined) => import("components/InfiniteTable/types").InfiniteTablePropColumnVisibility);
@@ -1826,19 +1833,6 @@ declare module "components/InfiniteTable/components/InfiniteTableRow/row.css" {
     }>;
     export const GroupRowExpanderCls: string;
 }
-declare module "components/InfiniteTable/state/getComputedPivotColumnsFromDataSourcePivotColumns" {
-    import { DataSourcePropGroupBy, DataSourcePropPivotBy } from "components/DataSource/index";
-    import { InfiniteTableProps } from "components/InfiniteTable/types/index";
-    import { InfiniteTableState } from "components/InfiniteTable/types/InfiniteTableState";
-    export function getComputedPivotColumnsFromDataSourcePivotColumns<T>(pivotColumns: InfiniteTableProps<T>['pivotColumns'], params: {
-        toggleGroupRow: (groupKeys: any[]) => void;
-        pivotColumn: InfiniteTableProps<T>['pivotColumn'];
-        pivotRowLabelsColumn: InfiniteTableProps<T>['pivotRowLabelsColumn'];
-        pivotTotalColumnPosition: InfiniteTableState<T>['pivotTotalColumnPosition'];
-        pivotBy: DataSourcePropPivotBy<T>;
-        groupBy: DataSourcePropGroupBy<T>;
-    }): InfiniteTableProps<T>['pivotColumns'];
-}
 declare module "components/InfiniteTable/utils/getColumnForGroupBy" {
     import * as React from 'react';
     import { InfiniteTableColumnRenderParam } from "components/InfiniteTable/index";
@@ -1861,17 +1855,23 @@ declare module "components/InfiniteTable/hooks/useToggleGroupRow" {
     export function useToggleGroupRow<T>(): ToggleGrouRowFn;
 }
 declare module "components/InfiniteTable/hooks/useColumnsWhen" {
-    import type { InfiniteTableColumn } from "components/InfiniteTable/index";
-    import type { DataSourceGroupBy } from "components/DataSource/index";
+    import type { InfiniteTableColumn, InfiniteTableState } from "components/InfiniteTable/index";
+    import type { DataSourceGroupBy, DataSourcePivotBy } from "components/DataSource/index";
     import type { InfiniteTablePropGroupRenderStrategy, InfiniteTableProps } from "components/InfiniteTable/types/InfiniteTableProps";
-    export function useColumnsWhen<T>(): void;
+    import { ToggleGrouRowFn } from "components/InfiniteTable/hooks/useToggleGroupRow";
+    export function useColumnsWhen<T>(): {
+        toggleGroupRow: ToggleGrouRowFn;
+    };
     export function getColumnsWhenGrouping<T>(params: {
         columns: Map<string, InfiniteTableColumn<T>>;
         groupBy: DataSourceGroupBy<T>[];
+        pivotBy?: DataSourcePivotBy<T>[];
         toggleGroupRow: (groupKeys: any[]) => void;
+        pivotTotalColumnPosition: InfiniteTableState<T>['pivotTotalColumnPosition'];
         groupColumn: InfiniteTableProps<T>['groupColumn'];
         groupRenderStrategy: InfiniteTablePropGroupRenderStrategy;
         pivotColumns: InfiniteTableProps<T>['pivotColumns'];
+        pivotColumn: InfiniteTableProps<T>['pivotColumn'];
     }): Map<string, InfiniteTableColumn<T>> | undefined;
 }
 declare module "components/InfiniteTable/hooks/useComputed" {