@vuu-ui/vuu-table 0.8.12 → 0.8.13

package/types/vuu-table/src/table/keyUtils.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-export declare const ArrowUp = "ArrowUp";
-export declare const ArrowDown = "ArrowDown";
-export declare const ArrowLeft = "ArrowLeft";
-export declare const ArrowRight = "ArrowRight";
-export declare const Enter = "Enter";
-export declare const Escape = "Escape";
-export declare const Home = "Home";
-export declare const End = "End";
-export declare const PageUp = "PageUp";
-export declare const PageDown = "PageDown";
-export declare const Space = " ";
-export declare const Tab = "Tab";
-export declare const isCharacterKey: (evt: React.KeyboardEvent) => boolean;
-export type ArrowKey = "ArrowUp" | "ArrowDown" | "ArrowLeft" | "ArrowRight";
-export type PageKey = "Home" | "End" | "PageUp" | "PageDown";
-export type NavigationKey = PageKey | ArrowKey;
-export declare const isPagingKey: (key: string) => key is PageKey;
-export declare const isNavigationKey: (key: string) => key is NavigationKey;

package/types/vuu-table/src/table/useDataSource.d.ts

@@ -1,41 +0,0 @@
-import { DataSource, DataSourceConfigMessage, DataSourceSubscribedMessage, VuuFeatureInvocationMessage, VuuFeatureMessage } from "@vuu-ui/vuu-data";
-import { DataSourceRow } from "@vuu-ui/vuu-data-types";
-import { VuuRange, VuuSortCol } from "@vuu-ui/vuu-protocol-types";
-export type SubscriptionDetails = {
-    columnNames?: string[];
-    range: {
-        from: number;
-        to: number;
-    };
-    sort?: VuuSortCol[];
-};
-export interface DataSourceHookProps {
-    dataSource: DataSource;
-    onConfigChange?: (message: DataSourceConfigMessage) => void;
-    onFeatureEnabled?: (message: VuuFeatureMessage) => void;
-    onFeatureInvocation?: (message: VuuFeatureInvocationMessage) => void;
-    onSizeChange: (size: number) => void;
-    onSubscribed: (subscription: DataSourceSubscribedMessage) => void;
-    range?: VuuRange;
-    renderBufferSize?: number;
-    viewportRowCount: number;
-}
-export declare function useDataSource({ dataSource, onConfigChange, onFeatureEnabled, onFeatureInvocation, onSizeChange, onSubscribed, range, renderBufferSize, viewportRowCount, }: DataSourceHookProps): {
-    data: DataSourceRow[];
-    getSelectedRows: () => DataSourceRow[];
-    range: VuuRange;
-    setRange: (range: VuuRange) => void;
-    dataSource: DataSource;
-};
-export declare class MovingWindow {
-    data: DataSourceRow[];
-    rowCount: number;
-    private range;
-    constructor({ from, to }: VuuRange);
-    setRowCount: (rowCount: number) => void;
-    add(data: DataSourceRow): void;
-    getAtIndex(index: number): DataSourceRow | undefined;
-    isWithinRange(index: number): boolean;
-    setRange({ from, to }: VuuRange): void;
-    getSelectedRows(): DataSourceRow[];
-}

package/types/vuu-table/src/table/useDraggableColumn.d.ts

@@ -1,9 +0,0 @@
-import { MouseEvent } from "react";
-export interface DraggableColumnHookProps {
-    onDrop: (fromIndex: number, toIndex: number) => void;
-}
-export declare const useDraggableColumn: ({ onDrop }: DraggableColumnHookProps) => {
-    draggable: JSX.Element | undefined;
-    draggedItemIndex: number | undefined;
-    onHeaderCellDragStart: (evt: MouseEvent) => void;
-};

package/types/vuu-table/src/table/useKeyboardNavigation.d.ts

