@vuu-ui/vuu-table 0.13.3 → 0.13.4

package/package.json

@@ -1,22 +1,22 @@
 {
-  "version": "0.13.3",
+  "version": "0.13.4",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "0.13.3",
-    "@vuu-ui/vuu-table-types": "0.13.3",
-    "@vuu-ui/vuu-protocol-types": "0.13.3"
+    "@vuu-ui/vuu-data-types": "0.13.4",
+    "@vuu-ui/vuu-table-types": "0.13.4",
+    "@vuu-ui/vuu-protocol-types": "0.13.4"
   },
   "dependencies": {
     "@salt-ds/core": "1.43.0",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-context-menu": "0.13.3",
-    "@vuu-ui/vuu-data-react": "0.13.3",
-    "@vuu-ui/vuu-popups": "0.13.3",
-    "@vuu-ui/vuu-table-extras": "0.13.3",
-    "@vuu-ui/vuu-ui-controls": "0.13.3",
-    "@vuu-ui/vuu-utils": "0.13.3"
+    "@vuu-ui/vuu-context-menu": "0.13.4",
+    "@vuu-ui/vuu-data-react": "0.13.4",
+    "@vuu-ui/vuu-popups": "0.13.4",
+    "@vuu-ui/vuu-table-extras": "0.13.4",
+    "@vuu-ui/vuu-ui-controls": "0.13.4",
+    "@vuu-ui/vuu-utils": "0.13.4"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",
@@ -26,19 +26,16 @@
   "files": [
     "README.md",
     "esm",
-    "cjs",
-    "/types"
+    "cjs"
   ],
   "exports": {
     ".": {
       "require": "./cjs/index.js",
-      "import": "./esm/index.js",
-      "types": "./types/index.d.ts"
+      "import": "./esm/index.js"
     }
   },
   "main": "cjs/index.js",
   "module": "esm/index.js",
   "name": "@vuu-ui/vuu-table",
-  "type": "module",
-  "types": "types/index.d.ts"
+  "type": "module"
 }

package/types/CellFocusState.d.ts

@@ -1,26 +0,0 @@
-import { CellPos } from "@vuu-ui/vuu-table-types";
-/**
- * Used to track the Table cell (if any) with focus.
- */
-export interface ICellFocusState {
-    el: HTMLElement | null;
-    outsideViewport: "above" | "below" | false;
-    placeholderEl: HTMLDivElement | null;
-    pos: {
-        top: number;
-    } | undefined;
-    cellPos: CellPos | undefined;
-}
-export declare class CellFocusState implements ICellFocusState {
-    #private;
-    outsideViewport: "above" | "below" | false;
-    placeholderEl: HTMLDivElement | null;
-    pos: {
-        top: number;
-    } | undefined;
-    set cell(cell: HTMLDivElement);
-    get cellPos(): CellPos | undefined;
-    set cellPos(cellPos: CellPos | undefined);
-    get el(): HTMLElement | null;
-    set el(el: HTMLElement | null);
-}

package/types/Row.d.ts

@@ -1,5 +0,0 @@
-import { RowProps } from "@vuu-ui/vuu-table-types";
-export declare const RowProxy: import("react").ForwardRefExoticComponent<{
-    height?: number;
-} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const Row: import("react").MemoExoticComponent<({ className: classNameProp, classNameGenerator, columnMap, columns, groupToggleTarget, highlighted, row, offset, onCellEdit, onClick, onDataEdited, onToggleGroup, searchPattern, showBookends, virtualColSpan, zebraStripes, ...htmlAttributes }: RowProps) => import("react/jsx-runtime").JSX.Element>;

package/types/Table.d.ts

