@vuu-ui/vuu-table 0.13.2 → 0.13.4

package/types/useCellEditing.d.ts

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

package/types/useCellFocus.d.ts

@@ -1,17 +0,0 @@
-import { KeyboardEventHandler, RefCallback, RefObject } from "react";
-import { ScrollRequestHandler } from "./useTableScroll";
-import { CellPos } from "@vuu-ui/vuu-table-types";
-import type { ICellFocusState } from "./CellFocusState";
-export interface CellFocusHookProps {
-    cellFocusStateRef: RefObject<ICellFocusState>;
-    containerRef: RefObject<HTMLElement | null>;
-    disableFocus?: boolean;
-    requestScroll?: ScrollRequestHandler;
-}
-export type FocusCell = (cellPos: CellPos, fromKeyboard?: boolean) => void;
-export declare const useCellFocus: ({ cellFocusStateRef, containerRef, disableFocus, requestScroll, }: CellFocusHookProps) => {
-    focusCell: FocusCell;
-    focusCellPlaceholderKeyDown: KeyboardEventHandler;
-    focusCellPlaceholderRef: RefCallback<HTMLDivElement>;
-    setTableBodyRef: RefCallback<HTMLDivElement>;
-};

package/types/useControlledTableNavigation.d.ts

@@ -1,8 +0,0 @@
-import { KeyboardEventHandler } from "react";
-export declare const isRowSelectionKey: (key: string) => key is "Enter" | " ";
-export declare const useControlledTableNavigation: (initialValue: number, rowCount: number) => {
-    highlightedIndexRef: import("react").MutableRefObject<number | undefined>;
-    onHighlight: (idx: number) => void;
-    onKeyDown: KeyboardEventHandler;
-    tableRef: import("react").RefObject<HTMLDivElement | null>;
-};

package/types/useDataSource.d.ts

@@ -1,15 +0,0 @@
-import { DataSourceRow, DataSourceSubscribedMessage } from "@vuu-ui/vuu-data-types";
-import { Range } from "@vuu-ui/vuu-utils";
-import { TableProps } from "./Table";
-import { VuuRange } from "@vuu-ui/vuu-protocol-types";
-export interface DataSourceHookProps extends Pick<TableProps, "dataSource" | "defaultSelectedIndexValues" | "defaultSelectedKeyValues" | "renderBufferSize" | "revealSelected"> {
-    onSizeChange: (size: number) => void;
-    onSubscribed: (subscription: DataSourceSubscribedMessage) => void;
-}
-export declare const useDataSource: ({ dataSource, defaultSelectedIndexValues, defaultSelectedKeyValues, onSizeChange, onSubscribed, renderBufferSize, revealSelected, }: DataSourceHookProps) => {
-    data: DataSourceRow[];
-    dataRef: import("react").RefObject<DataSourceRow[]>;
-    getSelectedRows: () => DataSourceRow[];
-    range: Range;
-    setRange: (viewportRange: VuuRange) => void;
-};

package/types/useEditableCell.d.ts

@@ -1,4 +0,0 @@
-import { KeyboardEventHandler } from "react";
-export declare const useEditableCell: () => {
-    onKeyDown: KeyboardEventHandler<HTMLDivElement>;
-};

package/types/useHighlighting.d.ts

@@ -1,2 +0,0 @@
-import { ReactElement } from "react";
-export declare const useHighlighting: (value: string, pattern: Lowercase<string>) => string | ReactElement;

package/types/useInitialValue.d.ts

@@ -1 +0,0 @@
-export declare const useInitialValue: <T = unknown>(value: T) => T;

package/types/useKeyboardNavigation.d.ts

