@vuu-ui/vuu-datatable 0.6.10-debug → 0.6.11-debug-debug

package/types/useTableModel.d.ts

@@ -0,0 +1,66 @@
+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

@@ -0,0 +1,31 @@
+/// <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

@@ -0,0 +1,39 @@
+/**
+ * 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;
+};