@@ -1,196 +0,0 @@
-import { DataSource, SchemaColumn, Selection, SelectionChangeHandler } from "@vuu-ui/vuu-data-types";
-import { CustomHeader, DataCellEditNotification, GroupToggleTarget, RowProps, ShowColumnHeaderMenus, TableConfig, TableConfigChangeHandler, TableRowClickHandler, TableRowSelectHandler, TableSelectionModel } from "@vuu-ui/vuu-table-types";
-import type { DragDropState } from "@vuu-ui/vuu-ui-controls";
-import { DragStartHandler, MeasuredContainerProps, dragStrategy } from "@vuu-ui/vuu-ui-controls";
-import { RowToObjectMapper } from "@vuu-ui/vuu-utils";
-import { ComponentType, FC, ForwardedRef } from "react";
-import { TableCellBlock } from "./cell-block/cellblock-utils";
-import { ScrollingAPI } from "./useTableScroll";
-export type TableNavigationStyle = "none" | "cell" | "row" | "tree";
-export interface TableProps extends Omit<MeasuredContainerProps, "onDragStart" | "onDrop" | "onSelect" | "searchPattern"> {
-    /**
-     * A react function componnet that will be rendered if there are no rows to display
-     */
-    EmptyDisplay?: ComponentType;
-    Row?: FC<RowProps>;
-    /**
-     * Allow a block of cells to be selected. Typically to be copied.
-     */
-    allowCellBlockSelection?: boolean;
-    allowConfigEditing?: boolean;
-    /**
-     * Allow column headers to be dragged to re-arrange
-     */
-    allowDragColumnHeader?: boolean;
-    /**
-     * Allow rows to be draggable
-     */
-    allowDragDrop?: boolean | dragStrategy;
-    /**
-     * required if a fully featured column picker is to be available
-     */
-    availableColumns?: SchemaColumn[];
-    /**
-     * Provide configuration settings for Table. At minimun, column
-     * descriptors must be provided.
-     */
-    config: TableConfig;
-    dataSource: DataSource;
-    /**
-     * define rows ro be initially selected based on row index positions
-     */
-    defaultSelectedIndexValues?: Selection;
-    /**
-     * define rows ro be initially selected based on row key value. Not all DataSource
-     * implementations support this feature.
-     */
-    defaultSelectedKeyValues?: string[];
-    disableFocus?: boolean;
-    /**
-     * Allows additional custom element(s) to be embedded immediately below column headers.
-     * Could be used to present inline filters for example.
-     * Accepts either a React Element or a Function Component or an array of these. If a React
-     * Function Component is used, it will be passed the props described in BaseRowProps.
-     */
-    customHeader?: CustomHeader | CustomHeader[];
-    /**
-     * When rows are grouped, user can click group row(s) to expand/collapse display of child rows.
-     * This allows precise configuration of where user may click to trigger toggle/collapse. When
-     * row selection is also supported, clicking outside the region specified here will select or
-     * deselect the row.
-     * - toggle-icon - the small toggle icon must be clicked directly
-     * - group-column (default) - user can click anywhere within the group column, i.e on the icon or the column text
-     */
-    groupToggleTarget?: GroupToggleTarget;
-    /**
-     * Defined how focus navigation within data cells will be handled by table.
-     * Default is cell.
-     */
-    highlightedIndex?: number;
-    /**
-     * Behaves in most respects like viewportRowLimit except that, when there are fewer
-     * rows available than the limit set here, the Table height will reduce. This can be
-     * useful where a Table is used in a dropdown control.
-     */
-    maxViewportRowLimit?: number;
-    /**
-     * Determines bahaviour of keyboard navigation , either row focused or cell focused.
-     * `tree` is a specialised navigation behaviour only useful where table is being
-     * used to present purely grouped data (see TreeTable)
-     */
-    navigationStyle?: TableNavigationStyle;
-    /**
-     * required if a fully featured column picker is to be available.
-     * Available columns can be changed by the addition or removal of
-     * one or more calculated columns.
-     */
-    onAvailableColumnsChange?: (columns: SchemaColumn[]) => void;
-    /**
-     * This callback will be invoked any time a config attribute of TableConfig
-     * is changed. By persisting this value and providing it to the Table as a
-     * prop, table state can be persisted across sessions.
-     */
-    onConfigChange?: TableConfigChangeHandler;
-    /**
-     * In a Table with editable cells, this callback will be invoked every time
-     * a user performs any edit operation on an editable field.
-     */
-    onDataEdited?: DataCellEditNotification;
-    onDragStart?: DragStartHandler;
-    onDrop?: (dragDropState: DragDropState) => void;
-    onHighlight?: (idx: number) => void;
-    /**
-     * callback invoked when user 'clicks' a table row. CLick triggered either
-     * via mouse click or keyboard (default ENTER);
-     */
-    onRowClick?: TableRowClickHandler;
-    onSelect?: TableRowSelectHandler;
-    /**
-     * Triggered when a block of cells is selected. CellBlock selection can be
-     * effected with either mouse or keyboard.
-     * - mouse: hold down mouse and drag over selection area
-     * - keyboard: press and hold shift key from start cell, then use arrow keys
-     *   to extend selection block.
-     *
-     * This callback is invoked when mouse is released or shift key released.
-     */
-    onSelectCellBlock?: (cellBlock: TableCellBlock) => void;
-    onSelectionChange?: SelectionChangeHandler;
-    renderBufferSize?: number;
-    /**
-     * When a row is selected and onSelect provided, onSelect will be invoked with a
-     * DataSourceRowObject, derived from the internal representation of a data row,
-     * DataSourceRow. The data attribute of DataSourceRowObject is a simple map of
-     * column.name : value.
-     * This prop allows a custom function to be provided to make the conversion from
-     * DataSourceRow to DataSourceRowObject. It will very rarely be needed. It is
-     * used by the Treetable.
-     */
-    rowToObject?: RowToObjectMapper;
-    /**
-     * Only applicable to grouped data. If there are selected rows which are not top-level
-     * items and group items above are not already expanded, expand all group items in
-     * the hierarchy above selected item. Selected items will thus always be visible, initially.
-     * This affects items set at load time via defaultSelectedKeyValues as well as items
-     * selected programatically (ie not directly by user).
-     * Nodes can of course be collapsed by user at runtime which may hide selected rows.
-     * Note: this is not supported by all DataSource implementations
-     */
-    revealSelected?: boolean;
-    /**
-     * Pixel height of rows. If specified here, this will take precedence over CSS
-     * values and Table will not respond to density changes.
-     */
-    rowHeight?: number;
-    /**
-     * imperative API for scrolling table
-     */
-    scrollingApiRef?: ForwardedRef<ScrollingAPI>;
-    /**
-     * If a search has been applied against data, this is the search text used.
-     * Will be used to highlight matching text.
-     */
-    searchPattern?: string;
-    /**
-     * Selection Bookends style the left and right edge of a selection block.
-     * They are optional, value currently defaults to 4.
-     * TODO this should just live in CSS
-     */
-    selectionBookendWidth?: number;
-    /**
-     * Selection behaviour for Table:
-     * `none` selection disabled
-     * `single` no more than one row may be selected
-     * `extended` (default) multiple rows can be selected
-     * `checkbox` same behaviour as extended, with checkbox column for selection
-     */
-    selectionModel?: TableSelectionModel;
-    /**
-     * if false, table rendered without headers. Useful when table is being included in a
-     * composite component.
-     */
-    showColumnHeaders?: boolean;
-    /**
-     * if false, column headers will not display menu icon. If true, all available Column Menu
-     * actions will be available via the menu. Alternatively, a map of specific column menu
-     * permissions can be provided to allow control over which menu items are presented.
-     */
-    showColumnHeaderMenus?: ShowColumnHeaderMenus;
-    /**
-     * if true, pagination will be used to navigate data, scrollbars will not be rendered
-     */
-    showPaginationControls?: boolean;
-    /**
-     * As an alternative to sizing the Table height via CSS or via an explicit height value,
-     * specify the number of rows to be displayed within the Viewport. The actual height
-     * will then be the product of  viewportRowLimit and rowHeight. Row Height will be
-     * determined in the usual way, it can be specified explicitly in a prop or set via
-     * CSS. If both explicit height and viewportRowLimit are provided by props, rowHeight
-     * will be derived from these. Do not pass props for all three values - height,
-     * rowHeight and viewportRowLimit. That will be rejected.
-     * Use maxViewportRowLimit rather than viewportRowLimit if the height of the table
-     * should be reduced when fewer rows are actually available than the limit specified.
-     */
-    viewportRowLimit?: number;
-}
-export declare const Table: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/VirtualColSpan.d.ts

