@vuu-ui/vuu-table 0.12.1 → 0.13.0

package/package.json

@@ -1,28 +1,28 @@
 {
-  "version": "0.12.1",
+  "version": "0.13.0",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "0.12.1",
-    "@vuu-ui/vuu-table-types": "0.12.1",
-    "@vuu-ui/vuu-protocol-types": "0.12.1"
+    "@vuu-ui/vuu-data-types": "0.13.0",
+    "@vuu-ui/vuu-table-types": "0.13.0",
+    "@vuu-ui/vuu-protocol-types": "0.13.0"
   },
   "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.12.1",
-    "@vuu-ui/vuu-data-react": "0.12.1",
-    "@vuu-ui/vuu-layout": "0.12.1",
-    "@vuu-ui/vuu-popups": "0.12.1",
-    "@vuu-ui/vuu-table-extras": "0.12.1",
-    "@vuu-ui/vuu-ui-controls": "0.12.1",
-    "@vuu-ui/vuu-utils": "0.12.1"
+    "@vuu-ui/vuu-context-menu": "0.13.0",
+    "@vuu-ui/vuu-data-react": "0.13.0",
+    "@vuu-ui/vuu-layout": "0.13.0",
+    "@vuu-ui/vuu-popups": "0.13.0",
+    "@vuu-ui/vuu-table-extras": "0.13.0",
+    "@vuu-ui/vuu-ui-controls": "0.13.0",
+    "@vuu-ui/vuu-utils": "0.13.0"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",
-    "react": ">=18.3.1",
-    "react-dom": ">=18.3.1"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "files": [
     "README.md",

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

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

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

@@ -12,7 +12,7 @@ export interface EditableBulkHookProps {
 }
 export declare const useBulkEditRow: ({ descriptors, onBulkChange, onRowChange, }: EditableBulkHookProps) => {
     errorMessages: Record<string, string>;
-    formFieldsContainerRef: import("react").RefObject<HTMLDivElement>;
+    formFieldsContainerRef: import("react").RefObject<HTMLDivElement | null>;
     InputProps: Partial<InputProps>;
     onCommit: CommitHandler<HTMLElement>;
     onFocus: FocusEventHandler;

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

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

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

@@ -4,7 +4,7 @@ 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>;
+    rootRef: RefObject<HTMLDivElement | null>;
 }
 export interface CellResizeHookResult {
     isResizing: boolean;

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

@@ -5,8 +5,8 @@ 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>, cellPos: CellPos) => CellPos;
-export declare const getTableCell: (containerRef: RefObject<HTMLElement>, [rowIdx, colIdx]: CellPos) => HTMLElement;
+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;
@@ -19,5 +19,5 @@ 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>, navigationStyle: "cell" | "tree", cellPos: CellPos, key: NavigationKey, shiftKey: boolean) => TreeNodeOperation | undefined;
+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/useTableHeader.d.ts

@@ -9,7 +9,7 @@ export interface TableHeaderHookProps extends Pick<TableHeaderProps, "allowDragC
     onSortColumn: (column: ColumnDescriptor, addToExistingSort: boolean) => void;
 }
 export declare const useTableHeader: ({ allowDragColumnHeader, columns, customHeaderCount, headings, onHeightMeasured, onMoveColumn, onSortColumn, tableConfig, }: TableHeaderHookProps) => {
-    draggableColumn: JSX.Element | undefined;
+    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;

package/types/useCellFocus.d.ts

@@ -1,10 +1,10 @@
-import { KeyboardEventHandler, MutableRefObject, RefCallback, RefObject } from "react";
+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: MutableRefObject<ICellFocusState>;
-    containerRef: RefObject<HTMLElement>;
+    cellFocusStateRef: RefObject<ICellFocusState>;
+    containerRef: RefObject<HTMLElement | null>;
     disableFocus?: boolean;
     requestScroll?: ScrollRequestHandler;
 }

package/types/useControlledTableNavigation.d.ts

@@ -4,5 +4,5 @@ export declare const useControlledTableNavigation: (initialValue: number, rowCou
     highlightedIndexRef: import("react").MutableRefObject<number | undefined>;
     onHighlight: (idx: number) => void;
     onKeyDown: KeyboardEventHandler;
-    tableRef: import("react").RefObject<HTMLDivElement>;
+    tableRef: import("react").RefObject<HTMLDivElement | null>;
 };

package/types/useDataSource.d.ts

