@vuu-ui/vuu-table 0.9.1 → 0.9.3

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

@@ -5,4 +5,4 @@ export interface ColumnHeaderPillProps extends HTMLAttributes<HTMLDivElement> {
     removable?: boolean;
     onRemove?: (column: RuntimeColumnDescriptor) => void;
 }
-export declare const ColumnHeaderPill: ({ children, className, column, onRemove, removable, ...htmlAttributes }: ColumnHeaderPillProps) => JSX.Element;
+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,7 +1,6 @@
-/// <reference types="react" />
 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) => JSX.Element;
+export declare const GroupColumnPill: ({ column, ...columnHeaderProps }: GroupColumnPillProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/types/column-menu/ColumnMenu.d.ts

@@ -3,4 +3,4 @@ import { HTMLAttributes } from "react";
 export interface ColumnMenuProps extends HTMLAttributes<HTMLSpanElement> {
     column: RuntimeColumnDescriptor;
 }
-export declare const ColumnMenu: ({ className, column }: ColumnMenuProps) => JSX.Element;
+export declare const ColumnMenu: ({ className, column }: ColumnMenuProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 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) => JSX.Element;
+export declare const ColumnResizer: ({ onDrag, onDragEnd, onDragStart, }: TableColumnResizerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 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) => JSX.Element;
+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,3 +1,2 @@
-/// <reference types="react" />
 import { HeaderCellProps } from "@vuu-ui/vuu-table-types";
-export declare const HeaderCell: ({ className: classNameProp, column, onClick, onResize, showMenu, ...htmlAttributes }: HeaderCellProps) => JSX.Element;
+export declare const HeaderCell: ({ className: classNameProp, column, onClick, onResize, showMenu, ...htmlAttributes }: HeaderCellProps) => import("react/jsx-runtime").JSX.Element;

package/types/index.d.ts

@@ -7,6 +7,7 @@ export * from "./table-cell";
 export * from "./table-config";
 export * from "./table-header";
 export * from "./useControlledTableNavigation";
+export * from "./useEditableCell";
 export * from "./useKeyboardNavigation";
 export * from "./useTableModel";
 export * from "./useTableScroll";

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { VuuSortType } from "@vuu-ui/vuu-protocol-types";
 import { ColumnDescriptor, CustomHeader, RuntimeColumnDescriptor, TableColumnResizeHandler, TableConfig, TableHeadings } from "@vuu-ui/vuu-table-types";
 export type ColumnSortHandler = (column: ColumnDescriptor, addToExistingSort: boolean, sortType?: VuuSortType) => void;
@@ -19,4 +18,4 @@ export interface TableHeaderProps {
     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) => JSX.Element>;
+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/useTableHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColumnDescriptor, TableHeadings } from "@vuu-ui/vuu-table-types";
 import { TableHeaderProps } from "./TableHeader";
 export interface TableHeaderHookProps extends Pick<TableHeaderProps, "allowDragColumnHeader" | "columns" | "onMoveColumn" | "onSortColumn" | "tableConfig"> {

package/types/useCell.d.ts

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

package/types/useCellFocus.d.ts

@@ -1,8 +1,9 @@
 import { KeyboardEventHandler, MutableRefObject, RefCallback, RefObject } from "react";
 import { ScrollRequestHandler } from "./useTableScroll";
-import { CellFocusState, CellPos } from "@vuu-ui/vuu-table-types";
+import { CellPos } from "@vuu-ui/vuu-table-types";
+import type { ICellFocusState } from "./CellFocusState";
 export interface CellFocusHookProps {
-    cellFocusStateRef: MutableRefObject<CellFocusState>;
+    cellFocusStateRef: MutableRefObject<ICellFocusState>;
     containerRef: RefObject<HTMLElement>;
     disableFocus?: boolean;
     requestScroll?: ScrollRequestHandler;
@@ -12,5 +13,5 @@ export declare const useCellFocus: ({ cellFocusStateRef, containerRef, disableFo
     focusCell: FocusCell;
     focusCellPlaceholderKeyDown: KeyboardEventHandler;
     focusCellPlaceholderRef: RefCallback<HTMLDivElement>;
-    tableBodyRef: RefCallback<HTMLDivElement>;
+    setTableBodyRef: RefCallback<HTMLDivElement>;
 };

package/types/useControlledTableNavigation.d.ts

@@ -1,5 +1,5 @@
 import { KeyboardEventHandler } from "react";
-export declare const isRowSelectionKey: (key: string) => boolean;
+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;

package/types/useDataSource.d.ts

@@ -1,13 +1,11 @@
-/// <reference types="react" />
-import { DataSource, DataSourceRow, DataSourceSubscribedMessage } from "@vuu-ui/vuu-data-types";
+import { DataSourceRow, DataSourceSubscribedMessage } from "@vuu-ui/vuu-data-types";
 import { VuuRange } from "@vuu-ui/vuu-protocol-types";
-export interface DataSourceHookProps {
-    dataSource: DataSource;
+import { TableProps } from "./Table";
+export interface DataSourceHookProps extends Pick<TableProps, "dataSource" | "defaultSelectedIndexValues" | "defaultSelectedKeyValues" | "renderBufferSize" | "revealSelected"> {
     onSizeChange: (size: number) => void;
     onSubscribed: (subscription: DataSourceSubscribedMessage) => void;
-    renderBufferSize?: number;
 }
-export declare const useDataSource: ({ dataSource, onSizeChange, onSubscribed, renderBufferSize, }: DataSourceHookProps) => {
+export declare const useDataSource: ({ dataSource, defaultSelectedIndexValues, defaultSelectedKeyValues, onSizeChange, onSubscribed, renderBufferSize, revealSelected, }: DataSourceHookProps) => {
     data: DataSourceRow[];
     dataRef: import("react").MutableRefObject<DataSourceRow[]>;
     getSelectedRows: () => DataSourceRow[];

package/types/useEditableCell.d.ts

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

package/types/useKeyboardNavigation.d.ts

@@ -5,7 +5,7 @@ import { TableNavigationStyle } from "./Table";
 import { NavigationKey } from "./table-dom-utils";
 import { ScrollRequestHandler } from "./useTableScroll";
 import { FocusCell } from "./useCellFocus";
-import { CellFocusState } from "@vuu-ui/vuu-table-types";
+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;

package/types/useSelection.d.ts

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

package/types/useTable.d.ts

@@ -1,6 +1,6 @@
 import { DataSourceRow } from "@vuu-ui/vuu-data-types";
 import { VuuSortType } from "@vuu-ui/vuu-protocol-types";
-import { ColumnDescriptor, DataCellEditHandler, RuntimeColumnDescriptor, TableColumnResizeHandler, TableConfig, TableRowClickHandlerInternal, TableSelectionModel } from "@vuu-ui/vuu-table-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";
@@ -8,13 +8,13 @@ type HeaderState = {
     height: number;
     count: number;
 };
-export interface TableHookProps extends MeasuredProps, Pick<TableProps, "allowCellBlockSelection" | "allowDragDrop" | "availableColumns" | "config" | "dataSource" | "disableFocus" | "highlightedIndex" | "id" | "navigationStyle" | "onAvailableColumnsChange" | "onConfigChange" | "onDragStart" | "onDrop" | "onHighlight" | "onSelect" | "onSelectCellBlock" | "onSelectionChange" | "onRowClick" | "renderBufferSize" | "scrollingApiRef" | "selectionBookendWidth" | "showColumnHeaders" | "showPaginationControls"> {
+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>;
     rowHeight: number;
     selectionModel: TableSelectionModel;
     size: MeasuredSize;
 }
-export declare const useTable: ({ allowCellBlockSelection, allowDragDrop, availableColumns, config, containerRef, dataSource, disableFocus, highlightedIndex: highlightedIndexProp, id, navigationStyle, onAvailableColumnsChange, onConfigChange, onDragStart, onDrop, onHighlight, onRowClick: onRowClickProp, onSelect, onSelectCellBlock, onSelectionChange, renderBufferSize, rowHeight, scrollingApiRef, selectionBookendWidth, selectionModel, showColumnHeaders, showPaginationControls, size, }: TableHookProps) => {
+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<any, string | import("react").JSXElementConstructor<any>> | null;
     columnMap: import("@vuu-ui/vuu-utils").ColumnMap;
@@ -30,12 +30,12 @@ export declare const useTable: ({ allowCellBlockSelection, allowDragDrop, availa
     highlightedIndex: number | undefined;
     menuBuilder: import("@vuu-ui/vuu-data-types").MenuBuilder;
     onBlur: import("react").FocusEventHandler;
-    onDoubleClick: (e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void;
+    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, MouseEvent>) => void;
-    onDataEdited: DataCellEditHandler;
+    onContextMenu: (evt: import("react").MouseEvent<HTMLElement>) => void;
+    onDataEdited: (editState: DataCellEditEvent) => Promise<string | true | undefined>;
     onHeaderHeightMeasured: (height: number, count: number) => void;
     onMoveColumn: (columns: ColumnDescriptor[]) => void;
     onMoveGroupColumn: (columns: ColumnDescriptor[]) => void;
@@ -53,12 +53,12 @@ export declare const useTable: ({ allowCellBlockSelection, allowDragDrop, availa
     };
     tableAttributes: {
         availableWidth: number;
-        columnDefaultWidth?: number | undefined;
-        columnFormatHeader?: "capitalize" | "uppercase" | undefined;
-        columnLayout?: import("@vuu-ui/vuu-table-types").ColumnLayout | undefined;
-        columnSeparators?: boolean | undefined;
-        rowSeparators?: boolean | undefined;
-        zebraStripes?: boolean | undefined;
+        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>;
@@ -77,8 +77,8 @@ export declare const useTable: ({ allowCellBlockSelection, allowDragDrop, availa
         viewportBodyHeight: number;
         viewportWidth: number;
     };
-    onClick: (evt: import("react").MouseEvent<Element, MouseEvent>) => void;
+    onClick: (evt: import("react").MouseEvent) => void;
     onMouseLeave: (() => void) | undefined;
-    onMouseMove: ((evt: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+    onMouseMove: ((evt: import("react").MouseEvent) => void) | undefined;
 };
 export {};

package/types/useTableModel.d.ts

@@ -95,12 +95,12 @@ export declare const useTableModel: (tableConfigProp: TableConfig, dataSource: D
     headings: TableHeadings;
     tableAttributes: {
         availableWidth: number;
-        columnDefaultWidth?: number | undefined;
-        columnFormatHeader?: "capitalize" | "uppercase" | undefined;
-        columnLayout?: ColumnLayout | undefined;
-        columnSeparators?: boolean | undefined;
-        rowSeparators?: boolean | undefined;
-        zebraStripes?: boolean | undefined;
+        columnDefaultWidth?: number;
+        columnFormatHeader?: "capitalize" | "uppercase";
+        columnLayout?: ColumnLayout;
+        columnSeparators?: boolean;
+        rowSeparators?: boolean;
+        zebraStripes?: boolean;
     };
     tableConfig: Readonly<TableConfig>;
 };

package/types/useTableScroll.d.ts

@@ -2,8 +2,9 @@ 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 { CellFocusState, RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
+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;
@@ -37,7 +38,7 @@ export interface ScrollingAPI {
 }
 export declare const noScrolling: ScrollingAPI;
 export interface TableScrollHookProps {
-    cellFocusStateRef: MutableRefObject<CellFocusState>;
+    cellFocusStateRef: MutableRefObject<ICellFocusState>;
     columns: RuntimeColumnDescriptor[];
     focusCell?: FocusCell;
     getRowAtPosition: RowAtPositionFunc;