@@ -1,3 +0,0 @@
-export declare const VirtualColSpan: import("react").NamedExoticComponent<{
-    width: number;
-}>;

package/types/bulk-edit/BulkEditDialog.d.ts

@@ -1,9 +0,0 @@
-import { DataSource } from "@vuu-ui/vuu-data-types";
-import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-export interface BulkEditDialogProps {
-    columns?: ColumnDescriptor[];
-    sessionDs: DataSource;
-    parentDs: DataSource;
-    closeDialog: () => void;
-}
-export declare const BulkEditDialog: ({ columns, sessionDs, parentDs, closeDialog, }: BulkEditDialogProps) => import("react/jsx-runtime").JSX.Element;

package/types/bulk-edit/BulkEditPanel.d.ts

@@ -1,12 +0,0 @@
-import { DataSource, RpcResponse } from "@vuu-ui/vuu-data-types";
-import type { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { HTMLAttributes, ReactElement } from "react";
-export interface BulkEditPanelProps extends HTMLAttributes<HTMLDivElement> {
-    columns?: ColumnDescriptor[];
-    dataSource: DataSource;
-    response?: RpcResponse;
-    mainTableName?: string;
-    parentDs: DataSource;
-    onValidationStatusChange: (isValid: boolean) => void;
-}
-export declare const BulkEditPanel: ({ className, columns, dataSource, parentDs, onValidationStatusChange, ...htmlAttributes }: BulkEditPanelProps) => ReactElement;

package/types/bulk-edit/BulkEditRow.d.ts

@@ -1,11 +0,0 @@
-import { DataSource } from "@vuu-ui/vuu-data-types";
-import { VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
-import { BaseRowProps, ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { HTMLAttributes } from "react";
-export type EditValueChangeHandler = (column: ColumnDescriptor, value: VuuRowDataItemType) => void;
-export interface BulkEditProps extends Partial<BaseRowProps>, Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
-    dataSource: DataSource;
-    onBulkChange: EditValueChangeHandler;
-    onRowChange: (isValid: boolean) => void;
-}
-export declare const BulkEditRow: ({ ariaRole, dataSource, onBulkChange, onRowChange, ...htmlAttributes }: BulkEditProps) => import("react/jsx-runtime").JSX.Element;

package/types/bulk-edit/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./BulkEditDialog";
-export * from "./BulkEditPanel";
-export * from "./useBulkEditPanel";
-export * from "./useBulkEditRow";

package/types/bulk-edit/useBulkEditPanel.d.ts

@@ -1,10 +0,0 @@
-import { DataCellEditNotification, TableConfig } from "@vuu-ui/vuu-table-types";
-import type { BulkEditPanelProps } from "./BulkEditPanel";
-import { EditValueChangeHandler } from "./useBulkEditRow";
-export type BulkEditPanelHookProps = Pick<BulkEditPanelProps, "columns" | "dataSource" | "onValidationStatusChange">;
-export declare const useBulkEditPanel: ({ columns, dataSource, onValidationStatusChange, }: BulkEditPanelHookProps) => {
-    tableConfig: TableConfig;
-    onBulkChange: EditValueChangeHandler;
-    onDataEdited: DataCellEditNotification;
-    onRowChange: (isValid: boolean) => void;
-};

package/types/bulk-edit/useBulkEditRow.d.ts

@@ -1,20 +0,0 @@
-import { DataValueDescriptor } from "@vuu-ui/vuu-data-types";
-import { VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
-import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { CommitHandler } from "@vuu-ui/vuu-utils";
-import { InputProps } from "@salt-ds/core";
-import { FocusEventHandler } from "react";
-export type EditValueChangeHandler = (column: ColumnDescriptor, value: VuuRowDataItemType) => void;
-export interface EditableBulkHookProps {
-    descriptors: DataValueDescriptor[];
-    onBulkChange: EditValueChangeHandler;
-    onRowChange: (isValid: boolean) => void;
-}
-export declare const useBulkEditRow: ({ descriptors, onBulkChange, onRowChange, }: EditableBulkHookProps) => {
-    errorMessages: Record<string, string>;
-    formFieldsContainerRef: import("react").RefObject<HTMLDivElement | null>;
-    InputProps: Partial<InputProps>;
-    onCommit: CommitHandler<HTMLElement>;
-    onFocus: FocusEventHandler;
-    onKeyDown: import("react").KeyboardEventHandler<HTMLDivElement>;
-};

package/types/cell-block/CellBlock.d.ts

@@ -1,6 +0,0 @@
-import { HTMLAttributes } from "react";
-export interface CellBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, "onCopy"> {
-    debugName?: string;
-    onCopy?: () => void;
-}
-export declare const CellBlock: import("react").ForwardRefExoticComponent<CellBlockProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/cell-block/cellblock-utils.d.ts

@@ -1,37 +0,0 @@
-import { VuuRange } from "@vuu-ui/vuu-protocol-types";
-export type TableCellBlock = {
-    columnRange: VuuRange;
-    rowRange: VuuRange;
-};
-export type CellBox = {
-    bottom: number;
-    left: number;
-    right: number;
-    top: number;
-};
-export declare const isNullCellBox: ({ bottom, left, right, top }: CellBox) => boolean;
-type EndCellDirection = "self" | "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "nw";
-export declare const getEndCellDirection: (startBox: CellBox, endBox: CellBox) => EndCellDirection;
-export declare const setElementBox: (el: HTMLElement, box: CellBox) => void;
-export declare const outsideBox: ({ bottom, left, right, top }: CellBox, x: number, y: number) => boolean;
-export declare const getTableCellBlock: (startCell: HTMLDivElement, endCell: HTMLDivElement) => TableCellBlock;
-export type RefState = {
-    dragState: "pending" | "active";
-    cellBlock: HTMLDivElement | null;
-    cellBlockClassName: string;
-    endBox: CellBox;
-    endCell: HTMLDivElement | null;
-    endPos: PosTuple;
-    mousePosX: number;
-    mousePosY: number;
-    mouseStartX: number;
-    mouseStartY: number;
-    startCell: HTMLDivElement | null;
-    startBox: CellBox;
-    startPos: PosTuple;
-};
-export type PosTuple = [number, number];
-export declare const refState: RefState;
-export declare const updateCellBlockClassName: (state: RefState) => void;
-export declare const getTextFromCells: (startCell: HTMLDivElement, endCell: HTMLDivElement) => string;
-export {};

package/types/cell-block/useCellBlockSelection.d.ts

@@ -1,14 +0,0 @@
-import { KeyboardEventHandler, MouseEventHandler, ReactElement, RefObject } from "react";
-import { TableCellBlock } from "./cellblock-utils";
-export interface CellblockSelectionHookProps {
-    allowCellBlockSelection?: boolean;
-    columnCount?: number;
-    containerRef: RefObject<HTMLElement | null>;
-    onSelectCellBlock?: (cellBlock: TableCellBlock) => void;
-    rowCount?: number;
-}
-export declare const useCellBlockSelection: ({ allowCellBlockSelection, columnCount, containerRef, onSelectCellBlock, rowCount, }: CellblockSelectionHookProps) => {
-    cellBlock: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
-    onKeyDown: KeyboardEventHandler | undefined;
-    onMouseDown: MouseEventHandler | undefined;
-};

package/types/cell-renderers/checkbox-cell/CheckboxCell.d.ts

@@ -1,2 +0,0 @@
-import { TableCellRendererProps } from "@vuu-ui/vuu-table-types";
-export declare const CheckboxCell: import("react").MemoExoticComponent<({ column, columnMap, onEdit, row }: TableCellRendererProps) => import("react/jsx-runtime").JSX.Element>;

package/types/cell-renderers/checkbox-cell/index.d.ts

@@ -1 +0,0 @@
-export * from "./CheckboxCell";

package/types/cell-renderers/checkbox-row-selector/CheckboxRowSelectorCell.d.ts

@@ -1,2 +0,0 @@
-import { TableCellRendererProps } from "@vuu-ui/vuu-table-types";
-export declare const CheckboxRowSelectorCell: React.FC<TableCellRendererProps>;

package/types/cell-renderers/checkbox-row-selector/index.d.ts

@@ -1 +0,0 @@
-export * from "./CheckboxRowSelectorCell";

package/types/cell-renderers/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./checkbox-cell";
-export * from "./checkbox-row-selector";
-export * from "./input-cell";
-export * from "./toggle-cell";

package/types/cell-renderers/input-cell/InputCell.d.ts

@@ -1,2 +0,0 @@
-import { TableCellRendererProps } from "@vuu-ui/vuu-table-types";
-export declare const InputCell: ({ column, columnMap, onEdit, row, }: TableCellRendererProps) => import("react/jsx-runtime").JSX.Element;

package/types/cell-renderers/input-cell/index.d.ts

@@ -1 +0,0 @@
-export * from "./InputCell";

package/types/cell-renderers/toggle-cell/ToggleCell.d.ts

@@ -1,2 +0,0 @@
-import { TableCellRendererProps } from "@vuu-ui/vuu-table-types";
-export declare const ToggleCell: import("react").NamedExoticComponent<TableCellRendererProps>;

package/types/cell-renderers/toggle-cell/index.d.ts

@@ -1 +0,0 @@
-export * from "./ToggleCell";

package/types/column-header-pill/ColumnHeaderPill.d.ts

@@ -1,8 +0,0 @@
-import { RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { HTMLAttributes } from "react";
-export interface ColumnHeaderPillProps extends HTMLAttributes<HTMLDivElement> {
-    column: RuntimeColumnDescriptor;
-    removable?: boolean;
-    onRemove?: (column: RuntimeColumnDescriptor) => void;
-}
-export declare const ColumnHeaderPill: ({ children, className, column, onRemove, removable, ...htmlAttributes }: ColumnHeaderPillProps) => import("react/jsx-runtime").JSX.Element;

package/types/column-header-pill/GroupColumnPill.d.ts

@@ -1,6 +0,0 @@
-import { RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { ColumnHeaderPillProps } from "./ColumnHeaderPill";
-export interface GroupColumnPillProps extends ColumnHeaderPillProps {
-    column: RuntimeColumnDescriptor;
-}
-export declare const GroupColumnPill: ({ column, ...columnHeaderProps }: GroupColumnPillProps) => import("react/jsx-runtime").JSX.Element;

package/types/column-header-pill/SortIndicator.d.ts

@@ -1,5 +0,0 @@
-import { RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
-export interface SortIndicatorProps {
-    column: RuntimeColumnDescriptor;
-}
-export declare const SortIndicator: ({ column }: SortIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;

package/types/column-header-pill/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./ColumnHeaderPill";
-export * from "./GroupColumnPill";
-export * from "./SortIndicator";

package/types/column-resizing/ColumnResizer.d.ts

@@ -1,6 +0,0 @@
-export interface TableColumnResizerProps {
-    onDrag: (evt: MouseEvent, moveBy: number, totalDistanceMoved: number) => void;
-    onDragEnd: (evt: MouseEvent, totalDistanceMoved: number) => void;
-    onDragStart: (evt: React.MouseEvent) => void;
-}
-export declare const ColumnResizer: ({ onDrag, onDragEnd, onDragStart, }: TableColumnResizerProps) => import("react/jsx-runtime").JSX.Element;

package/types/column-resizing/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./ColumnResizer";
-export * from "./useTableColumnResize";

package/types/column-resizing/useTableColumnResize.d.ts

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

package/types/header-cell/GroupHeaderCell.d.ts

@@ -1,7 +0,0 @@
-import { ColumnDescriptor, GroupColumnDescriptor, HeaderCellProps, RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
-export interface GroupHeaderCellProps extends Omit<HeaderCellProps, "onDragStart" | "onDrag" | "onDragEnd"> {
-    column: GroupColumnDescriptor;
-    onMoveColumn?: (columns: ColumnDescriptor[]) => void;
-    onRemoveColumn: (column: RuntimeColumnDescriptor) => void;
-}
-export declare const GroupHeaderCell: ({ column: groupColumn, className: classNameProp, onMoveColumn, onRemoveColumn, onResize, ...htmlAttributes }: GroupHeaderCellProps) => import("react/jsx-runtime").JSX.Element;

package/types/header-cell/HeaderCell.d.ts

@@ -1,2 +0,0 @@
-import { HeaderCellProps } from "@vuu-ui/vuu-table-types";
-export declare const HeaderCell: ({ className: classNameProp, column, onClick, onResize, showColumnHeaderMenus, ...htmlAttributes }: HeaderCellProps) => import("react/jsx-runtime").JSX.Element;

package/types/header-cell/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./GroupHeaderCell";
-export * from "./HeaderCell";

package/types/index.d.ts

@@ -1,18 +0,0 @@
-export * from "./bulk-edit";
-export * from "./cell-renderers";
-export * from "./header-cell";
-export * from "./header-cell";
-export * from "./pagination";
-export * from "./Table";
-export * from "./table-cell";
-export * from "./table-config";
-export * from "./table-header";
-export * from "./useControlledTableNavigation";
-export * from "./useEditableCell";
-export * from "./useHighlighting";
-export * from "./useKeyboardNavigation";
-export * from "./useTableModel";
-export * from "./useTableContextMenu";
-export * from "./useTableScroll";
-export * from "./useTableViewport";
-export * from "./VirtualColSpan";

package/types/pagination/PaginationControl.d.ts

@@ -1,6 +0,0 @@
-import { HtmlHTMLAttributes } from "react";
-import { DataSource } from "@vuu-ui/vuu-data-types";
-export interface PaginationControlProps extends HtmlHTMLAttributes<HTMLDivElement> {
-    dataSource: DataSource;
-}
-export declare const PaginationControl: import("react").ForwardRefExoticComponent<PaginationControlProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/pagination/index.d.ts

@@ -1 +0,0 @@
-export * from "./PaginationControl";

package/types/pagination/usePagination.d.ts

@@ -1,9 +0,0 @@
-import { SyntheticEvent } from "react";
-import { DataSource } from "@vuu-ui/vuu-data-types";
-export interface PaginationHookProps {
-    dataSource: DataSource;
-}
-export declare const usePagination: ({ dataSource }: PaginationHookProps) => {
-    onPageChange: (_evt: SyntheticEvent, page: number) => void;
-    pageCount: number;
-};

package/types/table-cell/TableCell.d.ts

@@ -1,2 +0,0 @@
-import type { TableCellProps } from "@vuu-ui/vuu-table-types";
-export declare const TableCell: ({ column, columnMap, onClick, onDataEdited, row, searchPattern, }: TableCellProps) => import("react/jsx-runtime").JSX.Element;

package/types/table-cell/TableGroupCell.d.ts

@@ -1,2 +0,0 @@
-import { TableCellProps } from "@vuu-ui/vuu-table-types";
-export declare const TableGroupCell: ({ column, columnMap, onClick, row, searchPattern, }: TableCellProps) => import("react/jsx-runtime").JSX.Element;

package/types/table-cell/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./TableCell";
-export * from "./TableGroupCell";

package/types/table-config.d.ts

@@ -1,26 +0,0 @@
-import { ColumnDescriptor, RuntimeColumnDescriptor, TableConfig } from "@vuu-ui/vuu-table-types";
-export type MoveColumnTableConfigAction = {
-    type: "col-move";
-    column: ColumnDescriptor;
-    fromIndex: number;
-    toIndex: number;
-};
-export type ResizeColumnTableConfigAction = {
-    type: "col-size";
-    column: ColumnDescriptor;
-    columns: RuntimeColumnDescriptor[];
-    width: number;
-};
-export type SubscribeColumnTableConfigAction = {
-    type: "subscribed";
-    column: ColumnDescriptor;
-    value: boolean;
-};
-export type UpdateColumnPropertyTableConfigAction = {
-    type: "column-prop";
-    column: ColumnDescriptor;
-    property: keyof ColumnDescriptor;
-    value: boolean | number | string;
-};
-export type TableConfigAction = MoveColumnTableConfigAction | ResizeColumnTableConfigAction | UpdateColumnPropertyTableConfigAction;
-export declare const updateTableConfig: (config: TableConfig, action: TableConfigAction) => TableConfig;

package/types/table-dom-utils.d.ts

@@ -1,23 +0,0 @@
-import { RefObject } from "react";
-import { ScrollDirection } from "./useTableScroll";
-import type { ArrowKey, PageKey } from "@vuu-ui/vuu-utils";
-import type { CellPos } from "@vuu-ui/vuu-table-types";
-export type NavigationKey = PageKey | ArrowKey;
-export declare const headerCellQuery: (colIdx: number) => string;
-export declare const dataCellQuery: (ariaRowIdx: number, ariaColIdx: number) => string;
-export declare const getLevelUp: (containerRef: RefObject<HTMLElement | null>, cellPos: CellPos) => CellPos;
-export declare const getTableCell: (containerRef: RefObject<HTMLElement | null>, [rowIdx, colIdx]: CellPos) => HTMLElement;
-export declare const getFocusedCell: (el: HTMLElement | Element | null) => HTMLDivElement | null;
-export declare const cellIsEditable: (cell: HTMLDivElement | null) => boolean | undefined;
-export declare const cellDropdownShowing: (cell: HTMLDivElement | null) => boolean;
-export declare const cellIsTextInput: (cell: HTMLElement) => boolean;
-export declare const getAriaRowIndex: (rowElement: HTMLElement | null) => number;
-export declare const getAriaColIndex: (cellElement: HTMLElement | null) => number;
-export declare const getRowElementByAriaIndex: (container: HTMLDivElement | EventTarget, rowIndex: number) => HTMLElement | null;
-export declare const getIndexFromCellElement: (cellElement: HTMLElement | null) => number;
-export declare const getAriaCellPos: (tableCell: HTMLDivElement) => CellPos;
-export declare const closestRowIndex: (el: HTMLElement) => number;
-export declare function getNextCellPos(key: ArrowKey, [rowIdx, colIdx]: CellPos, columnCount: number, maxRowIndex: number): CellPos;
-export type TreeNodeOperation = "expand" | "collapse" | "level-up";
-export declare const getTreeNodeOperation: (containerRef: RefObject<HTMLElement | null>, navigationStyle: "cell" | "tree", cellPos: CellPos, key: NavigationKey, shiftKey: boolean) => TreeNodeOperation | undefined;
-export declare const howFarIsRowOutsideViewport: (rowEl: HTMLElement, totalHeaderHeight: number, contentContainer?: Element | null) => readonly [ScrollDirection | undefined, number | undefined];

package/types/table-header/HeaderProvider.d.ts

@@ -1,6 +0,0 @@
-import { BaseRowProps } from "@vuu-ui/vuu-table-types";
-import { FC, ReactNode } from "react";
-export declare const HeaderProvider: FC<BaseRowProps & {
-    children: ReactNode;
-}>;
-export declare const useHeaderProps: () => BaseRowProps;

package/types/table-header/TableHeader.d.ts

@@ -1,21 +0,0 @@
-import { VuuSortType } from "@vuu-ui/vuu-protocol-types";
-import { ColumnDescriptor, CustomHeader, RuntimeColumnDescriptor, ShowColumnHeaderMenus, TableColumnResizeHandler, TableConfig, TableHeadings } from "@vuu-ui/vuu-table-types";
-export type ColumnSortHandler = (column: ColumnDescriptor, addToExistingSort: boolean, sortType?: VuuSortType) => void;
-export interface TableHeaderProps {
-    allowDragColumnHeader: boolean;
-    classBase?: string;
-    columns: RuntimeColumnDescriptor[];
-    customHeader?: CustomHeader | CustomHeader[];
-    headings: TableHeadings;
-    onHeightMeasured: (height: number, count: number) => void;
-    onResizeColumn: TableColumnResizeHandler;
-    onMoveColumn: (columns: ColumnDescriptor[]) => void;
-    onMoveGroupColumn: (columns: ColumnDescriptor[]) => void;
-    onRemoveGroupColumn: (column: RuntimeColumnDescriptor) => void;
-    onSortColumn: ColumnSortHandler;
-    showColumnHeaderMenus?: ShowColumnHeaderMenus;
-    tableConfig: TableConfig;
-    tableId: string;
-    virtualColSpan?: number;
-}
-export declare const TableHeader: import("react").MemoExoticComponent<({ allowDragColumnHeader, classBase, columns, customHeader, headings, onHeightMeasured, onMoveColumn, onMoveGroupColumn, onRemoveGroupColumn, onResizeColumn, onSortColumn, showColumnHeaderMenus, tableConfig, tableId, virtualColSpan, }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element>;

package/types/table-header/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./HeaderProvider";
-export * from "./TableHeader";

package/types/table-header/useTableHeader.d.ts

@@ -1,17 +0,0 @@
-import { ColumnDescriptor, TableHeadings } from "@vuu-ui/vuu-table-types";
-import { TableHeaderProps } from "./TableHeader";
-export interface TableHeaderHookProps extends Pick<TableHeaderProps, "allowDragColumnHeader" | "columns" | "onMoveColumn" | "onSortColumn" | "tableConfig"> {
-    customHeaderCount: number;
-    headings: TableHeadings;
-    label?: string;
-    onHeightMeasured: (height: number, customHeaderCount: number) => void;
-    onMoveColumn: (columns: ColumnDescriptor[]) => void;
-    onSortColumn: (column: ColumnDescriptor, addToExistingSort: boolean) => void;
-}
-export declare const useTableHeader: ({ allowDragColumnHeader, columns, customHeaderCount, headings, onHeightMeasured, onMoveColumn, onSortColumn, tableConfig, }: TableHeaderHookProps) => {
-    draggableColumn: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
-    draggedColumnIndex: number | undefined;
-    onClick: (evt: React.MouseEvent | React.KeyboardEvent) => void;
-    onMouseDown: import("react").MouseEventHandler | undefined;
-    setContainerRef: import("react").Ref<HTMLDivElement>;
-};

package/types/useCell.d.ts

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

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" | "showColumnHeaderMenus" | "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, showColumnHeaderMenus, 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/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;