@vuu-ui/vuu-table 2.1.0-alpha.1 → 2.1.0-alpha.11

package/package.json

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

package/types/Table.d.ts

@@ -1,5 +1,5 @@
 import type { DataSource, SchemaColumn } from "@vuu-ui/vuu-data-types";
-import { CustomHeader, DataCellEditNotification, GroupToggleTarget, RowActionHandler, RowProps, SelectionChangeHandler, ShowColumnHeaderMenus, TableConfig, TableConfigChangeHandler, TableRowClickHandler, TableRowSelectHandler, TableSelectionModel } from "@vuu-ui/vuu-table-types";
+import { CustomHeader, DataCellEditNotification, GroupToggleTarget, HeaderCellProps, RowActionHandler, RowProps, SelectionChangeHandler, 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 { ComponentType, FC, ForwardedRef } from "react";
@@ -11,6 +11,16 @@ export interface TableProps extends Omit<MeasuredContainerProps, "onDragStart" |
      * A react function component that will be rendered if there are no rows to display
      */
     EmptyDisplay?: ComponentType;
+    /**
+     * A custom implementation of HeaderCell which will be rendered in place of the
+     * default HeaderCell. If provided, custom implementation is responsible for all
+     * header behaviour (if required) - sorting, resizing etc.
+     */
+    HeaderCell?: FC<HeaderCellProps>;
+    /**
+     * A custom Row implementation that will be rendered in place of the default
+     * Row.
+     */
     Row?: FC<RowProps>;
     /**
      * Allow a block of cells to be selected. Typically to be copied.

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

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