@@ -1,41 +0,0 @@
-import { VuuRange } from "@vuu-ui/vuu-protocol-types";
-import { PageKey } from "@vuu-ui/vuu-utils";
-import { KeyboardEvent, MouseEvent, MutableRefObject, RefObject } from "react";
-import { TableNavigationStyle } from "./Table";
-import { NavigationKey } from "./table-dom-utils";
-import { ScrollRequestHandler } from "./useTableScroll";
-import { FocusCell } from "./useCellFocus";
-import { CellFocusState } from "./CellFocusState";
-export declare const isNavigationKey: (key: string, navigationStyle: TableNavigationStyle) => key is NavigationKey;
-export declare const isPagingKey: (key: string) => key is PageKey;
-export type GroupToggleHandler = (treeNodeOperation: "expand" | "collapse", rowIndex: number) => void;
-export interface NavigationHookProps {
-    cellFocusStateRef: MutableRefObject<CellFocusState>;
-    containerRef: RefObject<HTMLElement | null>;
-    columnCount?: number;
-    headerCount: number;
-    defaultHighlightedIndex?: number;
-    disableFocus?: boolean;
-    disableHighlightOnFocus?: boolean;
-    focusCell: FocusCell;
-    highlightedIndex?: number;
-    label?: string;
-    navigationStyle: TableNavigationStyle;
-    viewportRange: VuuRange;
-    onHighlight?: (idx: number) => void;
-    onToggleGroup: GroupToggleHandler;
-    requestScroll?: ScrollRequestHandler;
-    restoreLastFocus?: boolean;
-    rowCount?: number;
-    selected?: unknown;
-    viewportRowCount: number;
-}
-export declare const useKeyboardNavigation: ({ cellFocusStateRef, columnCount, containerRef, defaultHighlightedIndex, disableHighlightOnFocus, focusCell, headerCount, highlightedIndex: highlightedIndexProp, navigationStyle, requestScroll, onHighlight, onToggleGroup, rowCount, viewportRowCount, }: NavigationHookProps) => {
-    highlightedIndexRef: RefObject<number | undefined>;
-    navigateCell: () => void;
-    onClick: (evt: MouseEvent) => void;
-    onFocus: () => void;
-    onKeyDown: (e: KeyboardEvent) => void;
-    onMouseLeave: (() => void) | undefined;
-    onMouseMove: ((evt: MouseEvent) => void) | undefined;
-};

package/types/useMeasuredHeight.d.ts

@@ -1,10 +0,0 @@
-import { RefCallback } from "react";
-interface MeasuredHeightHookProps {
-    onHeightMeasured?: (height: number) => void;
-    height?: number;
-}
-export declare const useMeasuredHeight: ({ onHeightMeasured, height: heightProp, }: MeasuredHeightHookProps) => {
-    measuredHeight: number;
-    measuredRef: RefCallback<HTMLDivElement>;
-};
-export {};

package/types/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/useRowClassNameGenerators.d.ts

@@ -1,3 +0,0 @@
-import { TableConfig } from "@vuu-ui/vuu-table-types";
-import { RowClassNameGenerator } from "@vuu-ui/vuu-utils";
-export declare const useRowClassNameGenerators: ({ rowClassNameGenerators, }: TableConfig) => RowClassNameGenerator | undefined;

package/types/useSelection.d.ts

@@ -1,14 +0,0 @@
-import { TableRowClickHandlerInternal, TableRowSelectHandlerInternal, TableSelectionModel } from "@vuu-ui/vuu-table-types";
-import { KeyboardEventHandler, RefObject } from "react";
-import { TableProps } from "./Table";
-export interface SelectionHookProps extends Pick<TableProps, "defaultSelectedIndexValues" | "onSelectionChange"> {
-    containerRef: RefObject<HTMLElement | null>;
-    highlightedIndexRef: RefObject<number | undefined>;
-    selectionKeys?: string[];
-    selectionModel: TableSelectionModel;
-    onSelect?: TableRowSelectHandlerInternal;
-}
-export declare const useSelection: ({ containerRef, defaultSelectedIndexValues, highlightedIndexRef, selectionKeys, selectionModel, onSelect, onSelectionChange, }: SelectionHookProps) => {
-    onKeyDown: KeyboardEventHandler<HTMLElement>;
-    onRowClick: TableRowClickHandlerInternal;
-};

package/types/useTable.d.ts