@@ -1,22 +0,0 @@
-import { DataSourceRow } from "@vuu-ui/vuu-data-types";
-import { VuuRange } from "@vuu-ui/vuu-protocol-types";
-import { KeyboardEvent, MouseEvent, RefObject } from "react";
-import { ScrollRequestHandler } from "./useTableScroll";
-export type CellPos = [number, number];
-export interface NavigationHookProps {
-    containerRef: RefObject<HTMLElement>;
-    columnCount?: number;
-    data: DataSourceRow[];
-    disableHighlightOnFocus?: boolean;
-    label?: string;
-    viewportRange: VuuRange;
-    requestScroll?: ScrollRequestHandler;
-    restoreLastFocus?: boolean;
-    rowCount?: number;
-    selected?: unknown;
-}
-export declare const useKeyboardNavigation: ({ columnCount, containerRef, disableHighlightOnFocus, data, requestScroll, rowCount, viewportRange, }: NavigationHookProps) => {
-    onClick: (evt: MouseEvent) => void;
-    onFocus: () => void;
-    onKeyDown: (e: KeyboardEvent) => void;
-};

package/types/vuu-table/src/table/useMeasuredContainer.d.ts

@@ -1,30 +0,0 @@
-import { RefObject } from "react";
-export interface ClientSize {
-    clientHeight: number;
-    clientWidth: number;
-}
-export interface MeasuredProps {
-    defaultHeight?: number;
-    defaultWidth?: number;
-    height?: number;
-    width?: number;
-}
-export interface Size {
-    height: number | "100%";
-    width: number | "100%";
-}
-export interface MeasuredSize {
-    height: number;
-    width: number;
-}
-export type CssSize = {
-    height: string;
-    width: string;
-};
-export interface MeasuredContainerHookResult {
-    containerRef: RefObject<HTMLDivElement>;
-    cssSize: CssSize;
-    outerSize: Size;
-    innerSize?: MeasuredSize;
-}
-export declare const useMeasuredContainer: ({ defaultHeight, defaultWidth, height, width, }: MeasuredProps) => MeasuredContainerHookResult;

package/types/vuu-table/src/table/useMeasuredSize.d.ts

@@ -1,26 +0,0 @@
-import { RefObject } from "react";
-export type Size = {
-    pixelHeight: number;
-    pixelWidth: number;
-    clientHeight?: number;
-    clientWidth?: number;
-    height: number | "100%";
-    width: number | "100%";
-};
-export type FullSize = {
-    clientHeight?: number;
-    clientWidth?: number;
-    height: "100%";
-    width: "100%";
-};
-export type ClientSize = {
-    clientHeight: number;
-    clientWidth: number;
-};
-export type MeasuredSize = ClientSize & {
-    height: number | "100%";
-    width: number | "100%";
-};
-export declare const isMeasured: (size: Size | MeasuredSize) => size is MeasuredSize;
-export declare const isFullSize: (size: Size | MeasuredSize | FullSize) => size is FullSize;
-export declare const useMeasuredSize: (containerRef: RefObject<HTMLDivElement>, height?: number | "100%", width?: number | "100%") => Size;

package/types/vuu-table/src/table/useResizeObserver.d.ts

@@ -1,15 +0,0 @@
-import { RefObject } from "react";
-export declare const WidthHeight: string[];
-export declare const WidthOnly: string[];
-export type measurements<T = string | number> = {
-    height?: T;
-    clientHeight?: number;
-    clientWidth?: number;
-    contentHeight?: number;
-    contentWidth?: number;
-    scrollHeight?: number;
-    scrollWidth?: number;
-    width?: T;
-};
-export type ResizeHandler = (measurements: measurements<number>) => void;
-export declare function useResizeObserver(ref: RefObject<Element | HTMLElement | null>, dimensions: string[], onResize: ResizeHandler, reportInitialSize?: boolean): void;

package/types/vuu-table/src/table/useSelection.d.ts

