@infinite-table/infinite-react 0.4.3 → 0.4.4

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,12 @@ 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>;
+    groupByColumn?: InfiniteTableComputedColumn<DATA_TYPE>;
     toggleCurrentGroupRow: () => void;
     toggleGroupRow: InfiniteTableToggleGroupRowFn;
     toggleCurrentGroupRowSelection: () => void;
@@ -201,7 +206,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>;
@@ -245,19 +250,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 +277,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?: InfiniteTableColumnRenderFunction<DATA_TYPE>;
+    renderLeafValue?: InfiniteTableColumnRenderFunction<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 +345,7 @@ declare type InfiniteTableComputedColumnBase<T> = {
     computedSortedAsc: boolean;
     computedSortedDesc: boolean;
     computedSortIndex: number;
+    computedVisible: boolean;
     computedVisibleIndex: number;
     computedVisibleIndexInCategory: number;
     computedMultiSort: boolean;
@@ -355,6 +360,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 +786,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;
@@ -925,6 +932,9 @@ interface InfiniteTableSetupState<T> {
     cellClick: SubscriptionCallback<CellPosition & {
         event: MouseEvent;
     }>;
+    cellMouseDown: SubscriptionCallback<CellPosition & {
+        event: MouseEvent;
+    }>;
     keyDown: SubscriptionCallback<KeyboardEvent>;
     columnsWhenGrouping?: InfiniteTableColumnsMap<T>;
     bodySize: Size;
@@ -987,6 +997,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 +1018,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 +1119,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>;
@@ -1413,6 +1425,7 @@ declare type InfiniteTableRowInfoDataDiscriminator<T> = {
     rowInfo: InfiniteTable_NoGrouping_RowInfoNormal<T> | InfiniteTable_HasGrouping_RowInfoNormal<T>;
     field?: keyof T;
     value: any;
+    rowSelected: boolean | null;
 } | {
     rowActive: boolean;
     data: Partial<T> | null;
@@ -1420,6 +1433,7 @@ declare type InfiniteTableRowInfoDataDiscriminator<T> = {
     isGroupRow: true;
     field?: keyof T;
     value: any;
+    rowSelected: boolean | null;
 };
 /**
  * This is the base row info for all scenarios - things every
@@ -1803,6 +1817,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 +1826,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 +1912,7 @@ interface InfiniteTableProps<T> {
     columnDefaultWidth?: number;
     columnMinWidth?: number;
     columnMaxWidth?: number;
+    hideColumnWhenGrouped?: boolean;
     resizableColumns?: boolean;
     virtualizeColumns?: InfiniteTablePropVirtualizeColumns<T>;
     virtualizeRows?: boolean;

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= */