@@ -8,7 +8,7 @@ export interface DataSourceHookProps extends Pick<TableProps, "dataSource" | "de
 }
 export declare const useDataSource: ({ dataSource, defaultSelectedIndexValues, defaultSelectedKeyValues, onSizeChange, onSubscribed, renderBufferSize, revealSelected, }: DataSourceHookProps) => {
     data: DataSourceRow[];
-    dataRef: import("react").MutableRefObject<DataSourceRow[]>;
+    dataRef: import("react").RefObject<DataSourceRow[]>;
     getSelectedRows: () => DataSourceRow[];
     range: Range;
     setRange: (viewportRange: VuuRange) => void;

package/types/useHighlighting.d.ts

@@ -1 +1,2 @@
-export declare const useHighlighting: (value: string, pattern: Lowercase<string>) => string | JSX.Element;
+import { ReactElement } from "react";
+export declare const useHighlighting: (value: string, pattern: Lowercase<string>) => string | ReactElement;

package/types/useKeyboardNavigation.d.ts

@@ -11,7 +11,7 @@ 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>;
+    containerRef: RefObject<HTMLElement | null>;
     columnCount?: number;
     headerCount: number;
     defaultHighlightedIndex?: number;
@@ -31,7 +31,7 @@ export interface NavigationHookProps {
     viewportRowCount: number;
 }
 export declare const useKeyboardNavigation: ({ cellFocusStateRef, columnCount, containerRef, defaultHighlightedIndex, disableHighlightOnFocus, focusCell, headerCount, highlightedIndex: highlightedIndexProp, navigationStyle, requestScroll, onHighlight, onToggleGroup, rowCount, viewportRowCount, }: NavigationHookProps) => {
-    highlightedIndexRef: MutableRefObject<number | undefined>;
+    highlightedIndexRef: RefObject<number | undefined>;
     navigateCell: () => void;
     onClick: (evt: MouseEvent) => void;
     onFocus: () => void;

package/types/useSelection.d.ts

@@ -1,9 +1,9 @@
 import { TableRowClickHandlerInternal, TableRowSelectHandlerInternal, TableSelectionModel } from "@vuu-ui/vuu-table-types";
-import { KeyboardEventHandler, MutableRefObject, RefObject } from "react";
+import { KeyboardEventHandler, RefObject } from "react";
 import { TableProps } from "./Table";
 export interface SelectionHookProps extends Pick<TableProps, "defaultSelectedIndexValues" | "onSelectionChange"> {
-    containerRef: RefObject<HTMLElement>;
-    highlightedIndexRef: MutableRefObject<number | undefined>;
+    containerRef: RefObject<HTMLElement | null>;
+    highlightedIndexRef: RefObject<number | undefined>;
     selectionKeys?: string[];
     selectionModel: TableSelectionModel;
     onSelect?: TableRowSelectHandlerInternal;

package/types/useTable.d.ts

@@ -9,18 +9,18 @@ type HeaderState = {
     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" | "showColumnHeaders" | "showPaginationControls"> {
-    containerRef: RefObject<HTMLDivElement>;
+    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, showColumnHeaders, showPaginationControls, size, }: TableHookProps) => {
     "aria-rowcount": number;
-    cellBlock: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+    cellBlock: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
     columnMap: import("@vuu-ui/vuu-utils").ColumnMap;
     columns: RuntimeColumnDescriptor[];
     data: DataSourceRow[];
-    draggableRow: JSX.Element | undefined;
+    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;

package/types/useTableModel.d.ts

@@ -1,6 +1,5 @@
 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";
-import { Reducer } from "react";
 /**
  * TableModel represents state used internally to manage Table. It is
  * derived initially from the TableConfig provided by user, along with the
@@ -10,15 +9,6 @@ export interface TableModel extends TableAttributes {
     columns: RuntimeColumnDescriptor[];
     headings: TableHeadings;
 }
-/**
- * InternalTableModel describes the state managed within the TableModel
- * reducer. It is the same as TableModel but with the addition of a
- * readonly copy of the original TableConfig.
- */
-interface InternalTableModel extends TableModel {
-    availableWidth: number;
-    tableConfig: Readonly<TableConfig>;
-}
 export interface ColumnActionInit {
     availableWidth: number;
     type: "init";
@@ -70,9 +60,8 @@ export interface ColumnActionTableConfig extends WithBaseFilter<WithFullConfig>
     confirmed?: boolean;
     type: "tableConfig";
 }
-export type GridModelAction = ColumnActionHide | ColumnActionInit | ColumnActionMove | ColumnActionPin | ColumnActionResize | ColumnActionSetTableSchema | ColumnActionShow | ColumnActionUpdate | ColumnActionUpdateProp | ColumnActionTableConfig;
-export type GridModelReducer = Reducer<InternalTableModel, GridModelAction>;
-export type ColumnActionDispatch = (action: GridModelAction) => void;
+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;
@@ -81,7 +70,7 @@ export interface TableModelHookProps {
 }
 export declare const useTableModel: ({ config: tableConfigProp, dataSource, selectionModel, availableWidth, }: TableModelHookProps) => {
     columns: RuntimeColumnDescriptor[];
-    dispatchTableModelAction: import("react").Dispatch<GridModelAction>;
+    dispatchTableModelAction: import("react").ActionDispatch<[action: TableModelAction]>;
     headings: TableHeadings;
     tableAttributes: {
         availableWidth: number;
@@ -94,4 +83,3 @@ export declare const useTableModel: ({ config: tableConfigProp, dataSource, sele
     };
     tableConfig: Readonly<TableConfig>;
 };
-export {};