@vuu-ui/vuu-table 1.0.2 → 2.0.0-alpha.1

package/package.json

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

package/types/Table.d.ts

@@ -41,10 +41,6 @@ export interface TableProps extends Omit<MeasuredContainerProps, "onDragStart" |
      * if provided, row with matching key will be selected. If not present, will silently fail.
      */
     autoSelectRowKey?: string;
-    /**
-     * required if a fully featured column picker is to be available
-     */
-    availableColumns?: readonly SchemaColumn[];
     /**
      * Pixel height of header cells. If specified here, this will take precedence over CSS
      * values and Table will not respond to density changes.

package/types/index.d.ts

@@ -7,6 +7,7 @@ export { Row } from "./Row";
 export * from "./Table";
 export * from "./table-cell";
 export * from "./table-config";
+export { useTableConfig } from "./table-config/useTableConfig";
 export * from "./table-header";
 export * from "./useControlledTableNavigation";
 export * from "./useEditableCell";

package/types/table-config/useTableConfig.d.ts

@@ -0,0 +1,16 @@
+import { ColumnModel, TableDisplayAttributeChangeHandler } from "@vuu-ui/vuu-table-extras";
+import { TableConfig } from "@vuu-ui/vuu-table-types";
+import { TableProps } from "../Table";
+import type { ColumnDescriptor, TableConfigChangeHandler } from "@vuu-ui/vuu-table-types";
+import { DataSource } from "@vuu-ui/vuu-data-types";
+export interface TableConfigHookProps extends Pick<TableProps, "config"> {
+    availableColumns: readonly ColumnDescriptor[];
+    dataSource: DataSource;
+    onTableConfigChange?: TableConfigChangeHandler;
+}
+export declare const useTableConfig: ({ availableColumns, config: initialTableConfig, dataSource, onTableConfigChange, }: TableConfigHookProps) => {
+    columnModel: ColumnModel;
+    onTableDisplayAttributeChange: TableDisplayAttributeChangeHandler;
+    onTableConfigChange: TableConfigChangeHandler;
+    tableConfig: TableConfig;
+};

package/types/useControlledTableNavigation.d.ts

@@ -1,5 +1,5 @@
 import { KeyboardEventHandler } from "react";
-export declare const isRowSelectionKey: (key: string) => key is "Enter" | " ";
+export declare const isRowSelectionKey: (key: string) => key is " " | "Enter";
 export declare const useControlledTableNavigation: (initialValue: number, rowCount: number) => {
     highlightedIndexRef: import("react").RefObject<number | undefined>;
     onHighlight: (idx: number) => void;

package/types/useTable.d.ts

@@ -7,13 +7,13 @@ type HeaderState = {
     height: number;
     count: number;
 };
-export interface TableHookProps extends MeasuredProps, Pick<TableProps, "allowCellBlockSelection" | "allowDragDrop" | "allowSelectCheckboxRow" | "autoSelectFirstRow" | "autoSelectRowKey" | "availableColumns" | "config" | "dataSource" | "disableFocus" | "highlightedIndex" | "id" | "navigationStyle" | "onAvailableColumnsChange" | "onConfigChange" | "onDataEdited" | "onDragStart" | "onDrop" | "onHighlight" | "onSelect" | "onSelectCellBlock" | "onSelectionChange" | "onRowClick" | "renderBufferSize" | "revealSelected" | "scrollingApiRef" | "showColumnHeaderMenus" | "showColumnHeaders" | "showPaginationControls"> {
+export interface TableHookProps extends MeasuredProps, Pick<TableProps, "allowCellBlockSelection" | "allowDragDrop" | "allowSelectCheckboxRow" | "autoSelectFirstRow" | "autoSelectRowKey" | "config" | "dataSource" | "disableFocus" | "highlightedIndex" | "id" | "navigationStyle" | "onConfigChange" | "onDataEdited" | "onDragStart" | "onDrop" | "onHighlight" | "onSelect" | "onSelectCellBlock" | "onSelectionChange" | "onRowClick" | "renderBufferSize" | "revealSelected" | "scrollingApiRef" | "showColumnHeaders" | "showPaginationControls"> {
     containerRef: RefObject<HTMLDivElement | null>;
     rowHeight: number;
     selectionModel: TableSelectionModel;
     size: MeasuredSize;
 }
-export declare const useTable: ({ allowCellBlockSelection, allowSelectCheckboxRow, allowDragDrop, autoSelectFirstRow, autoSelectRowKey, availableColumns, config, containerRef, dataSource, disableFocus, highlightedIndex: highlightedIndexProp, id, navigationStyle, onAvailableColumnsChange, onConfigChange, onDataEdited: onDataEditedProp, onDragStart, onDrop, onHighlight, onRowClick: onRowClickProp, onSelect, onSelectCellBlock, onSelectionChange, renderBufferSize, revealSelected, rowHeight, scrollingApiRef, selectionModel, showColumnHeaderMenus, showColumnHeaders, showPaginationControls, size, }: TableHookProps) => {
+export declare const useTable: ({ allowCellBlockSelection, allowSelectCheckboxRow, allowDragDrop, autoSelectFirstRow, autoSelectRowKey, config, containerRef, dataSource, disableFocus, highlightedIndex: highlightedIndexProp, id, navigationStyle, onConfigChange, onDataEdited: onDataEditedProp, onDragStart, onDrop, onHighlight, onRowClick: onRowClickProp, onSelect, onSelectCellBlock, onSelectionChange, renderBufferSize, revealSelected, rowHeight, scrollingApiRef, selectionModel, showColumnHeaders, showPaginationControls, size, }: TableHookProps) => {
     allRowsSelected: boolean;
     "aria-rowcount": number;
     cellBlock: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/types/useTableModel.d.ts

@@ -1,11 +1,11 @@
 import { DataSource, TableSchema, WithBaseFilter, WithFullConfig } from "@vuu-ui/vuu-data-types";
-import { ColumnDescriptor, ColumnLayout, ResizePhase, RuntimeColumnDescriptor, TableAttributes, TableConfig, TableHeadings, TableSelectionModel } from "@vuu-ui/vuu-table-types";
+import { ColumnDescriptor, ColumnLayout, ResizePhase, RuntimeColumnDescriptor, TableDisplayAttributes, TableConfig, TableHeadings, TableSelectionModel } from "@vuu-ui/vuu-table-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 {
+export interface TableModel extends TableDisplayAttributes {
     columns: RuntimeColumnDescriptor[];
     headings: TableHeadings;
 }