@@ -1,83 +0,0 @@
-import { DataSourceRow } from "@vuu-ui/vuu-data-types";
-import { VuuSortType } from "@vuu-ui/vuu-protocol-types";
-import { ColumnDescriptor, DataCellEditEvent, RuntimeColumnDescriptor, TableColumnResizeHandler, TableConfig, TableRowClickHandlerInternal, TableSelectionModel } from "@vuu-ui/vuu-table-types";
-import { MeasuredProps, MeasuredSize } from "@vuu-ui/vuu-ui-controls";
-import { FocusEvent, KeyboardEvent, MouseEventHandler, RefObject } from "react";
-import { TableProps } from "./Table";
-type HeaderState = {
-    height: number;
-    count: number;
-};
-export interface TableHookProps extends MeasuredProps, Pick<TableProps, "allowCellBlockSelection" | "allowDragDrop" | "availableColumns" | "config" | "dataSource" | "defaultSelectedIndexValues" | "defaultSelectedKeyValues" | "disableFocus" | "highlightedIndex" | "id" | "navigationStyle" | "onAvailableColumnsChange" | "onConfigChange" | "onDataEdited" | "onDragStart" | "onDrop" | "onHighlight" | "onSelect" | "onSelectCellBlock" | "onSelectionChange" | "onRowClick" | "renderBufferSize" | "revealSelected" | "rowToObject" | "scrollingApiRef" | "selectionBookendWidth" | "showColumnHeaders" | "showPaginationControls"> {
-    containerRef: RefObject<HTMLDivElement | null>;
-    rowHeight: number;
-    selectionModel: TableSelectionModel;
-    size: MeasuredSize;
-}
-export declare const useTable: ({ allowCellBlockSelection, allowDragDrop, availableColumns, config, containerRef, dataSource, defaultSelectedIndexValues, defaultSelectedKeyValues, disableFocus, highlightedIndex: highlightedIndexProp, id, navigationStyle, onAvailableColumnsChange, onConfigChange, onDataEdited: onDataEditedProp, onDragStart, onDrop, onHighlight, onRowClick: onRowClickProp, onSelect, onSelectCellBlock, onSelectionChange, renderBufferSize, revealSelected, rowHeight, rowToObject, scrollingApiRef, selectionBookendWidth, selectionModel, showColumnHeaders, showPaginationControls, size, }: TableHookProps) => {
-    "aria-rowcount": number;
-    cellBlock: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
-    columnMap: import("@vuu-ui/vuu-utils").ColumnMap;
-    columns: RuntimeColumnDescriptor[];
-    data: DataSourceRow[];
-    draggableRow: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
-    focusCellPlaceholderKeyDown: import("react").KeyboardEventHandler;
-    focusCellPlaceholderRef: import("react").RefCallback<HTMLDivElement>;
-    getRowOffset: import("@vuu-ui/vuu-utils").RowOffsetFunc;
-    handleColumnAction: import("@vuu-ui/vuu-context-menu").MenuActionHandler<import("@vuu-ui/vuu-table-extras/src/column-menu/column-menu-utils").ColumnMenuActionType, ColumnDescriptor>;
-    headerState: HeaderState;
-    headings: import("@vuu-ui/vuu-table-types").TableHeadings;
-    highlightedIndex: number | undefined;
-    onBlur: import("react").FocusEventHandler;
-    onDoubleClick: (e: import("react").MouseEvent<HTMLElement>) => void;
-    onFocus: (e: FocusEvent<HTMLElement>) => void;
-    onKeyDown: (e: KeyboardEvent<HTMLElement>) => void;
-    onMouseDown: MouseEventHandler;
-    onContextMenu: ((evt: import("react").MouseEvent<HTMLElement>) => void) | undefined;
-    onDataEdited: (editState: DataCellEditEvent) => Promise<string | true | undefined>;
-    onHeaderHeightMeasured: (height: number, count: number) => void;
-    onMoveColumn: (columns: ColumnDescriptor[]) => void;
-    onMoveGroupColumn: (columns: ColumnDescriptor[]) => void;
-    onRemoveGroupColumn: (column: RuntimeColumnDescriptor) => void;
-    onRowClick: TableRowClickHandlerInternal;
-    onSortColumn: (column: ColumnDescriptor, extendSort?: boolean, sortType?: VuuSortType) => void;
-    onResizeColumn: TableColumnResizeHandler;
-    onToggleGroup: (row: DataSourceRow, column: RuntimeColumnDescriptor) => void;
-    rowClassNameGenerator: import("@vuu-ui/vuu-utils").RowClassNameGenerator | undefined;
-    scrollProps: {
-        columnsWithinViewport: RuntimeColumnDescriptor[];
-        scrollbarContainerRef: (el: HTMLDivElement | null) => void;
-        contentContainerRef: (el: HTMLDivElement | null) => void;
-        virtualColSpan: number;
-    };
-    tableAttributes: {
-        availableWidth: number;
-        columnDefaultWidth?: number;
-        columnFormatHeader?: "capitalize" | "uppercase";
-        columnLayout?: import("@vuu-ui/vuu-table-types").ColumnLayout;
-        columnSeparators?: boolean;
-        rowSeparators?: boolean;
-        zebraStripes?: boolean;
-    };
-    tableBodyRef: import("react").RefCallback<HTMLDivElement>;
-    tableConfig: Readonly<TableConfig>;
-    viewportMeasurements: {
-        appliedPageSize: number;
-        contentHeight: number;
-        horizontalScrollbarHeight: number;
-        isVirtualScroll: boolean;
-        pinnedWidthLeft: number;
-        pinnedWidthRight: number;
-        rowCount: number;
-        contentWidth: number;
-        totalHeaderHeight: number;
-        usesMeasuredHeaderHeight: boolean;
-        verticalScrollbarWidth: number;
-        viewportBodyHeight: number;
-        viewportWidth: number;
-    };
-    onClick: (evt: import("react").MouseEvent) => void;
-    onMouseLeave: (() => void) | undefined;
-    onMouseMove: ((evt: import("react").MouseEvent) => void) | undefined;
-};
-export {};