@@ -1,9 +0,0 @@
-import { SelectionChangeHandler, TableSelectionModel } from "@vuu-ui/vuu-datagrid-types";
-import { DataSourceRow } from "@vuu-ui/vuu-data-types";
-import { RowClickHandler } from "./dataTableTypes";
-export interface SelectionHookProps {
-    selectionModel: TableSelectionModel;
-    onSelect?: (row: DataSourceRow) => void;
-    onSelectionChange: SelectionChangeHandler;
-}
-export declare const useSelection: ({ selectionModel, onSelect, onSelectionChange, }: SelectionHookProps) => RowClickHandler;

package/types/vuu-table/src/table/useTable.d.ts

@@ -1,62 +0,0 @@
-import { DataSource, VuuFeatureInvocationMessage, VuuFeatureMessage } from "@vuu-ui/vuu-data";
-import { DataSourceRow } from "@vuu-ui/vuu-data-types";
-import { GridConfig, KeyedColumnDescriptor, SelectionChangeHandler, TableSelectionModel } from "@vuu-ui/vuu-datagrid-types";
-import { VuuSortType } from "@vuu-ui/vuu-protocol-types";
-import { MouseEvent } from "react";
-import { TableColumnResizeHandler } from "./dataTableTypes";
-import { MeasuredProps } from "./useMeasuredContainer";
-export interface TableHookProps extends MeasuredProps {
-    config: Omit<GridConfig, "headings">;
-    dataSource: DataSource;
-    headerHeight: number;
-    onConfigChange?: (config: Omit<GridConfig, "headings">) => void;
-    onFeatureEnabled?: (message: VuuFeatureMessage) => void;
-    onFeatureInvocation?: (message: VuuFeatureInvocationMessage) => void;
-    renderBufferSize?: number;
-    rowHeight: number;
-    onSelectionChange?: SelectionChangeHandler;
-    selectionModel: TableSelectionModel;
-}
-export declare const useTable: ({ config, dataSource, headerHeight, onConfigChange, onFeatureEnabled, onFeatureInvocation, onSelectionChange, renderBufferSize, rowHeight, selectionModel, ...measuredProps }: TableHookProps) => {
-    draggable: JSX.Element | undefined;
-    draggedItemIndex: number | undefined;
-    onHeaderCellDragStart: (evt: MouseEvent<Element, globalThis.MouseEvent>) => void;
-    columns: KeyedColumnDescriptor[];
-    columnsWithinViewport: KeyedColumnDescriptor[];
-    containerMeasurements: import("./useMeasuredContainer").MeasuredContainerHookResult;
-    containerProps: {
-        onClick: (evt: MouseEvent<Element, globalThis.MouseEvent>) => void;
-        onFocus: () => void;
-        onKeyDown: (e: import("react").KeyboardEvent<Element>) => void;
-    };
-    data: DataSourceRow[];
-    dispatchColumnAction: import("react").Dispatch<import("./useTableModel").GridModelAction>;
-    getRowOffset: import("@vuu-ui/vuu-utils").RowOffsetFunc;
-    handleContextMenuAction: import("@vuu-ui/vuu-data-types").MenuActionHandler;
-    headings: import("@vuu-ui/vuu-datagrid-types").TableHeadings;
-    onColumnResize: TableColumnResizeHandler;
-    onContextMenu: (evt: MouseEvent<HTMLElement>) => void;
-    onRemoveColumnFromGroupBy: (column?: KeyedColumnDescriptor) => void;
-    onRowClick: import("./dataTableTypes").RowClickHandler;
-    onSort: (column: KeyedColumnDescriptor, extendSort?: any, sortType?: VuuSortType) => void;
-    onToggleGroup: (row: DataSourceRow, column: KeyedColumnDescriptor) => void;
-    virtualColSpan: number;
-    scrollProps: {
-        scrollbarContainerRef: (el: HTMLDivElement | null) => void;
-        contentContainerRef: (el: HTMLDivElement | null) => void;
-    };
-    rowCount: number;
-    viewportMeasurements: {
-        contentHeight: number;
-        horizontalScrollbarHeight: number;
-        maxScrollContainerScrollHorizontal: number;
-        maxScrollContainerScrollVertical: number;
-        pinnedWidthLeft: number;
-        pinnedWidthRight: number;
-        rowCount: number;
-        contentWidth: number;
-        totalHeaderHeight: number;
-        verticalScrollbarWidth: number;
-        viewportBodyHeight: number;
-    };
-};

