@infinite-table/infinite-react 0.5.0 → 0.5.2

package/src/components/InfiniteTable/types/InfiniteTableProps.ts

@@ -1,511 +0,0 @@
-import * as React from 'react';
-
-import {
-  AggregationReducer,
-  InfiniteTableRowInfoDataDiscriminator,
-} from '../../../utils/groupAndPivot';
-import {
-  DataSourceGroupBy,
-  DataSourcePivotBy,
-  DataSourcePropGroupBy,
-  DataSourcePropPivotBy,
-  DataSourcePropSelectionMode,
-  DataSourceSingleSortInfo,
-  DataSourceState,
-} from '../../DataSource/types';
-import { Renderable } from '../../types/Renderable';
-
-import type {
-  InfiniteTableColumn,
-  InfiniteTableColumnRenderFunction,
-  InfiniteTableColumnRenderFunctionForGroupRows,
-  InfiniteTableComputedColumn,
-  InfiniteTableComputedPivotFinalColumn,
-  InfiniteTableDataTypeNames,
-  InfiniteTablePivotColumn,
-  InfiniteTablePivotFinalColumn,
-} from './InfiniteTableColumn';
-import {
-  InfiniteTableActions,
-  InfiniteTablePropPivotGrandTotalColumnPosition,
-  InfiniteTablePropPivotTotalColumnPosition,
-} from './InfiniteTableState';
-
-import { InfiniteTableState } from '.';
-import { InfiniteTableComputedValues } from './InfiniteTableComputedValues';
-import { InfiniteCheckBoxProps } from '../components/CheckBox';
-import { InfiniteTableSelectionApi } from '../api/getSelectionApi';
-import { MenuProps } from '../../Menu/MenuProps';
-import { SortDir } from '../../../utils/multisort';
-import { KeyOfNoSymbol } from './Utility';
-
-export type LoadMaskProps = {
-  visible: boolean;
-  children: Renderable;
-};
-
-// export type TablePropColumnOrderItem = string | { id: string; visible: boolean };
-export type InfiniteTablePropColumnOrderNormalized = string[];
-export type InfiniteTablePropColumnOrder =
-  | InfiniteTablePropColumnOrderNormalized
-  | true;
-
-export type InfiniteTablePropColumnVisibility = Record<string, false>;
-
-export type InfiniteTableColumnPinnedValues = false | 'start' | 'end';
-
-export type InfiniteTablePropColumnPinning = Record<
-  string,
-  true | 'start' | 'end'
->;
-
-export type InfiniteTableRowStyleFnParams<T> = {
-  rowIndex: number;
-} & InfiniteTableRowInfoDataDiscriminator<T>;
-export type InfiniteTableRowStyleFn<T> = (
-  params: InfiniteTableRowStyleFnParams<T>,
-) => undefined | React.CSSProperties;
-export type InfiniteTableRowClassNameFn<T> = (
-  params: InfiniteTableRowStyleFnParams<T>,
-) => string | undefined;
-export type InfiniteTablePropRowStyle<T> =
-  | React.CSSProperties
-  | InfiniteTableRowStyleFn<T>;
-export type InfiniteTablePropRowClassName<T> =
-  | string
-  | InfiniteTableRowClassNameFn<T>;
-
-export type InfiniteTableColumnAggregator<T, AggregationResultType> = Omit<
-  AggregationReducer<T, AggregationResultType>,
-  'getter' | 'id'
-> & {
-  getter?: AggregationReducer<T, AggregationResultType>['getter'];
-  field?: keyof T;
-};
-
-export type InfiniteTableColumnType<T> = {
-  minWidth?: number;
-  maxWidth?: number;
-
-  filterType?: string;
-  sortType?: string;
-  dataType?: InfiniteTableDataTypeNames;
-
-  defaultWidth?: number;
-  defaultFlex?: number;
-  defaultPinned?: InfiniteTableColumnPinnedValues;
-  defaultFilterable?: boolean;
-  defaultHiddenWhenGroupedBy?: InfiniteTableColumn<T>['defaultHiddenWhenGroupedBy'];
-
-  header?: InfiniteTableColumn<T>['header'];
-  comparer?: InfiniteTableColumn<T>['comparer'];
-  draggable?: InfiniteTableColumn<T>['draggable'];
-  sortable?: InfiniteTableColumn<T>['sortable'];
-  resizable?: InfiniteTableColumn<T>['resizable'];
-  align?: InfiniteTableColumn<T>['align'];
-  verticalAlign?: InfiniteTableColumn<T>['verticalAlign'];
-
-  columnGroup?: string;
-
-  cssEllipsis?: boolean;
-  headerCssEllipsis?: boolean;
-  field?: KeyOfNoSymbol<T>;
-
-  components?: InfiniteTableColumn<T>['components'];
-  renderMenuIcon?: InfiniteTableColumn<T>['renderMenuIcon'];
-  renderSortIcon?: InfiniteTableColumn<T>['renderSortIcon'];
-  renderSelectionCheckBox?: InfiniteTableColumn<T>['renderSelectionCheckBox'];
-  renderHeaderSelectionCheckBox?: InfiniteTableColumn<T>['renderHeaderSelectionCheckBox'];
-  renderValue?: InfiniteTableColumn<T>['renderValue'];
-  render?: InfiniteTableColumn<T>['render'];
-  valueGetter?: InfiniteTableColumn<T>['valueGetter'];
-  valueFormatter?: InfiniteTableColumn<T>['valueFormatter'];
-  style?: InfiniteTableColumn<T>['style'];
-  headerStyle?: InfiniteTableColumn<T>['headerStyle'];
-  headerClassName?: InfiniteTableColumn<T>['headerClassName'];
-};
-export type InfiniteTablePropColumnTypesMap<T> = Map<
-  'default' | string,
-  InfiniteTableColumnType<T>
->;
-export type InfiniteTablePropColumnTypes<T> = Record<
-  'default' | string,
-  InfiniteTableColumnType<T>
->;
-
-export type InfiniteTableColumnSizingOptions = {
-  flex?: number;
-  width?: number;
-  minWidth?: number;
-  maxWidth?: number;
-};
-export type InfiniteTablePropColumnSizing = Record<
-  string,
-  InfiniteTableColumnSizingOptions
->;
-
-export type InfiniteTableStateGetter<T> = () => InfiniteTableState<T>;
-export type InfiniteTableComputedValuesGetter<T> =
-  () => InfiniteTableComputedValues<T>;
-export type InfiniteTableActionsGetter<T> = () => InfiniteTableActions<T>;
-export type DataSourceStateGetter<T> = () => DataSourceState<T>;
-
-export type InfiniteTableApi<T> = {
-  get selectionApi(): InfiniteTableSelectionApi;
-  setColumnOrder: (columnOrder: InfiniteTablePropColumnOrder) => void;
-  setColumnVisibility: (
-    columnVisibility: InfiniteTablePropColumnVisibility,
-  ) => void;
-  x?: T;
-
-  get scrollLeft(): number;
-  set scrollLeft(value: number);
-
-  get scrollTop(): number;
-  set scrollTop(value: number);
-
-  toggleGroupRow: (groupKeys: any[]) => void;
-  collapseGroupRow: (groupKeys: any[]) => boolean;
-  expandGroupRow: (groupKeys: any[]) => boolean;
-
-  setSortInfoForColumn: (
-    columnId: string,
-    sortInfo: DataSourceSingleSortInfo<T> | null,
-  ) => void;
-
-  setPinningForColumn: (
-    columnId: string,
-    pinning: InfiniteTableColumnPinnedValues,
-  ) => void;
-
-  setSortingForColumn: (columnId: string, dir: SortDir | null) => void;
-
-  setVisibilityForColumn: (columnId: string, visible: boolean) => void;
-  getVisibleColumnsCount: () => number;
-
-  scrollRowIntoView: (
-    rowIndex: number,
-    config?: {
-      scrollAdjustPosition?: ScrollAdjustPosition;
-      offset?: number;
-    },
-  ) => boolean;
-  scrollColumnIntoView: (
-    colId: string,
-    config?: {
-      scrollAdjustPosition?: ScrollAdjustPosition;
-      offset?: number;
-    },
-  ) => boolean;
-  scrollCellIntoView: (
-    rowIndex: number,
-    colIdOrIndex: string | number,
-    config?: {
-      scrollAdjustPosition?: ScrollAdjustPosition;
-      offset?: number;
-    },
-  ) => boolean;
-
-  getState: () => InfiniteTableState<T>;
-  getDataSourceState: () => DataSourceState<T>;
-};
-export type InfiniteTablePropVirtualizeColumns<T> =
-  | boolean
-  | ((columns: InfiniteTableComputedColumn<T>[]) => boolean);
-
-export type InfiniteTableInternalProps<T> = {
-  rowHeight: number;
-  ___t?: T;
-};
-
-export type InfiniteTableColumnsMap<
-  T,
-  ColumnType = InfiniteTableColumn<T>,
-> = Map<string, ColumnType>;
-
-export type InfiniteTablePropColumns<T, ColumnType = InfiniteTableColumn<T>> =
-  | Record<string, ColumnType>
-  | InfiniteTableColumnsMap<T, ColumnType>;
-
-export type InfiniteTableColumns<T> = InfiniteTablePropColumns<T>;
-
-export type InfiniteTablePropColumnGroupsMap = Map<
-  string,
-  InfiniteTableColumnGroup
->;
-export type InfiniteTablePropColumnGroupsRecord = Record<
-  string,
-  InfiniteTableColumnGroup
->;
-export type InfiniteTablePropColumnGroups =
-  | InfiniteTablePropColumnGroupsRecord
-  | InfiniteTablePropColumnGroupsMap;
-
-/**
- * the keys is an array of strings: first string in the array is the column group id, next strings are the ids of all columns in the group
- * the value is the id of the column to leave as visible
- */
-export type InfiniteTablePropCollapsedColumnGroupsMap = Map<string[], string>;
-export type InfiniteTablePropCollapsedColumnGroups = Map<string[], string>;
-
-export type InfiniteTableColumnGroupHeaderRenderParams = {
-  columnGroup: InfiniteTableComputedColumnGroup;
-};
-export type InfiniteTableColumnGroupHeaderRenderFunction = (
-  params: InfiniteTableColumnGroupHeaderRenderParams,
-) => Renderable;
-
-export type InfiniteTableColumnGroup = {
-  columnGroup?: string;
-  header?: Renderable | InfiniteTableColumnGroupHeaderRenderFunction;
-};
-export type InfiniteTableComputedColumnGroup = InfiniteTableColumnGroup & {
-  id: string;
-  groupOffset: number;
-  computedWidth: number;
-  uniqueGroupId: string[];
-  columns: string[];
-  depth: number;
-};
-
-export type InfiniteTableGroupColumnGetterOptions<T> = {
-  groupIndexForColumn?: number;
-  groupByForColumn?: DataSourceGroupBy<T>;
-  selectionMode: DataSourcePropSelectionMode;
-  groupRenderStrategy: InfiniteTablePropGroupRenderStrategy;
-  groupCount: number;
-  groupBy: DataSourceGroupBy<T>[];
-  pivotBy?: DataSourcePivotBy<T>[];
-  sortable?: boolean;
-};
-
-export type InfiniteTablePivotColumnGetterOptions<
-  T,
-  COL_TYPE = InfiniteTableColumn<T>,
-> = {
-  column: COL_TYPE;
-  groupBy: DataSourcePropGroupBy<T>;
-  pivotBy: DataSourcePropPivotBy<T>;
-};
-
-export type InfiniteTablePropGroupRenderStrategy =
-  | 'single-column'
-  // | 'single-column-extended'
-  | 'multi-column'
-  | 'inline';
-export type InfiniteTableGroupColumnBase<T> = Partial<
-  InfiniteTableColumn<T>
-> & {
-  renderGroupIcon?: InfiniteTableColumnRenderFunctionForGroupRows<T>;
-  id?: string;
-};
-export type InfiniteTablePivotColumnBase<T> = InfiniteTableColumn<T> & {
-  renderValue?: InfiniteTableColumnRenderFunction<
-    T,
-    InfiniteTableComputedPivotFinalColumn<T>
-  >;
-  // id?: string;
-};
-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 InfiniteTablePropComponents = {
-  LoadMask?: React.FC<React.PropsWithChildren<LoadMaskProps>>;
-  CheckBox?: React.FC<InfiniteCheckBoxProps>;
-  Menu?: React.FC<React.PropsWithChildren<MenuProps>>;
-};
-
-export type ScrollStopInfo = {
-  scrollTop: number;
-  firstVisibleRowIndex: number;
-  lastVisibleRowIndex: number;
-};
-
-export type InfiniteTablePropFilterEditors<T> = Record<
-  string,
-  React.FC<InfiniteTableFilterEditorProps<T>>
->;
-
-export type InfiniteTableFilterEditorProps<T extends any> = {
-  filterType: string;
-  operator: string;
-  ariaLabel: string;
-  filterValue: T;
-  className: string;
-  onChange: (value: T | undefined) => void;
-};
-
-export interface InfiniteTableProps<T> {
-  columns: InfiniteTablePropColumns<T>;
-  pivotColumns?: InfiniteTableColumnsMap<T, InfiniteTablePivotColumn<T>>;
-
-  loadingText?: Renderable;
-  components?: InfiniteTablePropComponents;
-
-  viewportReservedWidth?: number;
-  onViewportReservedWidthChange?: (viewportReservedWidth: number) => void;
-
-  pivotColumn?: InfiniteTablePropPivotColumn<
-    T,
-    InfiniteTableColumn<T> & InfiniteTablePivotFinalColumn<T>
-  >;
-
-  pivotTotalColumnPosition?: InfiniteTablePropPivotTotalColumnPosition;
-  pivotGrandTotalColumnPosition?: InfiniteTablePropPivotGrandTotalColumnPosition;
-
-  groupColumn?: Partial<InfiniteTablePropGroupColumn<T>>;
-  groupRenderStrategy?: InfiniteTablePropGroupRenderStrategy;
-  hideEmptyGroupColumns?: boolean;
-
-  columnVisibility?: InfiniteTablePropColumnVisibility;
-  defaultColumnVisibility?: InfiniteTablePropColumnVisibility;
-
-  pinnedStartMaxWidth?: number;
-  pinnedEndMaxWidth?: number;
-
-  // filterableColumns?: Record<string, boolean>;
-
-  columnPinning?: InfiniteTablePropColumnPinning;
-  defaultColumnPinning?: InfiniteTablePropColumnPinning;
-
-  columnSizing?: InfiniteTablePropColumnSizing;
-  defaultColumnSizing?: InfiniteTablePropColumnSizing;
-  onColumnSizingChange?: (columnSizing: InfiniteTablePropColumnSizing) => void;
-
-  pivotColumnGroups?: InfiniteTablePropColumnGroups;
-  columnGroups?: InfiniteTablePropColumnGroups;
-  defaultColumnGroups?: InfiniteTablePropColumnGroups;
-
-  defaultCollapsedColumnGroups?: InfiniteTablePropCollapsedColumnGroups;
-  collapsedColumnGroups?: InfiniteTablePropCollapsedColumnGroups;
-
-  onScrollbarsChange?: (scrollbars: Scrollbars) => void;
-
-  // TODO P1 clarify columnVisibility as object only
-  onColumnVisibilityChange?: (
-    columnVisibility: InfiniteTablePropColumnVisibility,
-  ) => void;
-  columnTypes?: InfiniteTablePropColumnTypes<T>;
-  // columnVisibilityAssumeVisible?: boolean;
-
-  showSeparatePivotColumnForSingleAggregation?: boolean;
-
-  rowHeight: number | string;
-  rowStyle?: InfiniteTablePropRowStyle<T>;
-  rowClassName?: InfiniteTablePropRowClassName<T>;
-  columnHeaderHeight: number | string;
-  domProps?: React.HTMLProps<HTMLDivElement>;
-  /**
-   * A unique identifier for the table instance. Will not be passed to the DOM.
-   */
-  id?: string;
-  showZebraRows?: boolean;
-  showHoverRows?: boolean;
-  sortable?: boolean;
-
-  keyboardNavigation?: InfiniteTablePropKeyboardNavigation;
-  keyboardSelection?: InfiniteTablePropKeyboardSelection;
-  defaultActiveRowIndex?: number | null;
-  activeRowIndex?: number | null;
-  onActiveRowIndexChange?: (activeRowIndex: number) => void;
-  onActiveCellIndexChange?: (activeCellIndex: [number, number]) => void;
-  activeCellIndex?: [number, number] | null;
-  defaultActiveCellIndex?: [number, number] | null;
-  draggableColumns?: boolean;
-  header?: boolean;
-  headerOptions?: InfiniteTablePropHeaderOptions;
-  focusedClassName?: string;
-  focusedWithinClassName?: string;
-  focusedStyle?: React.CSSProperties;
-  focusedWithinStyle?: React.CSSProperties;
-  columnCssEllipsis?: boolean;
-  columnHeaderCssEllipsis?: boolean;
-  columnDefaultWidth?: number;
-  columnMinWidth?: number;
-  columnMaxWidth?: number;
-
-  hideColumnWhenGrouped?: boolean;
-
-  resizableColumns?: boolean;
-  virtualizeColumns?: InfiniteTablePropVirtualizeColumns<T>;
-  virtualizeRows?: boolean;
-
-  onSelfFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
-  onSelfBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
-  onFocusWithin?: (event: React.FocusEvent<HTMLDivElement>) => void;
-  onBlurWithin?: (event: React.FocusEvent<HTMLDivElement>) => void;
-
-  onScrollToTop?: () => void;
-  onScrollToBottom?: () => void;
-  scrollStopDelay?: number;
-  onScrollStop?: (param: ScrollStopInfo) => void;
-  scrollToBottomOffset?: number;
-
-  defaultColumnOrder?: InfiniteTablePropColumnOrder;
-  columnOrder?: InfiniteTablePropColumnOrder;
-  onColumnOrderChange?: (
-    columnOrder: InfiniteTablePropColumnOrderNormalized,
-  ) => void;
-  onRowHeightChange?: (rowHeight: number) => void;
-
-  filterEditors?: InfiniteTablePropFilterEditors<T>;
-
-  onReady?: (api: InfiniteTableApi<T>) => void;
-
-  rowProps?:
-    | React.HTMLProps<HTMLDivElement>
-    | ((
-        rowArgs: InfiniteTableRowStyleFnParams<T>,
-      ) => React.HTMLProps<HTMLDivElement>);
-
-  licenseKey?: string;
-
-  scrollTopKey?: string | number;
-  autoSizeColumnsKey?: InfiniteTablePropAutoSizeColumnsKey;
-
-  getColumContextMenuItems?: (params: {
-    column: InfiniteTableComputedColumn<T>;
-    api: InfiniteTableApi<T>;
-    getState: () => InfiniteTableState<T>;
-    getComputed: () => InfiniteTableComputedValues<T>;
-    actions: InfiniteTableActions<T>;
-  }) => MenuProps['items'];
-}
-
-export type InfiniteTablePropKeyboardNavigation = 'cell' | 'row' | false;
-export type InfiniteTablePropKeyboardSelection = boolean;
-
-export type InfiniteTablePropHeaderOptions = {
-  alwaysReserveSpaceForSortIcon: boolean;
-};
-
-export type InfiniteTablePropAutoSizeColumnsKey =
-  | string
-  | number
-  | {
-      key: string | number;
-      columnsToSkip?: string[];
-      columnsToResize?: string[];
-      includeHeader?: boolean;
-    };
-
-export type Scrollbars = {
-  vertical: boolean;
-  horizontal: boolean;
-};
-
-export type ScrollAdjustPosition = 'start' | 'end' | 'center';

