@infinite-table/infinite-react 0.4.2 → 0.4.5

package/index.css

@@ -541,6 +541,47 @@
   visibility: visible;
 }
 
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/icons/ExpanderIcon.css.ts.vanilla.css?source= */
+
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableRow/row.css.ts.vanilla.css?source=#H4sIAAAAAAAAA82SwW7DIBBE7/kKjnElIkdtFcn9mAjD2kYlC4K1XbXqvxcsqwmpU+dU9YbYmcesmN3x4Ho3lCX72DA2amO47AS2UDHyAkNj/eklTpwNmrTFiok6WNMTpFuyrmJlOhloaD46q5HAcxgAKVRsEH7LucZGoybg3o48l/Cx0wZ4kN4ao7EtEuXCIeN7J+QSYri65coicTuA91rBIr4W8rX1tkcVUZ+b3bzjftrxpnYR1aWHcuAPRAADkkCtsb5190CtWuUtYM7LPk7LrhBueJ/u8eYBM//z5H+PegVvFduX5eX08Ou0nqZOKBWbEDWxELEaJHyslxRGbq+iZG3gKYyb4iEESgQD2FJXsIfrHc7SuV+zo8hWkf8rjlqKA+mH/i7MF+wOkM8zBAAA */
+._7pupv00 {
+  will-change: transform;
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: var(--infinite-row-pointer-events-while-scrolling);
+  --infinite-column-cell-bg-dont-override: var(--infinite-row-background);
+}
+._7pupv01 {
+  --infinite-row-background: var(--infinite-row-hover-background);
+  --infinite-row-selected-background: var(--infinite-row-selected-hover-background);
+  --infinite-row-odd-background: var(--infinite-row-hover-background);
+}
+._7pupv03 {
+  background: var(--infinite-row-background);
+}
+._7pupv04 {
+  background: var(--infinite-row-odd-background);
+}
+._7pupv05 {
+  z-index: 100;
+}
+._7pupv07 {
+  z-index: 100;
+}
+._7pupv0b {
+  -webkit-padding-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
+  padding-inline-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
+}
+._7pupv0c {
+  -webkit-padding-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
+  padding-inline-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
+}
+._7pupv0d {
+  -webkit-padding-end: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
+  padding-inline-end: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
+}
+
 /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6WSy27CMBBF93yFl2VhxKMvpR9TOfY4GBxPNHZ4qOLfm9i0xQ200G4iR3PvmTujmbzOAHZyLqbsbcTYqvXB6D2X6AK4UDDZfYFeRofR5EM5O6/UFnbcB0EhU89/V7P0py1uC0a45QQbIA8ZZxE5gYTzJhh0BbOgA1tMp7XPhPcDoUOXsx6ipBFKGVcVbCPojnPjtHEmAJdgLT8Wx326EkkB8b7fefFRsDUqLMfMozUqBWgEddOeMMhUy79C4gB7aMv5xrLPWR4H48a3RqoHbdC2teu2mzqB1iADVy2J3jjOVvQUsbWgyriOYI2DQWwPtgN0Vi6XINcl7nhmyInPkdhlQDq/gFjKPRA9pZDrirB1amDsr+WrnJv1NWZU6iKgugaQlgCXKatESTsP2MQ74iSUaf2Pl5AkpxdYYghY3w44SWO/p4kX+a84txMO73J/8Ap2BAAA */
 ._1eexc2a0 {
   justify-content: center;
@@ -704,45 +745,6 @@
   background: var(--infinite-resize-handle-constrained-hover-background);
 }
 