package/types/useTableAndColumnSettings.d.ts

@@ -1,15 +0,0 @@
-import { DataSourceConfig, SchemaColumn } from "@vuu-ui/vuu-data-types";
-import { ColumnDescriptor, TableConfig } from "@vuu-ui/vuu-table-types";
-import { DisplayColumnSettingsAction } from "@vuu-ui/vuu-table-extras/src/column-menu/column-action-types";
-export interface TableAndColumnSettingsHookProps {
-    availableColumns: SchemaColumn[];
-    onAvailableColumnsChange?: (columns: SchemaColumn[]) => void;
-    onConfigChange: (config: TableConfig) => void;
-    onCreateCalculatedColumn: (column: ColumnDescriptor) => void;
-    onDataSourceConfigChange: (dataSourceConfig: DataSourceConfig) => void;
-    tableConfig: TableConfig;
-}
-export declare const useTableAndColumnSettings: ({ availableColumns: availableColumnsProps, onAvailableColumnsChange, onConfigChange, onCreateCalculatedColumn, onDataSourceConfigChange, tableConfig, }: TableAndColumnSettingsHookProps) => {
-    showColumnSettingsPanel: (action: DisplayColumnSettingsAction) => void;
-    showTableSettingsPanel: () => void;
-};

package/types/useTableContextMenu.d.ts

@@ -1,23 +0,0 @@
-import { DataSource, DataSourceRow } from "@vuu-ui/vuu-data-types";
-import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { ColumnMap } from "@vuu-ui/vuu-utils";
-import { MouseEvent } from "react";
-export interface TableContextMenuHookProps {
-    allowContextMenu?: boolean;
-    columns: ColumnDescriptor[];
-    data: DataSourceRow[];
-    dataSource: DataSource;
-    getSelectedRows: () => DataSourceRow[];
-    headerCount?: number;
-}
-export type TableMenuLocation = "grid" | "header" | "filter";
-export interface TableContextMenuOptions {
-    columnMap: ColumnMap;
-    column: ColumnDescriptor;
-    columns?: ColumnDescriptor[];
-    row: DataSourceRow;
-    selectedRows: DataSourceRow[];
-    viewport?: string;
-}
-export declare const isTableLocation: (location: string) => location is TableMenuLocation;
-export declare const useTableContextMenu: ({ allowContextMenu, columns, data, dataSource, getSelectedRows, headerCount, }: TableContextMenuHookProps) => ((evt: MouseEvent<HTMLElement>) => void) | undefined;

package/types/useTableModel.d.ts