package/types/vuu-table/src/table/useTableColumnResize.d.ts

@@ -1,17 +0,0 @@
-import { Heading, KeyedColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
-import { RefObject } from "react";
-export type ResizeHandler = (evt: MouseEvent, moveBy: number) => void;
-export interface CellResizeHookProps {
-    column: KeyedColumnDescriptor | Heading;
-    onResize?: (phase: resizePhase, columnName: string, width?: number) => void;
-    rootRef: RefObject<HTMLDivElement>;
-}
-type resizePhase = "begin" | "resize" | "end";
-export interface CellResizeHookResult {
-    isResizing: boolean;
-    onDrag: (evt: MouseEvent, moveBy: number) => void;
-    onDragStart: (evt: React.MouseEvent) => void;
-    onDragEnd: (evt: MouseEvent) => void;
-}
-export declare const useTableColumnResize: ({ column, onResize, rootRef, }: CellResizeHookProps) => CellResizeHookResult;
-export {};

package/types/vuu-table/src/table/useTableModel.d.ts

@@ -1,80 +0,0 @@
-import { ColumnDescriptor, GridConfig, KeyedColumnDescriptor, PinLocation, TableConfig } from "@vuu-ui/vuu-datagrid-types";
-import { Reducer } from "react";
-import { DataSourceConfig } from "@vuu-ui/vuu-data";
-import { TableSchema } from "@vuu-ui/vuu-data/src/message-utils";
-export interface TableModel extends Omit<GridConfig, "columns"> {
-    columns: KeyedColumnDescriptor[];
-    tableSchema?: Readonly<TableSchema>;
-}
-export interface ColumnActionInit {
-    type: "init";
-    tableConfig: TableConfig;
-    dataSourceConfig?: DataSourceConfig;
-}
-export interface ColumnActionHide {
-    type: "hideColumns";
-    columns: KeyedColumnDescriptor[];
-}
-export interface ColumnActionShow {
-    type: "showColumns";
-    columns: KeyedColumnDescriptor[];
-}
-export interface ColumnActionMove {
-    type: "moveColumn";
-    column: KeyedColumnDescriptor;
-    moveBy?: 1 | -1;
-    moveTo?: number;
-}
-export interface ColumnActionPin {
-    type: "pinColumn";
-    column: ColumnDescriptor;
-    pin?: PinLocation;
-}
-export interface ColumnActionResize {
-    type: "resizeColumn";
-    column: KeyedColumnDescriptor;
-    phase: "begin" | "resize" | "end";
-    width?: number;
-}
-export interface ColumnActionSetTableSchema {
-    type: "setTableSchema";
-    tableSchema: TableSchema;
-}
-export interface ColumnActionUpdate {
-    type: "updateColumn";
-    column: ColumnDescriptor;
-}
-export interface ColumnActionUpdateProp {
-    align?: ColumnDescriptor["align"];
-    column: KeyedColumnDescriptor;
-    hidden?: ColumnDescriptor["hidden"];
-    label?: ColumnDescriptor["label"];
-    resizing?: KeyedColumnDescriptor["resizing"];
-    type: "updateColumnProp";
-    width?: ColumnDescriptor["width"];
-}
-export interface ColumnActionTableConfig extends DataSourceConfig {
-    confirmed?: boolean;
-    type: "tableConfig";
-}
-export interface ColumnActionColumnSettings extends DataSourceConfig {
-    type: "columnSettings";
-    column: KeyedColumnDescriptor;
-}
-export interface ColumnActionTableSettings extends DataSourceConfig {
-    type: "tableSettings";
-}
-/**
- * PersistentColumnActions are those actions that require us to persist user changes across sessions
- */
-export type PersistentColumnAction = ColumnActionPin | ColumnActionHide | ColumnActionColumnSettings | ColumnActionTableSettings;
-export declare const isShowColumnSettings: (action: PersistentColumnAction) => action is ColumnActionColumnSettings;
-export declare const isShowTableSettings: (action: PersistentColumnAction) => action is ColumnActionTableSettings;
-export type GridModelAction = ColumnActionColumnSettings | ColumnActionHide | ColumnActionInit | ColumnActionMove | ColumnActionPin | ColumnActionResize | ColumnActionSetTableSchema | ColumnActionShow | ColumnActionUpdate | ColumnActionUpdateProp | ColumnActionTableConfig;
-export type GridModelReducer = Reducer<TableModel, GridModelAction>;
-export type ColumnActionDispatch = (action: GridModelAction) => void;
-export declare const useTableModel: (tableConfig: Omit<GridConfig, "headings">, dataSourceConfig?: DataSourceConfig) => {
-    columns: KeyedColumnDescriptor[];
-    dispatchColumnAction: import("react").Dispatch<GridModelAction>;
-    headings: import("@vuu-ui/vuu-datagrid-types").TableHeadings;
-};

package/types/vuu-table/src/table/useTableScroll.d.ts

@@ -1,29 +0,0 @@
-import { Viewport } from "./dataTableTypes";
-export interface ScrollRequestEnd {
-    type: "scroll-end";
-    direction: "home" | "end";
-}
-export interface ScrollRequestPage {
-    type: "scroll-page";
-    direction: "up" | "down";
-}
-export interface ScrollRequestDistance {
-    type: "scroll-distance";
-    distance: number;
-}
-export type ScrollRequest = ScrollRequestPage | ScrollRequestDistance | ScrollRequestEnd;
-export type ScrollRequestHandler = (request: ScrollRequest) => void;
-export interface TableScrollHookProps {
-    onHorizontalScroll?: (scrollLeft: number) => void;
-    onVerticalScroll?: (scrollTop: number, pctScrollTop: number) => void;
-    viewportHeight: number;
-    viewport: Viewport;
-}
-export declare const useTableScroll: ({ onHorizontalScroll, onVerticalScroll, viewport, }: TableScrollHookProps) => {
-    /** Ref to be assigned to ScrollbarContainer */
-    scrollbarContainerRef: (el: HTMLDivElement | null) => void;
-    /** Ref to be assigned to ContentContainer */
-    contentContainerRef: (el: HTMLDivElement | null) => void;
-    /** Scroll the table  */
-    requestScroll: ScrollRequestHandler;
-};

package/types/vuu-table/src/table/useVirtualViewport.d.ts

@@ -1,17 +0,0 @@
-import { KeyedColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
-import { RowAtPositionFunc } from "@vuu-ui/vuu-utils";
-import { VuuRange } from "@vuu-ui/vuu-protocol-types";
-import { ViewportMeasurements } from "../table-next/useTableViewport";
-export interface VirtualViewportHookProps {
-    columns: KeyedColumnDescriptor[];
-    getRowAtPosition: RowAtPositionFunc;
-    setRange: (range: VuuRange) => void;
-    viewportMeasurements: ViewportMeasurements;
-}
-export interface VirtualViewportHookResult {
-    onHorizontalScroll: (scrollLeft: number) => void;
-    onVerticalScroll: (scrollTop: number) => void;
-    columnsWithinViewport: KeyedColumnDescriptor[];
-    virtualColSpan: number;
-}
-export declare const useVirtualViewport: ({ columns, getRowAtPosition, setRange, viewportMeasurements, }: VirtualViewportHookProps) => VirtualViewportHookResult;

package/types/vuu-table/src/table-next/TableNext.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { TableProps } from "@vuu-ui/vuu-table";
-import "./TableNext.css";
-export declare const TableNext: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/vuu-table/src/table-next/cell-renderers/dropdown-cell/DropdownCell.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { TableCellProps } from "@vuu-ui/vuu-datagrid-types";
-import "./DropdownCell.css";
-export declare const DropdownCell: ({ column, columnMap, row }: TableCellProps) => JSX.Element;

package/types/vuu-table/src/table-next/cell-renderers/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./dropdown-cell";
-export * from "./input-cell";

package/types/vuu-table/src/table-next/header-cell/GroupHeaderCell.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { GroupColumnDescriptor, KeyedColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
-import { HeaderCellProps } from "./HeaderCell";
-import "./GroupHeaderCell.css";
-export interface GroupHeaderCellProps extends Omit<HeaderCellProps, "onDragStart" | "onDrag" | "onDragEnd"> {
-    column: GroupColumnDescriptor;
-    onRemoveColumn: (column: KeyedColumnDescriptor) => void;
-}
-export declare const GroupHeaderCell: ({ column: groupColumn, className: classNameProp, onRemoveColumn, onResize, ...htmlAttributes }: GroupHeaderCellProps) => JSX.Element;

package/types/vuu-table/src/table-next/header-cell/GroupHeaderCellNext.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { GroupColumnDescriptor, KeyedColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
-import { HeaderCellProps } from "./HeaderCell";
-import "./GroupHeaderCell.css";
-export interface GroupHeaderCellNextProps extends Omit<HeaderCellProps, "onDragStart" | "onDrag" | "onDragEnd"> {
-    column: GroupColumnDescriptor;
-    onRemoveColumn: (column: KeyedColumnDescriptor) => void;
-}
-export declare const GroupHeaderCellNext: ({ column: groupColumn, className: classNameProp, onRemoveColumn, onResize, ...htmlAttributes }: GroupHeaderCellNextProps) => JSX.Element;

package/types/vuu-table/src/table-next/index.d.ts

@@ -1,5 +0,0 @@
-export { GroupHeaderCellNext } from "./header-cell";
-export * from "./TableNext";
-export * from "./table-config";
-export * from "./cell-renderers";
-export type { RowProps } from "./Row";

package/types/vuu-table/src/table-next/useCell.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { KeyedColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
-export declare const useCell: (column: KeyedColumnDescriptor, classBase: string, isHeader?: boolean) => {
-    className: string;
-    style: import("react").CSSProperties;
-};

package/types/vuu-table/src/table-next/useCellEditing.d.ts

@@ -1,7 +0,0 @@
-import { KeyboardEvent as ReactKeyboardEvent } from "react";
-export interface CellEditingHookProps {
-    navigate: () => void;
-}
-export declare const useCellEditing: ({ navigate }: CellEditingHookProps) => {
-    onKeyDown: (e: ReactKeyboardEvent<HTMLElement>) => void;
-};

package/types/vuu-table/src/table-next/useTableContextMenu.d.ts

@@ -1,8 +0,0 @@
-import { DataSourceRow } from "@vuu-ui/vuu-data-types";
-import { KeyedColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
-import { MouseEvent } from "react";
-export interface TableContextMenuHookProps {
-    columns: KeyedColumnDescriptor[];
-    data: DataSourceRow[];
-}
-export declare const useTableContextMenu: ({ columns, data, }: TableContextMenuHookProps) => (evt: MouseEvent<HTMLElement>) => void;

package/types/vuu-table/src/table-next/useTableNext.d.ts

@@ -1,66 +0,0 @@
-import { DataSourceRow } from "@vuu-ui/vuu-data-types";
-import { DataCellEditHandler, KeyedColumnDescriptor, TableSelectionModel } from "@vuu-ui/vuu-datagrid-types";
-import { MeasuredSize } from "@vuu-ui/vuu-layout";
-import { KeyboardEvent, MouseEvent, RefObject } from "react";
-import { MeasuredProps, RowClickHandler, TableProps } from "../table";
-import { TableColumnResizeHandler } from "./column-resizing";
-export interface TableHookProps extends MeasuredProps, Pick<TableProps, "availableColumns" | "config" | "dataSource" | "navigationStyle" | "onAvailableColumnsChange" | "onConfigChange" | "onFeatureEnabled" | "onFeatureInvocation" | "onSelect" | "onSelectionChange" | "onRowClick" | "renderBufferSize"> {
-    containerRef: RefObject<HTMLDivElement>;
-    headerHeight: number;
-    rowHeight: number;
-    selectionModel: TableSelectionModel;
-}
-export declare const useTable: ({ availableColumns, config, containerRef, dataSource, headerHeight, navigationStyle, onAvailableColumnsChange, onConfigChange, onFeatureEnabled, onFeatureInvocation, onRowClick: onRowClickProp, onSelect, onSelectionChange, renderBufferSize, rowHeight, selectionModel, }: TableHookProps) => {
-    onKeyDown: (e: KeyboardEvent<HTMLElement>) => void;
-    columnMap: import("@vuu-ui/vuu-utils").ColumnMap;
-    columns: KeyedColumnDescriptor[];
-    data: DataSourceRow[];
-    handleContextMenuAction: import("@vuu-ui/vuu-data-types").MenuActionHandler;
-    headerProps: {
-        onClick: (evt: MouseEvent) => void;
-        onMouseDown: import("react").MouseEventHandler<Element> | undefined;
-        onResize: TableColumnResizeHandler;
-    };
-    menuBuilder: import("@vuu-ui/vuu-data-types").MenuBuilder<string, unknown>;
-    onContextMenu: (evt: MouseEvent<HTMLElement, globalThis.MouseEvent>) => void;
-    onDataEdited: DataCellEditHandler;
-    onRemoveGroupColumn: (column: KeyedColumnDescriptor) => void;
-    onResize: (size: MeasuredSize) => void;
-    onRowClick: RowClickHandler;
-    onToggleGroup: (row: DataSourceRow, column: KeyedColumnDescriptor) => void;
-    scrollProps: {
-        scrollbarContainerRef: (el: HTMLDivElement | null) => void;
-        contentContainerRef: (el: HTMLDivElement | null) => void;
-    };
-    tableAttributes: {
-        columnDefaultWidth?: number | undefined;
-        columnFormatHeader?: "capitalize" | "uppercase" | undefined;
-        columnSeparators?: boolean | undefined;
-        showHighlightedRow?: boolean | undefined;
-        rowSeparators?: boolean | undefined;
-        zebraStripes?: boolean | undefined;
-    };
-    viewportMeasurements: {
-        contentHeight: number;
-        horizontalScrollbarHeight: number;
-        maxScrollContainerScrollHorizontal: number;
-        maxScrollContainerScrollVertical: number;
-        pinnedWidthLeft: number;
-        pinnedWidthRight: number;
-        rowCount: number;
-        contentWidth: number;
-        totalHeaderHeight: number;
-        verticalScrollbarWidth: number;
-        viewportBodyHeight: number;
-    };
-    dragDropHook: {
-        draggable?: JSX.Element | undefined;
-        dropIndicator?: JSX.Element | undefined;
-        draggedItemIndex?: number | undefined;
-        isDragging: boolean;
-        isScrolling: RefObject<boolean>;
-        revealOverflowedItems: boolean;
-    };
-    onClick: (evt: MouseEvent<Element, globalThis.MouseEvent>) => void;
-    onFocus: () => void;
-};