-/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableRow/row.css.ts.vanilla.css?source=#H4sIAAAAAAAAA82SwW7DIBBE7/kKjnElIkdtFcn9mAjD2kYlC4K1XbXqvxcsqwmpU+dU9YbYmcesmN3x4Ho3lCX72DA2amO47AS2UDHyAkNj/eklTpwNmrTFiok6WNMTpFuyrmJlOhloaD46q5HAcxgAKVRsEH7LucZGoybg3o48l/Cx0wZ4kN4ao7EtEuXCIeN7J+QSYri65coicTuA91rBIr4W8rX1tkcVUZ+b3bzjftrxpnYR1aWHcuAPRAADkkCtsb5190CtWuUtYM7LPk7LrhBueJ/u8eYBM//z5H+PegVvFduX5eX08Ou0nqZOKBWbEDWxELEaJHyslxRGbq+iZG3gKYyb4iEESgQD2FJXsIfrHc7SuV+zo8hWkf8rjlqKA+mH/i7MF+wOkM8zBAAA */
-._7pupv00 {
-  will-change: transform;
-  position: absolute;
-  top: 0;
-  left: 0;
-  pointer-events: var(--infinite-row-pointer-events-while-scrolling);
-  --infinite-column-cell-bg-dont-override: var(--infinite-row-background);
-}
-._7pupv01 {
-  --infinite-row-background: var(--infinite-row-hover-background);
-  --infinite-row-selected-background: var(--infinite-row-selected-hover-background);
-  --infinite-row-odd-background: var(--infinite-row-hover-background);
-}
-._7pupv03 {
-  background: var(--infinite-row-background);
-}
-._7pupv04 {
-  background: var(--infinite-row-odd-background);
-}
-._7pupv05 {
-  z-index: 100;
-}
-._7pupv07 {
-  z-index: 100;
-}
-._7pupv0b {
-  -webkit-padding-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
-  padding-inline-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
-}
-._7pupv0c {
-  -webkit-padding-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
-  padding-inline-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
-}
-._7pupv0d {
-  -webkit-padding-end: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
-  padding-inline-end: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
-}
-
 /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/LoadMask.css.ts.vanilla.css?source=LnF5NTh5YTAgewogIGZsZXgtZmxvdzogcm93OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLnF5NTh5YTEgewogIGRpc3BsYXk6IGZsZXg7Cn0KLnF5NTh5YTIgewogIGRpc3BsYXk6IG5vbmU7Cn0KLnF5NTh5YTMgewogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWxvYWQtbWFzay1vdmVybGF5LWJhY2tncm91bmQpOwogIG9wYWNpdHk6IHZhcigtLWluZmluaXRlLWxvYWQtbWFzay1vdmVybGF5LW9wYWNpdHkpOwp9Ci5xeTU4eWE0IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgcGFkZGluZzogdmFyKC0taW5maW5pdGUtbG9hZC1tYXNrLXBhZGRpbmcpOwogIGNvbG9yOiB2YXIoLS1pbmZpbml0ZS1sb2FkLW1hc2stY29sb3IpOwogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWxvYWQtbWFzay10ZXh0LWJhY2tncm91bmQpOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLWluZmluaXRlLWxvYWQtbWFzay1ib3JkZXItcmFkaXVzKTsKfQ== */
 .qy58ya0 {
   flex-flow: row;
@@ -766,5 +768,3 @@
   background: var(--infinite-load-mask-text-background);
   border-radius: var(--infinite-load-mask-border-radius);
 }
-
-/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/icons/ExpanderIcon.css.ts.vanilla.css?source= */

package/index.d.ts

@@ -22,8 +22,11 @@ declare type MultisortInfo<T> = {
      */
     valueGetter?: (item: T) => any;
 };