@@ -1,85 +0,0 @@
-import { ColumnDescriptor, ColumnLayout, PinLocation, ResizePhase, RuntimeColumnDescriptor, TableAttributes, TableConfig, TableHeadings, TableSelectionModel } from "@vuu-ui/vuu-table-types";
-import { DataSource, TableSchema, WithBaseFilter, WithFullConfig } from "@vuu-ui/vuu-data-types";
-/**
- * TableModel represents state used internally to manage Table. It is
- * derived initially from the TableConfig provided by user, along with the
- * data-related config from DataSource.
- */
-export interface TableModel extends TableAttributes {
-    columns: RuntimeColumnDescriptor[];
-    headings: TableHeadings;
-}
-export interface ColumnActionInit {
-    availableWidth: number;
-    type: "init";
-    tableConfig: TableConfig;
-    dataSource: DataSource;
-}
-export interface ColumnActionHide {
-    type: "hideColumns";
-    columns: ColumnDescriptor[];
-}
-export interface ColumnActionShow {
-    type: "showColumns";
-    columns: RuntimeColumnDescriptor[];
-}
-export interface ColumnActionMove {
-    type: "moveColumn";
-    column: RuntimeColumnDescriptor;
-    moveBy?: 1 | -1;
-}
-export interface ColumnActionPin {
-    type: "pinColumn";
-    column: ColumnDescriptor;
-    pin: PinLocation | false;
-}
-export interface ColumnActionResize {
-    type: "resizeColumn";
-    column: RuntimeColumnDescriptor;
-    phase: ResizePhase;
-    width?: number;
-}
-export interface ColumnActionSetTableSchema {
-    type: "setTableSchema";
-    tableSchema: TableSchema;
-}
-export interface ColumnActionUpdate {
-    type: "updateColumn";
-    column: ColumnDescriptor;
-}
-export interface ColumnActionUpdateProp {
-    align?: ColumnDescriptor["align"];
-    column: ColumnDescriptor;
-    hidden?: ColumnDescriptor["hidden"];
-    label?: ColumnDescriptor["label"];
-    resizing?: RuntimeColumnDescriptor["resizing"];
-    type: "updateColumnProp";
-    width?: ColumnDescriptor["width"];
-}
-export interface ColumnActionTableConfig extends WithBaseFilter<WithFullConfig> {
-    confirmed?: boolean;
-    type: "tableConfig";
-}
-export type TableModelAction = ColumnActionHide | ColumnActionInit | ColumnActionMove | ColumnActionPin | ColumnActionResize | ColumnActionSetTableSchema | ColumnActionShow | ColumnActionUpdate | ColumnActionUpdateProp | ColumnActionTableConfig;
-export type TableModelActionDispatch = (action: TableModelAction) => void;
-export interface TableModelHookProps {
-    config: TableConfig;
-    dataSource: DataSource;
-    selectionModel: TableSelectionModel;
-    availableWidth: number;
-}
-export declare const useTableModel: ({ config: tableConfigProp, dataSource, selectionModel, availableWidth, }: TableModelHookProps) => {
-    columns: RuntimeColumnDescriptor[];
-    dispatchTableModelAction: import("react").ActionDispatch<[action: TableModelAction]>;
-    headings: TableHeadings;
-    tableAttributes: {
-        availableWidth: number;
-        columnDefaultWidth?: number;
-        columnFormatHeader?: "capitalize" | "uppercase";
-        columnLayout?: ColumnLayout;
-        columnSeparators?: boolean;
-        rowSeparators?: boolean;
-        zebraStripes?: boolean;
-    };
-    tableConfig: Readonly<TableConfig>;
-};

package/types/useTableScroll.d.ts