package/src/components/InfiniteTable/types/InfiniteTableState.ts

@@ -1,195 +0,0 @@
-import type { KeyboardEvent, MouseEvent, MutableRefObject } from 'react';
-import { DataSourceGroupBy, DataSourceProps } from '../../DataSource/types';
-import { ReactHeadlessTableRenderer } from '../../HeadlessTable/ReactHeadlessTableRenderer';
-import { ComponentStateActions } from '../../hooks/useComponentState/types';
-import { CellPosition } from '../../types/CellPosition';
-import type { NonUndefined } from '../../types/NonUndefined';
-import { Renderable } from '../../types/Renderable';
-import type { ScrollPosition } from '../../types/ScrollPosition';
-import type { Size } from '../../types/Size';
-import { SubscriptionCallback } from '../../types/SubscriptionCallback';
-
-import { MatrixBrain } from '../../VirtualBrain/MatrixBrain';
-import { ScrollListener } from '../../VirtualBrain/ScrollListener';
-
-import {
-  InfiniteTableColumn,
-  InfiniteTableComputedColumn,
-} from './InfiniteTableColumn';
-import type {
-  InfiniteTableColumnGroup,
-  InfiniteTablePropColumnGroupsMap,
-  InfiniteTablePropColumnPinning,
-  InfiniteTablePropColumnSizing,
-  InfiniteTableColumnsMap,
-  InfiniteTablePropColumnTypes,
-  InfiniteTablePropColumnVisibility,
-  InfiniteTableProps,
-} from './InfiniteTableProps';
-
-export type GroupByMap<T> = Map<
-  keyof T,
-  { groupBy: DataSourceGroupBy<T>; groupIndex: number }
->;
-
-export interface InfiniteTableSetupState<T> {
-  renderer: ReactHeadlessTableRenderer;
-  onRenderUpdater: SubscriptionCallback<Renderable>;
-  propsCache: Map<keyof InfiniteTableProps<T>, WeakMap<any, any>>;
-  columnsWhenInlineGroupRenderStrategy?: Map<string, InfiniteTableColumn<T>>;
-  domRef: MutableRefObject<HTMLDivElement | null>;
-  scrollerDOMRef: MutableRefObject<HTMLDivElement | null>;
-  portalDOMRef: MutableRefObject<HTMLDivElement | null>;
-  activeCellIndicatorDOMRef: MutableRefObject<HTMLDivElement | null>;
-  onRowHeightCSSVarChange: SubscriptionCallback<number>;
-  onColumnMenuClick: SubscriptionCallback<{
-    target: HTMLElement;
-    column: InfiniteTableComputedColumn<T>;
-  }>;
-  columnContextMenuVisibleForColumnId: string | null;
-  onColumnHeaderHeightCSSVarChange: SubscriptionCallback<number>;
-  cellClick: SubscriptionCallback<CellPosition & { event: MouseEvent }>;
-  cellMouseDown: SubscriptionCallback<CellPosition & { event: MouseEvent }>;
-  keyDown: SubscriptionCallback<KeyboardEvent>;
-  columnsWhenGrouping?: InfiniteTableColumnsMap<T>;
-  bodySize: Size;
-  brain: MatrixBrain;
-  headerBrain: MatrixBrain;
-  focused: boolean;
-  ready: boolean;
-  columnReorderDragColumnId: false | string;
-  columnVisibilityForGrouping: Record<string, false>;
-  focusedWithin: boolean;
-  scrollPosition: ScrollPosition;
-  pinnedStartScrollListener: ScrollListener;
-  pinnedEndScrollListener: ScrollListener;
-}
-
-export type InfiniteTableColumnGroupWithDepth = InfiniteTableColumnGroup & {
-  depth: number;
-};
-export type InfiniteTableColumnGroupsDepthsMap = Map<string, number>;
-
-export type InfiniteTablePropPivotTotalColumnPosition = false | 'start' | 'end';
-export type InfiniteTablePropPivotGrandTotalColumnPosition =
-  InfiniteTablePropPivotTotalColumnPosition;
-
-export interface InfiniteTableMappedState<T> {
-  id: InfiniteTableProps<T>['id'];
-  scrollTopKey: InfiniteTableProps<T>['scrollTopKey'];
-  viewportReservedWidth: InfiniteTableProps<T>['viewportReservedWidth'];
-  resizableColumns: InfiniteTableProps<T>['resizableColumns'];
-  groupColumn: InfiniteTableProps<T>['groupColumn'];
-  headerOptions: NonUndefined<InfiniteTableProps<T>['headerOptions']>;
-
-  onScrollbarsChange: InfiniteTableProps<T>['onScrollbarsChange'];
-
-  getColumContextMenuItems: InfiniteTableProps<T>['getColumContextMenuItems'];
-
-  columnPinning: InfiniteTablePropColumnPinning;
-
-  loadingText: InfiniteTableProps<T>['loadingText'];
-  components: InfiniteTableProps<T>['components'];
-  columns: InfiniteTableColumnsMap<T>;
-  pivotColumns: InfiniteTableProps<T>['pivotColumns'];
-  onReady: InfiniteTableProps<T>['onReady'];
-
-  onSelfFocus: InfiniteTableProps<T>['onSelfFocus'];
-  onSelfBlur: InfiniteTableProps<T>['onSelfBlur'];
-  onFocusWithin: InfiniteTableProps<T>['onFocusWithin'];
-  onBlurWithin: InfiniteTableProps<T>['onBlurWithin'];
-
-  autoSizeColumnsKey: InfiniteTableProps<T>['autoSizeColumnsKey'];
-
-  activeRowIndex: InfiniteTableProps<T>['activeRowIndex'];
-  activeCellIndex: InfiniteTableProps<T>['activeCellIndex'];
-  scrollStopDelay: NonUndefined<InfiniteTableProps<T>['scrollStopDelay']>;
-  onScrollToTop: InfiniteTableProps<T>['onScrollToTop'];
-  onScrollToBottom: InfiniteTableProps<T>['onScrollToBottom'];
-  onScrollStop: InfiniteTableProps<T>['onScrollStop'];
-  scrollToBottomOffset: InfiniteTableProps<T>['scrollToBottomOffset'];
-
-  filterEditors: NonUndefined<InfiniteTableProps<T>['filterEditors']>;
-
-  focusedClassName: InfiniteTableProps<T>['focusedClassName'];
-  focusedWithinClassName: InfiniteTableProps<T>['focusedWithinClassName'];
-  focusedStyle: InfiniteTableProps<T>['focusedStyle'];
-  focusedWithinStyle: InfiniteTableProps<T>['focusedWithinStyle'];
-  showSeparatePivotColumnForSingleAggregation: NonUndefined<
-    InfiniteTableProps<T>['showSeparatePivotColumnForSingleAggregation']
-  >;
-  domProps: InfiniteTableProps<T>['domProps'];
-  rowStyle: InfiniteTableProps<T>['rowStyle'];
-  rowProps: InfiniteTableProps<T>['rowProps'];
-  rowClassName: InfiniteTableProps<T>['rowClassName'];
-  pinnedStartMaxWidth: InfiniteTableProps<T>['pinnedStartMaxWidth'];
-  pinnedEndMaxWidth: InfiniteTableProps<T>['pinnedEndMaxWidth'];
-  pivotColumn: InfiniteTableProps<T>['pivotColumn'];
-  pivotColumnGroups: InfiniteTablePropColumnGroupsMap;
-
-  columnMinWidth: NonUndefined<InfiniteTableProps<T>['columnMinWidth']>;
-  columnMaxWidth: NonUndefined<InfiniteTableProps<T>['columnMaxWidth']>;
-  columnDefaultWidth: NonUndefined<InfiniteTableProps<T>['columnDefaultWidth']>;
-  columnCssEllipsis: NonUndefined<InfiniteTableProps<T>['columnCssEllipsis']>;
-
-  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']>;
-  showHoverRows: NonUndefined<InfiniteTableProps<T>['showHoverRows']>;
-  header: NonUndefined<InfiniteTableProps<T>['header']>;
-  virtualizeColumns: NonUndefined<InfiniteTableProps<T>['virtualizeColumns']>;
-  rowHeight: number;
-  columnHeaderHeight: number;
-  licenseKey: NonUndefined<InfiniteTableProps<T>['licenseKey']>;
-  columnVisibility: InfiniteTablePropColumnVisibility;
-
-  columnSizing: InfiniteTablePropColumnSizing;
-  columnTypes: InfiniteTablePropColumnTypes<T>;
-  columnGroups: InfiniteTablePropColumnGroupsMap;
-  collapsedColumnGroups: NonUndefined<
-    InfiniteTableProps<T>['collapsedColumnGroups']
-  >;
-  pivotTotalColumnPosition: NonUndefined<
-    InfiniteTableProps<T>['pivotTotalColumnPosition']
-  >;
-  pivotGrandTotalColumnPosition: InfiniteTableProps<T>['pivotGrandTotalColumnPosition'];
-}
-
-export 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']>;
-
-  columnGroupsDepthsMap: InfiniteTableColumnGroupsDepthsMap;
-  columnGroupsMaxDepth: number;
-  computedColumnGroups: InfiniteTablePropColumnGroupsMap;
-
-  rowHeightCSSVar: string;
-  columnHeaderHeightCSSVar: string;
-  controlledColumnVisibility: boolean;
-}
-
-export type InfiniteTableActions<T> = ComponentStateActions<
-  InfiniteTableState<T>
->;
-export interface InfiniteTableState<T>
-  extends InfiniteTableMappedState<T>,
-    InfiniteTableDerivedState<T>,
-    InfiniteTableSetupState<T> {}