+declare type MultisortInfoAllowMultipleFields<T> = Omit<MultisortInfo<T>, 'field'> & {
+    field?: keyof T | (keyof T)[];
+};
 declare const multisort: {
-    <T>(sortInfo: MultisortInfo<T>[], array: T[], get?: ((item: any) => T) | undefined): T[];
+    <T>(sortInfo: MultisortInfoAllowMultipleFields<T>[], array: T[], get?: ((item: any) => T) | undefined): T[];
     knownTypes: {
         [key: string]: (first: any, second: any) => number;
     };
@@ -136,6 +139,7 @@ interface Size {
 
 declare type InfiniteTableBaseCellProps<T> = {
     column: InfiniteTableComputedColumn<T>;
+    rowId?: any;
     renderChildren: () => Renderable;
     width: number;
     cssEllipsis?: boolean;
@@ -187,11 +191,13 @@ declare type InfiniteTableColumnRenderParamBase<DATA_TYPE, COL_TYPE = InfiniteTa
         groupIcon?: Renderable;
         selectionCheckBox?: Renderable;
     };
-    groupRowInfo: InfiniteTableRowInfo<DATA_TYPE> | null;
     rowIndex: number;
     rowActive: boolean;
+    api: InfiniteTableApi<DATA_TYPE>;
     column: COL_TYPE;
     columnsMap: Map<string, COL_TYPE>;
+    fieldsToColumn: Map<keyof DATA_TYPE, COL_TYPE>;
+    groupByColumn?: InfiniteTableComputedColumn<DATA_TYPE>;
     toggleCurrentGroupRow: () => void;
     toggleGroupRow: InfiniteTableToggleGroupRowFn;
     toggleCurrentGroupRowSelection: () => void;
@@ -201,7 +207,7 @@ declare type InfiniteTableColumnRenderParamBase<DATA_TYPE, COL_TYPE = InfiniteTa
     deselectCurrentRow: () => void;
     toggleRowSelection: InfiniteTableSelectRowFn;
     selectionMode: DataSourcePropSelectionMode | undefined;
-    groupBy: DataSourceState<DATA_TYPE>['groupBy'];
+    rootGroupBy: DataSourceState<DATA_TYPE>['groupBy'];
     pivotBy?: DataSourceState<DATA_TYPE>['pivotBy'];
 };
 declare type InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = InfiniteTableColumnRenderParamBase<DATA_TYPE, COL_TYPE> & InfiniteTableRowInfoDataDiscriminator<DATA_TYPE>;
@@ -217,6 +223,9 @@ declare type InfiniteTableColumnRowspanParam<DATA_TYPE, COL_TYPE = InfiniteTable
 declare type InfiniteTableColumnRenderFunctionForGroupRows<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (renderParams: InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE> & {
     isGroupRow: true;
 }) => Renderable | null;
+declare type InfiniteTableColumnRenderFunctionForNormalRows<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (renderParams: InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE> & {
+    isGroupRow: false;
+}) => Renderable | null;
 declare type InfiniteTableColumnRenderFunction<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = (renderParams: InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE>) => Renderable | null;
 declare type InfiniteTableColumnHeaderRenderFunction<T> = (headerParams: InfiniteTableColumnHeaderParam<T>) => Renderable;
 declare type InfiniteTableColumnAlign = 'start' | 'center' | 'end';
@@ -245,19 +254,26 @@ declare type InfiniteTableColumnValueGetter<T, VALUE_GETTER_TYPE = string | numb
 declare type InfiniteTableColumnValueFormatter<T, VALUE_FORMATTER_TYPE = string | number | boolean | Date | null | undefined> = (params: InfiniteTableColumnValueFormatterParams<T>) => VALUE_FORMATTER_TYPE;
 declare type InfiniteTableColumnRowspanFn<T> = (params: InfiniteTableColumnRowspanParam<T>) => number;
 declare type InfiniteTableColumnComparer<T> = (a: T, b: T) => number;
-declare type InfiniteTableBaseColumn<T> = {
+/**
+ * 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> = {
     sortable?: boolean;
     draggable?: boolean;
     resizable?: boolean;
-    comparer?: InfiniteTableColumnComparer<T>;
-    defaultHiddenWhenGroupedBy?: '*' | keyof T | {
-        [k in keyof Partial<T>]: true;
+    comparer?: InfiniteTableColumnComparer<DATA_TYPE>;
+    defaultHiddenWhenGroupedBy?: '*' | true | keyof DATA_TYPE | {
+        [k in keyof Partial<DATA_TYPE>]: true;
     };
     align?: InfiniteTableColumnAlign;
     verticalAlign?: InfiniteTableColumnVerticalAlign;
     columnGroup?: string;
-    header?: InfiniteTableColumnHeader<T>;
-    renderHeader?: InfiniteTableColumnHeaderRenderFunction<T>;
+    header?: InfiniteTableColumnHeader<DATA_TYPE>;
+    renderHeader?: InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
     name?: Renderable;
     cssEllipsis?: boolean;
     headerCssEllipsis?: boolean;
@@ -265,41 +281,33 @@ declare type InfiniteTableBaseColumn<T> = {
     dataType?: InfiniteTableDataTypeNames;
     sortType?: string;
     filterType?: string;
-    style?: InfiniteTableColumnStyle<T>;
-    headerStyle?: InfiniteTableColumnHeaderStyle<T>;
-    headerClassName?: InfiniteTableColumnHeaderClassName<T>;
-    className?: InfiniteTableColumnClassName<T>;
-    rowspan?: InfiniteTableColumnRowspanFn<T>;
-    field?: keyof T;
-    render?: InfiniteTableColumnRenderFunction<T>;
-    renderValue?: InfiniteTableColumnRenderFunction<T>;
-    renderGroupValue?: InfiniteTableColumnRenderFunction<T>;
-    renderLeafValue?: InfiniteTableColumnRenderFunction<T>;
-    valueGetter?: InfiniteTableColumnValueGetter<T>;
-    valueFormatter?: InfiniteTableColumnValueFormatter<T>;
+    style?: InfiniteTableColumnStyle<DATA_TYPE>;
+    headerStyle?: InfiniteTableColumnHeaderStyle<DATA_TYPE>;
+    headerClassName?: InfiniteTableColumnHeaderClassName<DATA_TYPE>;
+    className?: InfiniteTableColumnClassName<DATA_TYPE>;
+    rowspan?: InfiniteTableColumnRowspanFn<DATA_TYPE>;
+    field?: keyof DATA_TYPE;
+    render?: InfiniteTableColumnRenderFunction<DATA_TYPE>;
+    renderValue?: InfiniteTableColumnRenderFunction<DATA_TYPE>;
+    renderGroupValue?: InfiniteTableColumnRenderFunctionForGroupRows<DATA_TYPE>;
+    renderLeafValue?: InfiniteTableColumnRenderFunctionForNormalRows<DATA_TYPE>;
+    valueGetter?: InfiniteTableColumnValueGetter<DATA_TYPE>;
+    valueFormatter?: InfiniteTableColumnValueFormatter<DATA_TYPE>;
     defaultWidth?: number;
     defaultFlex?: number;
     defaultFilterable?: boolean;
     minWidth?: number;
     maxWidth?: number;
-    renderGroupIcon?: InfiniteTableColumnRenderFunctionForGroupRows<T>;
-    renderSortIcon?: InfiniteTableColumnHeaderRenderFunction<T>;
-    renderSelectionCheckBox?: boolean | InfiniteTableColumnRenderFunction<T>;
-    renderHeaderSelectionCheckBox?: boolean | InfiniteTableColumnHeaderRenderFunction<T>;
+    renderGroupIcon?: InfiniteTableColumnRenderFunctionForGroupRows<DATA_TYPE>;
+    renderSortIcon?: InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
+    renderSelectionCheckBox?: boolean | InfiniteTableColumnRenderFunction<DATA_TYPE>;
+    renderHeaderSelectionCheckBox?: boolean | InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
     components?: {
         ColumnCell?: React.FunctionComponent<HTMLProps<HTMLDivElement>>;
         HeaderCell?: React.FunctionComponent<HTMLProps<HTMLDivElement>>;
     };
 };
-/**
- * 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>;
-declare type InfiniteTableGeneratedGroupColumn<T> = InfiniteTableColumn<T> & {
+declare type InfiniteTableGeneratedGroupColumn<T> = Omit<InfiniteTableColumn<T>, 'sortable'> & {
     groupByField: string | string[];
     id?: string;
 };
@@ -341,6 +349,7 @@ declare type InfiniteTableComputedColumnBase<T> = {
     computedSortedAsc: boolean;
     computedSortedDesc: boolean;
     computedSortIndex: number;
+    computedVisible: boolean;
     computedVisibleIndex: number;
     computedVisibleIndexInCategory: number;
     computedMultiSort: boolean;
@@ -355,6 +364,7 @@ declare type InfiniteTableComputedColumnBase<T> = {
     computedFirst: boolean;
     computedLast: boolean;
     toggleSort: () => void;
+    colType: InfiniteTableColumnType<T>;
     id: string;
 };
 declare type InfiniteTableComputedColumn<T> = InfiniteTableColumn<T> & InfiniteTableComputedColumnBase<T> & Partial<InfiniteTablePivotFinalColumn<T>> & Partial<InfiniteTableGeneratedGroupColumn<T>>;
@@ -780,6 +790,7 @@ interface InfiniteTableComputedValues<T> {
     computedUnpinnedColumns: InfiniteTableComputedColumn<T>[];
     computedVisibleColumns: InfiniteTableComputedColumn<T>[];
     computedVisibleColumnsMap: Map<string, InfiniteTableComputedColumn<T>>;
+    computedColumnsMap: Map<string, InfiniteTableComputedColumn<T>>;
     computedColumnVisibility: InfiniteTablePropColumnVisibility;
     computedColumnOrder: InfiniteTablePropColumnOrderNormalized;
     computedPinnedStartColumnsWidth: number;
@@ -790,6 +801,7 @@ interface InfiniteTableComputedValues<T> {
     computedUnpinnedOffset: number;
     computedPinnedEndOffset: number;
     computedRemainingSpace: number;
+    fieldsToColumn: Map<keyof T, InfiniteTableComputedColumn<T>>;
     toggleGroupRow: (groupKeys: any[]) => void;
     columnSize: (colIndex: number) => number;
 }
@@ -925,6 +937,9 @@ interface InfiniteTableSetupState<T> {
     cellClick: SubscriptionCallback<CellPosition & {
         event: MouseEvent;
     }>;
+    cellMouseDown: SubscriptionCallback<CellPosition & {
+        event: MouseEvent;
+    }>;
     keyDown: SubscriptionCallback<KeyboardEvent>;
     columnsWhenGrouping?: InfiniteTableColumnsMap<T>;
     bodySize: Size;
@@ -933,6 +948,7 @@ interface InfiniteTableSetupState<T> {
     focused: boolean;
     ready: boolean;
     columnReorderDragColumnId: false | string;
+    columnVisibilityForGrouping: Record<string, false>;
     focusedWithin: boolean;
     scrollPosition: ScrollPosition;
     pinnedStartScrollListener: ScrollListener;
@@ -987,6 +1003,7 @@ interface InfiniteTableMappedState<T> {
     draggableColumns: NonUndefined<InfiniteTableProps<T>['draggableColumns']>;
     sortable: NonUndefined<InfiniteTableProps<T>['sortable']>;
     hideEmptyGroupColumns: NonUndefined<InfiniteTableProps<T>['hideEmptyGroupColumns']>;
+    hideColumnWhenGrouped: NonUndefined<InfiniteTableProps<T>['hideColumnWhenGrouped']>;
     keyboardSelection: NonUndefined<InfiniteTableProps<T>['keyboardSelection']>;
     columnOrder: NonUndefined<InfiniteTableProps<T>['columnOrder']>;
     showZebraRows: NonUndefined<InfiniteTableProps<T>['showZebraRows']>;
@@ -1007,6 +1024,7 @@ interface InfiniteTableMappedState<T> {
 interface InfiniteTableDerivedState<T> {
     groupBy: DataSourceProps<T>['groupBy'];
     computedColumns: Map<string, InfiniteTableColumn<T>>;
+    initialColumns: InfiniteTableProps<T>['columns'];
     groupRenderStrategy: NonUndefined<InfiniteTableProps<T>['groupRenderStrategy']>;
     columnHeaderCssEllipsis: NonUndefined<InfiniteTableProps<T>['columnHeaderCssEllipsis']>;
     keyboardNavigation: NonUndefined<InfiniteTableProps<T>['keyboardNavigation']>;
@@ -1107,8 +1125,8 @@ interface DataSourceDataParams<T> {
     changes?: DataSourceDataParamsChanges<T>;
 }
 declare type DataSourceDataParamsChanges<T> = Partial<Record<keyof Omit<DataSourceDataParams<T>, 'originalDataArray' | 'changes'>, true>>;
-declare type DataSourceSingleSortInfo<T> = MultisortInfo<T> & {
-    field?: keyof T;
+declare type DataSourceSingleSortInfo<T> = Omit<MultisortInfo<T>, 'field'> & {
+    field?: keyof T | (keyof T)[];
     id?: string;
 };
 declare type DataSourceGroupBy<T> = GroupBy<T, any>;
@@ -1406,21 +1424,25 @@ declare type AggregationReducerResult<AggregationResultType extends any = any> =
  *
  */
 declare type InfiniteTableRowInfo<T> = InfiniteTable_HasGrouping_RowInfoNormal<T> | InfiniteTable_HasGrouping_RowInfoGroup<T> | InfiniteTable_NoGrouping_RowInfoNormal<T>;
-declare type InfiniteTableRowInfoDataDiscriminator<T> = {
+declare type InfiniteTableRowInfoDataDiscriminator_RowInfoNormal<T> = {
     data: T;
     isGroupRow: false;
     rowActive: boolean;
     rowInfo: InfiniteTable_NoGrouping_RowInfoNormal<T> | InfiniteTable_HasGrouping_RowInfoNormal<T>;
     field?: keyof T;
     value: any;
-} | {
+    rowSelected: boolean | null;
+};
+declare type InfiniteTableRowInfoDataDiscriminator_RowInfoGroup<T> = {
     rowActive: boolean;
     data: Partial<T> | null;
     rowInfo: InfiniteTable_HasGrouping_RowInfoGroup<T>;
     isGroupRow: true;
     field?: keyof T;
     value: any;
+    rowSelected: boolean | null;
 };
+declare type InfiniteTableRowInfoDataDiscriminator<T> = InfiniteTableRowInfoDataDiscriminator_RowInfoNormal<T> | InfiniteTableRowInfoDataDiscriminator_RowInfoGroup<T>;
 /**
  * This is the base row info for all scenarios - things every
  * rowInfo is guaranteed to have (be it group or normal row, or dataSource with or without grouping)
@@ -1803,6 +1825,7 @@ declare type InfiniteTableGroupColumnGetterOptions<T> = {
     groupCount: number;
     groupBy: DataSourceGroupBy<T>[];
     pivotBy?: DataSourcePivotBy<T>[];
+    sortable?: boolean;
 };
 declare type InfiniteTablePivotColumnGetterOptions<T, COL_TYPE = InfiniteTableColumn<T>> = {
     column: COL_TYPE;
@@ -1811,7 +1834,6 @@ declare type InfiniteTablePivotColumnGetterOptions<T, COL_TYPE = InfiniteTableCo
 };
 declare type InfiniteTablePropGroupRenderStrategy = 'single-column' | 'multi-column' | 'inline';
 declare type InfiniteTableGroupColumnBase<T> = Partial<InfiniteTableColumn<T>> & {
-    renderValue?: InfiniteTableColumnRenderFunction<T>;
     renderGroupIcon?: InfiniteTableColumnRenderFunctionForGroupRows<T>;
     id?: string;
 };
@@ -1898,6 +1920,7 @@ interface InfiniteTableProps<T> {
     columnDefaultWidth?: number;
     columnMinWidth?: number;
     columnMaxWidth?: number;
+    hideColumnWhenGrouped?: boolean;
     resizableColumns?: boolean;
     virtualizeColumns?: InfiniteTablePropVirtualizeColumns<T>;
     virtualizeRows?: boolean;
@@ -1962,7 +1985,6 @@ declare type ComponentStateRootConfig<T_PROPS, COMPONENT_MAPPED_STATE, COMPONENT
         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;
-        getState: () => COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & COMPONENT_DERIVED_STATE;
     }) => COMPONENT_DERIVED_STATE;
     concludeReducer?: (params: {
         previousState: COMPONENT_MAPPED_STATE & COMPONENT_SETUP_STATE & COMPONENT_DERIVED_STATE;
@@ -2005,4 +2027,4 @@ declare const components: {
     LoadMask: (props: LoadMaskProps) => JSX.Element;
 };
 
-export { ColumnTypeWithInherit, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceFilterFunctionParam, DataSourceFilterOperator, DataSourceFilterOperatorFunction, DataSourceFilterOperatorFunctionParam, DataSourceFilterType, DataSourceFilterValueItem, DataSourceFilterValueItemValueGetter, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropCellSelection, DataSourcePropFilterFunction, DataSourcePropFilterTypes, DataSourcePropFilterValue, DataSourcePropGroupBy, DataSourcePropGroupRowsStateObject, DataSourcePropIsRowSelected, DataSourcePropLivePaginationCursor, DataSourcePropMultiRowSelectionChangeParamType, DataSourcePropOnCellSelectionChange, DataSourcePropOnRowSelectionChange, DataSourcePropOnRowSelectionChange_MultiRow, DataSourcePropOnRowSelectionChange_SingleRow, DataSourcePropPivotBy, DataSourcePropRowSelection, DataSourcePropRowSelection_MultiRow, DataSourcePropRowSelection_SingleRow, DataSourcePropSelectionMode, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourceProps, DataSourceReducer, DataSourceRemoteData, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, GroupRowsState, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableApi, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableColumnsMap, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableFilterEditorProps, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropComponents, InfiniteTablePropFilterEditors, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, NumberFilterEditor, RowSelectionState, Scrollbars, StringFilterEditor, components, debounce, defaultFilterEditors, defaultFilterTypes, defaultFilterTypes as filterTypes, flatten, getComponentStateRoot, group, interceptMap, multisort, useComponentState, useDataSource, useEffectWithChanges, useInfiniteColumnCell, useInfiniteHeaderCell };
+export { ColumnTypeWithInherit, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceFilterFunctionParam, DataSourceFilterOperator, DataSourceFilterOperatorFunction, DataSourceFilterOperatorFunctionParam, DataSourceFilterType, DataSourceFilterValueItem, DataSourceFilterValueItemValueGetter, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropCellSelection, DataSourcePropFilterFunction, DataSourcePropFilterTypes, DataSourcePropFilterValue, DataSourcePropGroupBy, DataSourcePropGroupRowsStateObject, DataSourcePropIsRowSelected, DataSourcePropLivePaginationCursor, DataSourcePropMultiRowSelectionChangeParamType, DataSourcePropOnCellSelectionChange, DataSourcePropOnRowSelectionChange, DataSourcePropOnRowSelectionChange_MultiRow, DataSourcePropOnRowSelectionChange_SingleRow, DataSourcePropPivotBy, DataSourcePropRowSelection, DataSourcePropRowSelection_MultiRow, DataSourcePropRowSelection_SingleRow, DataSourcePropSelectionMode, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourceProps, DataSourceReducer, DataSourceRemoteData, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, GroupRowsState, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableApi, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderFunctionForGroupRows, InfiniteTableColumnRenderFunctionForNormalRows, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableColumnsMap, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableFilterEditorProps, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropComponents, InfiniteTablePropFilterEditors, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, NumberFilterEditor, RowSelectionState, Scrollbars, StringFilterEditor, components, debounce, defaultFilterEditors, defaultFilterTypes, defaultFilterTypes as filterTypes, flatten, getComponentStateRoot, group, interceptMap, multisort, useComponentState, useDataSource, useEffectWithChanges, useInfiniteColumnCell, useInfiniteHeaderCell };

package/index.esm.css

@@ -541,6 +541,47 @@
   visibility: visible;
 }
 
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/icons/ExpanderIcon.css.ts.vanilla.css?source= */
+
+/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableRow/row.css.ts.vanilla.css?source=#H4sIAAAAAAAAA82SwW7DIBBE7/kKjnElIkdtFcn9mAjD2kYlC4K1XbXqvxcsqwmpU+dU9YbYmcesmN3x4Ho3lCX72DA2amO47AS2UDHyAkNj/eklTpwNmrTFiok6WNMTpFuyrmJlOhloaD46q5HAcxgAKVRsEH7LucZGoybg3o48l/Cx0wZ4kN4ao7EtEuXCIeN7J+QSYri65coicTuA91rBIr4W8rX1tkcVUZ+b3bzjftrxpnYR1aWHcuAPRAADkkCtsb5190CtWuUtYM7LPk7LrhBueJ/u8eYBM//z5H+PegVvFduX5eX08Ou0nqZOKBWbEDWxELEaJHyslxRGbq+iZG3gKYyb4iEESgQD2FJXsIfrHc7SuV+zo8hWkf8rjlqKA+mH/i7MF+wOkM8zBAAA */
+._7pupv00 {
+  will-change: transform;
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: var(--infinite-row-pointer-events-while-scrolling);
+  --infinite-column-cell-bg-dont-override: var(--infinite-row-background);
+}
+._7pupv01 {
+  --infinite-row-background: var(--infinite-row-hover-background);
+  --infinite-row-selected-background: var(--infinite-row-selected-hover-background);
+  --infinite-row-odd-background: var(--infinite-row-hover-background);
+}
+._7pupv03 {
+  background: var(--infinite-row-background);
+}
+._7pupv04 {
+  background: var(--infinite-row-odd-background);
+}
+._7pupv05 {
+  z-index: 100;
+}
+._7pupv07 {
+  z-index: 100;
+}
+._7pupv0b {
+  -webkit-padding-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
+  padding-inline-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
+}
+._7pupv0c {
+  -webkit-padding-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
+  padding-inline-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
+}
+._7pupv0d {
+  -webkit-padding-end: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
+  padding-inline-end: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
+}
+
 /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6WSy27CMBBF93yFl2VhxKMvpR9TOfY4GBxPNHZ4qOLfm9i0xQ200G4iR3PvmTujmbzOAHZyLqbsbcTYqvXB6D2X6AK4UDDZfYFeRofR5EM5O6/UFnbcB0EhU89/V7P0py1uC0a45QQbIA8ZZxE5gYTzJhh0BbOgA1tMp7XPhPcDoUOXsx6ipBFKGVcVbCPojnPjtHEmAJdgLT8Wx326EkkB8b7fefFRsDUqLMfMozUqBWgEddOeMMhUy79C4gB7aMv5xrLPWR4H48a3RqoHbdC2teu2mzqB1iADVy2J3jjOVvQUsbWgyriOYI2DQWwPtgN0Vi6XINcl7nhmyInPkdhlQDq/gFjKPRA9pZDrirB1amDsr+WrnJv1NWZU6iKgugaQlgCXKatESTsP2MQ74iSUaf2Pl5AkpxdYYghY3w44SWO/p4kX+a84txMO73J/8Ap2BAAA */
 ._1eexc2a0 {
   justify-content: center;
@@ -704,45 +745,6 @@
   background: var(--infinite-resize-handle-constrained-hover-background);
 }
 
-/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableRow/row.css.ts.vanilla.css?source=#H4sIAAAAAAAAA82SwW7DIBBE7/kKjnElIkdtFcn9mAjD2kYlC4K1XbXqvxcsqwmpU+dU9YbYmcesmN3x4Ho3lCX72DA2amO47AS2UDHyAkNj/eklTpwNmrTFiok6WNMTpFuyrmJlOhloaD46q5HAcxgAKVRsEH7LucZGoybg3o48l/Cx0wZ4kN4ao7EtEuXCIeN7J+QSYri65coicTuA91rBIr4W8rX1tkcVUZ+b3bzjftrxpnYR1aWHcuAPRAADkkCtsb5190CtWuUtYM7LPk7LrhBueJ/u8eYBM//z5H+PegVvFduX5eX08Ou0nqZOKBWbEDWxELEaJHyslxRGbq+iZG3gKYyb4iEESgQD2FJXsIfrHc7SuV+zo8hWkf8rjlqKA+mH/i7MF+wOkM8zBAAA */
-._7pupv00 {
-  will-change: transform;
-  position: absolute;
-  top: 0;
-  left: 0;
-  pointer-events: var(--infinite-row-pointer-events-while-scrolling);
-  --infinite-column-cell-bg-dont-override: var(--infinite-row-background);
-}
-._7pupv01 {
-  --infinite-row-background: var(--infinite-row-hover-background);
-  --infinite-row-selected-background: var(--infinite-row-selected-hover-background);
-  --infinite-row-odd-background: var(--infinite-row-hover-background);
-}
-._7pupv03 {
-  background: var(--infinite-row-background);
-}
-._7pupv04 {
-  background: var(--infinite-row-odd-background);
-}
-._7pupv05 {
-  z-index: 100;
-}
-._7pupv07 {
-  z-index: 100;
-}
-._7pupv0b {
-  -webkit-padding-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
-  padding-inline-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
-}
-._7pupv0c {
-  -webkit-padding-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
-  padding-inline-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
-}
-._7pupv0d {
-  -webkit-padding-end: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
-  padding-inline-end: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
-}
-
 /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/LoadMask.css.ts.vanilla.css?source=LnF5NTh5YTAgewogIGZsZXgtZmxvdzogcm93OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLnF5NTh5YTEgewogIGRpc3BsYXk6IGZsZXg7Cn0KLnF5NTh5YTIgewogIGRpc3BsYXk6IG5vbmU7Cn0KLnF5NTh5YTMgewogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWxvYWQtbWFzay1vdmVybGF5LWJhY2tncm91bmQpOwogIG9wYWNpdHk6IHZhcigtLWluZmluaXRlLWxvYWQtbWFzay1vdmVybGF5LW9wYWNpdHkpOwp9Ci5xeTU4eWE0IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgcGFkZGluZzogdmFyKC0taW5maW5pdGUtbG9hZC1tYXNrLXBhZGRpbmcpOwogIGNvbG9yOiB2YXIoLS1pbmZpbml0ZS1sb2FkLW1hc2stY29sb3IpOwogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWxvYWQtbWFzay10ZXh0LWJhY2tncm91bmQpOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLWluZmluaXRlLWxvYWQtbWFzay1ib3JkZXItcmFkaXVzKTsKfQ== */
 .qy58ya0 {
   flex-flow: row;
@@ -766,5 +768,3 @@
   background: var(--infinite-load-mask-text-background);
   border-radius: var(--infinite-load-mask-border-radius);
 }
-
-/* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/icons/ExpanderIcon.css.ts.vanilla.css?source= */