@vuu-ui/vuu-table 0.13.49 → 0.13.51

package/package.json

@@ -1,22 +1,22 @@
 {
-  "version": "0.13.49",
+  "version": "0.13.51",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "0.13.49",
-    "@vuu-ui/vuu-table-types": "0.13.49",
-    "@vuu-ui/vuu-protocol-types": "0.13.49"
+    "@vuu-ui/vuu-data-types": "0.13.51",
+    "@vuu-ui/vuu-table-types": "0.13.51",
+    "@vuu-ui/vuu-protocol-types": "0.13.51"
   },
   "dependencies": {
     "@salt-ds/core": "1.48.0",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-context-menu": "0.13.49",
-    "@vuu-ui/vuu-data-react": "0.13.49",
-    "@vuu-ui/vuu-popups": "0.13.49",
-    "@vuu-ui/vuu-table-extras": "0.13.49",
-    "@vuu-ui/vuu-ui-controls": "0.13.49",
-    "@vuu-ui/vuu-utils": "0.13.49"
+    "@vuu-ui/vuu-context-menu": "0.13.51",
+    "@vuu-ui/vuu-data-react": "0.13.51",
+    "@vuu-ui/vuu-popups": "0.13.51",
+    "@vuu-ui/vuu-table-extras": "0.13.51",
+    "@vuu-ui/vuu-ui-controls": "0.13.51",
+    "@vuu-ui/vuu-utils": "0.13.51"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",

package/types/Table.d.ts

@@ -25,6 +25,15 @@ export interface TableProps extends Omit<MeasuredContainerProps, "onDragStart" |
      * Allow rows to be draggable
      */
     allowDragDrop?: boolean | dragStrategy;
+    /**
+     * Allow all rows be selected, use with checkbox coliumn.
+     */
+    allowSelectAll?: boolean;
+    /**
+     * If checkbox selection is in effect, can user select row by clicking row. If
+     * false, checkbox must be clicked explicitly.
+     */
+    allowSelectCheckboxRow?: boolean;
     /**
      * required if a fully featured column picker is to be available
      */

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

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

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

@@ -1,8 +1,7 @@
 import { VuuSortType } from "@vuu-ui/vuu-protocol-types";
-import { ColumnDescriptor, ColumnMoveHandler, CustomHeader, RuntimeColumnDescriptor, ShowColumnHeaderMenus, TableColumnResizeHandler, TableConfig, TableHeadings } from "@vuu-ui/vuu-table-types";
+import { ColumnDescriptor, ColumnMoveHandler, CustomHeader, HeaderCellProps, RuntimeColumnDescriptor, TableColumnResizeHandler, TableConfig, TableHeadings } from "@vuu-ui/vuu-table-types";
 export type ColumnSortHandler = (column: ColumnDescriptor, addToExistingSort: boolean, sortType?: VuuSortType) => void;
-export interface TableHeaderProps {
-    allowDragColumnHeader: boolean;
+export interface TableHeaderProps extends Pick<HeaderCellProps, "allRowsSelected" | "allowDragColumnHeader" | "allowSelectAll" | "onCheckBoxColumnHeaderClick" | "showColumnHeaderMenus"> {
     classBase?: string;
     columns: RuntimeColumnDescriptor[];
     customHeader?: CustomHeader | CustomHeader[];
@@ -13,9 +12,8 @@ export interface TableHeaderProps {
     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>;
+export declare const TableHeader: import("react").MemoExoticComponent<({ allowDragColumnHeader, allowSelectAll, allRowsSelected, classBase, columns, customHeader, headings, onCheckBoxColumnHeaderClick, onHeightMeasured, onMoveColumn, onMoveGroupColumn, onRemoveGroupColumn, onResizeColumn, onSortColumn, showColumnHeaderMenus, tableConfig, tableId, virtualColSpan, }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element>;

package/types/useSelection.d.ts

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

package/types/useTable.d.ts

@@ -8,13 +8,14 @@ type HeaderState = {
     height: number;
     count: number;
 };
-export interface TableHookProps extends MeasuredProps, Pick<TableProps, "allowCellBlockSelection" | "allowDragDrop" | "availableColumns" | "config" | "dataSource" | "defaultSelectedKeyValues" | "disableFocus" | "highlightedIndex" | "id" | "navigationStyle" | "onAvailableColumnsChange" | "onConfigChange" | "onDataEdited" | "onDragStart" | "onDrop" | "onHighlight" | "onSelect" | "onSelectCellBlock" | "onSelectionChange" | "onRowClick" | "renderBufferSize" | "revealSelected" | "rowToObject" | "scrollingApiRef" | "selectionBookendWidth" | "showColumnHeaderMenus" | "showColumnHeaders" | "showPaginationControls"> {
+export interface TableHookProps extends MeasuredProps, Pick<TableProps, "allowCellBlockSelection" | "allowDragDrop" | "allowSelectCheckboxRow" | "availableColumns" | "config" | "dataSource" | "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, 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) => {
+export declare const useTable: ({ allowCellBlockSelection, allowSelectCheckboxRow, allowDragDrop, availableColumns, config, containerRef, dataSource, 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) => {
+    allRowsSelected: boolean;
     "aria-rowcount": number;
     cellBlock: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
     columnMap: import("@vuu-ui/vuu-utils").ColumnMap;
@@ -29,6 +30,7 @@ export declare const useTable: ({ allowCellBlockSelection, allowDragDrop, availa
     headings: import("@vuu-ui/vuu-table-types").TableHeadings;
     highlightedIndex: number | undefined;
     onBlur: import("react").FocusEventHandler;
+    onCheckBoxColumnHeaderClick: () => void;
     onDoubleClick: (e: import("react").MouseEvent<HTMLElement>) => void;
     onFocus: (e: FocusEvent<HTMLElement>) => void;
     onKeyDown: (e: KeyboardEvent<HTMLElement>) => void;