@vuu-ui/vuu-table 0.8.5-debug → 0.8.6-debug

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

@@ -0,0 +1,49 @@
+import { DataSource, VuuFeatureInvocationMessage, VuuFeatureMessage } from "@vuu-ui/vuu-data";
+import { GridConfig, KeyedColumnDescriptor, SelectionChangeHandler, TableSelectionModel } from "@vuu-ui/vuu-datagrid-types";
+import { MouseEvent } from "react";
+import { MeasuredProps } from "../table";
+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, rowHeight, selectionModel, ...measuredProps }: TableHookProps) => {
+    columnMap: import("@vuu-ui/vuu-utils").ColumnMap;
+    columns: KeyedColumnDescriptor[];
+    containerRef: import("react").RefObject<HTMLDivElement>;
+    containerMeasurements: {
+        cssSize: import("../table").CssSize;
+        outerSize: import("../table").Size;
+        innerSize?: import("../table").MeasuredSize | undefined;
+    };
+    data: import("packages/vuu-data-types").DataSourceRow[];
+    handleContextMenuAction: import("packages/vuu-data-types").MenuActionHandler;
+    menuBuilder: import("packages/vuu-data-types").MenuBuilder<string, unknown>;
+    onContextMenu: (evt: MouseEvent<HTMLElement>) => void;
+    onHeaderClick: (evt: MouseEvent) => void;
+    onRowClick: import("../table").RowClickHandler;
+    scrollProps: {
+        scrollbarContainerRef: (el: HTMLDivElement | null) => void;
+        contentContainerRef: (el: HTMLDivElement | null) => void;
+    };
+    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/table-next/useTableScroll.d.ts

@@ -0,0 +1,28 @@
+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 {
+    maxScrollLeft: number;
+    maxScrollTop: number;
+    onHorizontalScroll?: (scrollLeft: number) => void;
+    onVerticalScroll?: (scrollTop: number, pctScrollTop: number) => void;
+}
+export declare const useTableScroll: ({ maxScrollLeft, maxScrollTop, onHorizontalScroll, onVerticalScroll, }: 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/table-next/useVirtualViewport.d.ts

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