@@ -1,69 +0,0 @@
-import { RowAtPositionFunc } from "@vuu-ui/vuu-utils";
-import type { VuuRange } from "@vuu-ui/vuu-protocol-types";
-import { ForwardedRef, MutableRefObject } from "react";
-import type { ViewportMeasurements } from "./useTableViewport";
-import type { RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { FocusCell } from "./useCellFocus";
-import { ICellFocusState } from "./CellFocusState";
-export type ScrollDirectionVertical = "up" | "down";
-export type ScrollDirectionHorizontal = "left" | "right";
-export type ScrollDirection = ScrollDirectionVertical | ScrollDirectionHorizontal;
-/**
- * scroll into view the row at given pixel offset.
- */
-export interface ScrollRequestPosition {
-    scrollPos: number;
-    type: "scroll-top" | "scroll-bottom";
-}
-/**
- * scroll into view the row at given row index posiiton.
- */
-export interface ScrollRequestRow {
-    rowIndex: number;
-    type: "scroll-row";
-}
-export interface ScrollRequestEnd {
-    type: "scroll-end";
-    direction: "home" | "end";
-}
-export interface ScrollRequestPage {
-    type: "scroll-page";
-    direction: ScrollDirectionVertical;
-}
-export type ScrollRequest = ScrollRequestPage | ScrollRequestEnd | ScrollRequestRow | ScrollRequestPosition;
-export type ScrollRequestHandler = (request: ScrollRequest) => void;
-export interface ScrollingAPI {
-    scrollToIndex: (itemIndex: number) => void;
-    scrollToKey: (rowKey: string) => void;
-}
-export declare const noScrolling: ScrollingAPI;
-export interface TableScrollHookProps {
-    cellFocusStateRef: MutableRefObject<ICellFocusState>;
-    columns: RuntimeColumnDescriptor[];
-    focusCell?: FocusCell;
-    getRowAtPosition: RowAtPositionFunc;
-    onHorizontalScroll?: (scrollLeft: number) => void;
-    onVerticalScroll?: (scrollTop: number, pctScrollTop: number) => void;
-    /**
-     * When we have a virtualized scroll container, keyboard navigation is
-     * performed `in situ`. We shift the range of rows rendered within the
-     * viewport, whithout actually moving the scroll position
-     */
-    onVerticalScrollInSitu?: (rowIndexOffsetCount: number) => void;
-    rowHeight: number;
-    scrollingApiRef?: ForwardedRef<ScrollingAPI>;
-    setRange: (range: VuuRange) => void;
-    showPaginationControls?: boolean;
-    viewportMeasurements: ViewportMeasurements;
-}
-export declare const useTableScroll: ({ cellFocusStateRef, columns, focusCell, getRowAtPosition, onHorizontalScroll, onVerticalScroll, onVerticalScrollInSitu, rowHeight, scrollingApiRef, setRange, viewportMeasurements, }: TableScrollHookProps) => {
-    columnsWithinViewport: RuntimeColumnDescriptor[];
-    /** 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;
-    /** number of leading columns not rendered because of virtualization  */
-    virtualColSpan: number;
-};

package/types/useTableViewport.d.ts

@@ -1,42 +0,0 @@
-/**
- * This hook measures and calculates the values needed to manage layout
- * and virtualisation of the table. This includes measurements required
- * to support pinned columns.
- */
-import { RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { MeasuredSize } from "@vuu-ui/vuu-ui-controls";
-import { RowAtPositionFunc, RowOffsetFunc } from "@vuu-ui/vuu-utils";
-export interface TableViewportHookProps {
-    columns: RuntimeColumnDescriptor[];
-    headerHeight: number;
-    rowCount: number;
-    rowHeight: number;
-    /**
-     * this is the solid left/right `border` rendered on the selection block
-     */
-    selectionEndSize?: number;
-    showPaginationControls?: boolean;
-    size: MeasuredSize;
-}
-export interface ViewportMeasurements {
-    appliedPageSize: number;
-    contentHeight: number;
-    horizontalScrollbarHeight: number;
-    isVirtualScroll: boolean;
-    pinnedWidthLeft: number;
-    pinnedWidthRight: number;
-    rowCount: number;
-    contentWidth: number;
-    totalHeaderHeight: number;
-    usesMeasuredHeaderHeight: boolean;
-    verticalScrollbarWidth: number;
-    viewportBodyHeight: number;
-    viewportWidth: number;
-}
-export interface TableViewportHookResult extends ViewportMeasurements {
-    getRowAtPosition: RowAtPositionFunc;
-    getRowOffset: RowOffsetFunc;
-    setInSituRowOffset: (rowIndexOffset: number) => void;
-    setScrollTop: (scrollTop: number, scrollPct: number) => void;
-}
-export declare const useTableViewport: ({ columns, headerHeight, rowCount, rowHeight, selectionEndSize, showPaginationControls, size, }: TableViewportHookProps) => TableViewportHookResult;