@vuu-ui/vuu-datatable 0.6.13-debug → 0.8.14-debug

package/types/useKeyboardNavigation.d.ts

@@ -1,22 +0,0 @@
-import { DataSourceRow } from "@vuu-ui/vuu-data";
-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/useMeasuredContainer.d.ts

@@ -1,25 +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 interface MeasuredContainerHookResult {
-    containerRef: RefObject<HTMLDivElement>;
-    outerSize: Size;
-    innerSize?: MeasuredSize;
-}
-export declare const useMeasuredContainer: ({ defaultHeight, defaultWidth, height, width, }: MeasuredProps) => MeasuredContainerHookResult;

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

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

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

@@ -1,66 +0,0 @@
-import { ColumnDescriptor, GridConfig, KeyedColumnDescriptor, PinLocation } from "@vuu-ui/vuu-datagrid-types";
-import { Reducer } from "react";
-import { VuuColumnDataType } from "@vuu-ui/vuu-protocol-types";
-import { DataSourceConfig } from "@vuu-ui/vuu-data";
-export interface GridModel extends Omit<GridConfig, "columns"> {
-    columns: KeyedColumnDescriptor[];
-}
-export interface ColumnActionInit {
-    type: "init";
-    tableConfig: Omit<GridConfig, "headings">;
-    dataSourceConfig?: DataSourceConfig;
-}
-export interface ColumnActionHide {
-    type: "hideColumn";
-    column: 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 ColumnActionSetTypes {
-    type: "setTypes";
-    columnNames: string[];
-    serverDataTypes: VuuColumnDataType[];
-}
-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 {
-    type: "tableConfig";
-}
-/**
- * PersistentColumnActions are those actions that require us to persist user changes across sessions
- */
-export type PersistentColumnAction = ColumnActionPin | ColumnActionHide;
-export type GridModelAction = ColumnActionHide | ColumnActionInit | ColumnActionMove | ColumnActionPin | ColumnActionResize | ColumnActionSetTypes | ColumnActionUpdate | ColumnActionUpdateProp | ColumnActionTableConfig;
-export type GridModelReducer = Reducer<GridModel, 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/useTableScroll.d.ts

@@ -1,31 +0,0 @@
-/// <reference types="react" />
-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 {
-    onRangeChange: (from: number, to: number) => void;
-    rowHeight: number;
-    viewportHeight: number;
-    viewport: Viewport;
-}
-export declare const useTableScroll: ({ onRangeChange, rowHeight, viewport, }: TableScrollHookProps) => {
-    onScrollbarContainerScroll: () => void;
-    onContentContainerScroll: () => void;
-    onTableContainerScroll: () => void;
-    requestScroll: ScrollRequestHandler;
-    contentContainerRef: import("react").RefObject<HTMLDivElement>;
-    scrollbarContainerRef: import("react").RefObject<HTMLDivElement>;
-    tableContainerRef: import("react").RefObject<HTMLDivElement>;
-};

package/types/useTableViewport.d.ts

@@ -1,39 +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 { KeyedColumnDescriptor, TableHeadings } from "@vuu-ui/vuu-datagrid-types";
-import { MeasuredSize } from "./useMeasuredContainer";
-export interface TableViewportHookProps {
-    columns: KeyedColumnDescriptor[];
-    headerHeight: number;
-    headings: TableHeadings;
-    rowCount: number;
-    rowHeight: number;
-    size?: MeasuredSize;
-}
-export interface ViewportMeasurements {
-    fillerHeight: number;
-    maxScrollContainerScrollHorizontal: number;
-    maxScrollContainerScrollVertical: number;
-    pinnedWidthLeft: number;
-    pinnedWidthRight: number;
-    rowCount: number;
-    scrollContentHeight: number;
-    scrollbarSize: number;
-    scrollContentWidth: number;
-    totalHeaderHeight: number;
-}
-export declare const useTableViewport: ({ columns, headerHeight, headings, rowCount, rowHeight, size, }: TableViewportHookProps) => {
-    fillerHeight: number;
-    maxScrollContainerScrollHorizontal: number;
-    maxScrollContainerScrollVertical: number;
-    pinnedWidthLeft: number;
-    pinnedWidthRight: number;
-    rowCount: number;
-    scrollContentHeight: number;
-    scrollbarSize: number;
-    scrollContentWidth: number;
-    totalHeaderHeight: number;
-};