@sectile/vue 0.6.0 → 0.8.0

package/dist/data-table.d.ts

@@ -0,0 +1,232 @@
+import { type ComputedRef, type Ref } from 'vue';
+import { type DataTableColumnSizeState as DOMDataTableColumnSizeState, type DataTableDOMCommand as DOMDataTableCommand } from '@sectile/dom/tabular';
+import { type DataTableCommand as SemanticDataTableCommand, type DataTableController as SemanticDataTableController, type DataTableEvent, type DataTableProjection, type DataTableUpdate } from '@sectile/tabular/data-table';
+import type { TabularAcceptedViewState, TabularAccessState, TabularCellRecord, TabularColumnDefinition, TabularColumnState, TabularError, TabularGroupID, TabularHeaderNode, TabularHeaderNodeID, TabularLimits, TabularQuery, TabularRequest, TabularRequestState, TabularResult, TabularRow, TabularRowID, TabularRowSelection, TabularSnapshot, TabularView, TabularViewResponse, TabularWireCells, TabularWireValue } from '@sectile/tabular';
+import type { PrimitiveAs } from './primitive.js';
+import { type HostConnection } from './internal/tabular-parts.js';
+import { type TabularBodyComponent, type TabularComponent } from './internal/tabular-components.js';
+import { type ProfileContext, type SourceReturn, type SourceStatus, type VueProfileController } from './internal/tabular-profile.js';
+export interface DataTableColumn<RecordValue = unknown, ID extends string = string, CellValue extends TabularWireValue = TabularWireValue> extends TabularColumnDefinition {
+    readonly id: ID;
+    readonly getValue?: (record: RecordValue) => CellValue;
+    readonly groupValue?: (record: RecordValue) => TabularWireValue;
+    readonly aggregate?: (values: readonly CellValue[]) => TabularWireValue;
+}
+export type DataTableCellsFromColumns<Columns extends readonly DataTableColumn<never>[]> = Readonly<{
+    [Column in Columns[number] as Column['id']]: Column extends {
+        readonly getValue: (record: never) => infer Value;
+    } ? Extract<Value, TabularWireValue> : TabularWireValue;
+}>;
+export type DataTableColumnID<LeafCells extends object, GroupCells extends object = LeafCells> = Extract<keyof LeafCells | keyof GroupCells, string>;
+export type DataTableCellValue<Cells extends object, Column extends string> = Column extends keyof Cells ? TabularWireCells<Cells>[Column] : TabularWireValue;
+export type DataTableReactiveInput<T> = T | Ref<T> | (() => T);
+export interface DataTableWritableRef<T> {
+    value: T;
+}
+export type DataTableQuery = TabularQuery;
+export type DataTableViewRow<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = TabularRow<LeafCells, GroupCells>;
+export type DataTableView<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = TabularView<DataTableViewRow<LeafCells, GroupCells>>;
+export type DataTableViewResponse<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = TabularViewResponse<DataTableViewRow<LeafCells, GroupCells>>;
+export type DataTableRowSelection = TabularRowSelection;
+export type DataTableGroupID = TabularGroupID;
+export type DataTableRowID = TabularRowID;
+export type DataTableColumnState = TabularColumnState;
+export type DataTableAccessState = TabularAccessState;
+export type DataTableRequestState = TabularRequestState;
+export type DataTableAcceptedViewState<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = TabularAcceptedViewState<DataTableViewRow<LeafCells, GroupCells>>;
+export type DataTableColumnSizeState = DOMDataTableColumnSizeState;
+export type DataTableSourceStatus = SourceStatus;
+export type DataTableSemanticCommand = SemanticDataTableCommand;
+export type DataTableCommand = DOMDataTableCommand;
+export type DataTableError = TabularError;
+export type DataTableCommandHandler = (command: DataTableCommand) => void;
+export type DataTableErrorHandler = (error: DataTableError) => void;
+export type DataTableSourceErrorHandler = (error: unknown) => void;
+export type DataTableStatusChangeHandler = (status: DataTableSourceStatus) => void;
+export type DataTableQueryChangeHandler = (query: DataTableQuery) => void;
+export type DataTableRowSelectionChangeHandler = (selection: DataTableRowSelection) => void;
+export type DataTableColumnStateChangeHandler = (state: DataTableColumnState) => void;
+export type DataTableAccessStateChangeHandler = (state: DataTableAccessState) => void;
+export type DataTableExpansionChangeHandler = (expansion: readonly DataTableGroupID[]) => void;
+export type DataTableColumnSizeChangeHandler = (state: DataTableColumnSizeState) => void;
+export interface UseDataTableOptions<Columns extends readonly DataTableColumn<never>[] = readonly DataTableColumn<never>[], LeafCells extends object = DataTableCellsFromColumns<Columns>, GroupCells extends object = LeafCells> {
+    readonly columns: DataTableReactiveInput<Columns>;
+    readonly headers?: DataTableReactiveInput<readonly TabularHeaderNode[]>;
+    readonly sourceKey?: DataTableReactiveInput<string>;
+    readonly limits?: Partial<TabularLimits>;
+    readonly initialView?: DataTableViewResponse<LeafCells, GroupCells>;
+    readonly query?: DataTableWritableRef<DataTableQuery>;
+    readonly defaultQuery?: DataTableQuery;
+    readonly onQueryChange?: DataTableQueryChangeHandler;
+    readonly rowSelection?: DataTableWritableRef<DataTableRowSelection>;
+    readonly defaultRowSelection?: DataTableRowSelection;
+    readonly onRowSelectionChange?: DataTableRowSelectionChangeHandler;
+    readonly columnState?: DataTableWritableRef<DataTableColumnState>;
+    readonly defaultColumnState?: DataTableColumnState;
+    readonly onColumnStateChange?: DataTableColumnStateChangeHandler;
+    readonly accessState?: DataTableWritableRef<DataTableAccessState>;
+    readonly defaultAccessState?: DataTableAccessState;
+    readonly onAccessStateChange?: DataTableAccessStateChangeHandler;
+    readonly expansion?: DataTableWritableRef<readonly DataTableGroupID[]>;
+    readonly defaultExpansion?: readonly DataTableGroupID[];
+    readonly onExpansionChange?: DataTableExpansionChangeHandler;
+    readonly columnSizeState?: DataTableWritableRef<Readonly<Record<string, number>>>;
+    readonly defaultColumnSizeState?: Readonly<Record<string, number>>;
+    readonly onColumnSizeStateChange?: DataTableColumnSizeChangeHandler;
+}
+declare const dataTableSchema: unique symbol;
+export interface DataTableController<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> extends VueProfileController<TabularSnapshot, DataTableEvent, SemanticDataTableCommand> {
+    readonly [dataTableSchema]?: {
+        readonly leaf: LeafCells;
+        readonly group: GroupCells;
+    };
+    readonly acceptedViewState: ComputedRef<DataTableAcceptedViewState<LeafCells, GroupCells>>;
+    getProjection(): DataTableProjection;
+}
+export declare function defineDataTableColumns<const Columns extends readonly DataTableColumn<never>[]>(columns: Columns): Columns;
+export declare function useDataTable<ExplicitLeafCells extends object | undefined = undefined, ExplicitGroupCells extends object | undefined = ExplicitLeafCells, const Columns extends readonly DataTableColumn<never>[] = readonly DataTableColumn<never>[], LeafCells extends object = ExplicitLeafCells extends object ? ExplicitLeafCells : DataTableCellsFromColumns<Columns>, GroupCells extends object = ExplicitGroupCells extends object ? ExplicitGroupCells : LeafCells>(options: UseDataTableOptions<Columns, LeafCells, GroupCells>): DataTableController<LeafCells, GroupCells>;
+export type DataTableSourceResolver<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = (request: TabularRequest, context: {
+    readonly signal: AbortSignal;
+}) => DataTableViewResponse<LeafCells, GroupCells> | Promise<DataTableViewResponse<LeafCells, GroupCells>>;
+export interface UseDataTableSourceOptions {
+    readonly onError?: DataTableSourceErrorHandler;
+    readonly onStatusChange?: DataTableStatusChangeHandler;
+}
+export interface UseDataTableSourceReturn extends SourceReturn {
+}
+export declare function useDataTableSource<LeafCells extends object, GroupCells extends object>(controller: DataTableController<LeafCells, GroupCells>, resolver: DataTableSourceResolver<LeafCells, GroupCells>, options?: UseDataTableSourceOptions): UseDataTableSourceReturn;
+export interface DataTableContextValue extends Omit<ProfileContext<TabularSnapshot, DataTableEvent, SemanticDataTableCommand, HostConnection>, 'connection'> {
+}
+export declare function useDataTableContext(): DataTableContextValue;
+export interface DataTableProviderProps {
+}
+export interface DataTableRootProps {
+    readonly onCommand?: DataTableCommandHandler;
+    readonly onError?: DataTableErrorHandler;
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export interface DataTableRootSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> {
+    readonly acceptedViewState: DataTableAcceptedViewState<LeafCells, GroupCells>;
+    readonly requestState: DataTableRequestState;
+    readonly query: DataTableQuery;
+    readonly rowSelection: DataTableRowSelection;
+    readonly columnState: DataTableColumnState;
+    readonly accessState: DataTableAccessState;
+    readonly expansion: readonly DataTableGroupID[];
+    readonly rows: readonly DataTableViewRow<LeafCells, GroupCells>[];
+}
+export interface DataTableRootExpose<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> {
+    readonly controller: DataTableController<LeafCells, GroupCells>;
+    refresh(): void;
+}
+export interface DataTablePartProps {
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export type DataTableHeaderRowProps = DataTablePartProps;
+export type DataTableColumnHeaderProps<Column extends string = string> = DataTablePartProps & ({
+    readonly column: Column;
+    readonly header?: never;
+} | {
+    readonly header: TabularHeaderNodeID;
+    readonly column?: never;
+});
+export interface DataTableSortTriggerProps<Column extends string = string> extends DataTablePartProps {
+    readonly column: Column;
+    readonly comparator?: string;
+}
+export type DataTableFilterControlProps<Column extends string = string> = DataTablePartProps & ({
+    readonly scope: 'global';
+    readonly id: string;
+    readonly predicate: string;
+} | {
+    readonly scope: 'column';
+    readonly column: Column;
+    readonly id: string;
+    readonly predicate: string;
+});
+export interface DataTableColumnResizeHandleProps<Column extends string = string> extends DataTablePartProps {
+    readonly column: Column;
+    readonly minSize?: number;
+    readonly maxSize?: number;
+}
+export interface DataTableRowProps extends DataTablePartProps {
+    readonly rowID: DataTableRowID | DataTableGroupID;
+}
+export interface DataTableSelectionControlProps extends DataTablePartProps {
+    readonly rowID?: DataTableRowID;
+    readonly name: string;
+    readonly value?: string;
+    readonly form?: string;
+    readonly disabled?: boolean;
+}
+export interface DataTableBulkSelectionControlProps extends DataTablePartProps {
+    readonly target: {
+        readonly kind: 'all-matching';
+    } | {
+        readonly kind: 'group-leaves';
+        readonly groupID: DataTableGroupID;
+    };
+    readonly disabled?: boolean;
+}
+export interface DataTableDisclosureProps extends DataTablePartProps {
+    readonly rowID?: DataTableGroupID;
+    readonly disabled?: boolean;
+}
+export interface DataTableCellProps<Column extends string = string> extends DataTablePartProps {
+    readonly rowID?: DataTableRowID | DataTableGroupID;
+    readonly column: Column;
+}
+export interface DataTableEditorProps<Column extends string = string> extends DataTableCellProps<Column> {
+    readonly parseValue?: (value: string) => TabularResult<TabularWireValue>;
+    readonly commitOnChange?: boolean;
+}
+export interface DataTablePartSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> extends DataTableRootSlotProps<LeafCells, GroupCells> {
+    readonly row?: DataTableViewRow<LeafCells, GroupCells>;
+    readonly isGroup?: boolean;
+}
+export interface DataTableBodySlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> extends DataTableRootSlotProps<LeafCells, GroupCells> {
+    readonly row: DataTableViewRow<LeafCells, GroupCells>;
+    readonly rowIndex: number;
+    readonly isGroup: boolean;
+}
+export type DataTableProviderSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTableRootSlotProps<LeafCells, GroupCells>;
+export type DataTableCaptionProps = DataTablePartProps;
+export type DataTableHeaderProps = DataTablePartProps;
+export interface DataTableBodyProps extends DataTablePartProps {
+    readonly manual?: boolean;
+}
+export type DataTableCaptionSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTableRootSlotProps<LeafCells, GroupCells>;
+export type DataTableHeaderSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTableRootSlotProps<LeafCells, GroupCells>;
+export type DataTableHeaderRowSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTableRootSlotProps<LeafCells, GroupCells>;
+export type DataTableColumnHeaderSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTableRootSlotProps<LeafCells, GroupCells>;
+export type DataTableSortTriggerSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTableRootSlotProps<LeafCells, GroupCells>;
+export type DataTableFilterControlSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTableRootSlotProps<LeafCells, GroupCells>;
+export type DataTableColumnResizeHandleSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTableRootSlotProps<LeafCells, GroupCells>;
+export type DataTableRowSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTableRootSlotProps<LeafCells, GroupCells>;
+export type DataTableSelectionControlSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTablePartSlotProps<LeafCells, GroupCells>;
+export type DataTableBulkSelectionControlSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTableRootSlotProps<LeafCells, GroupCells>;
+export type DataTableDisclosureSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTablePartSlotProps<LeafCells, GroupCells>;
+export type DataTableCellSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTablePartSlotProps<LeafCells, GroupCells>;
+export type DataTableEditorSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTablePartSlotProps<LeafCells, GroupCells>;
+export interface DataTableComponents<LeafCells extends object, GroupCells extends object = LeafCells> {
+    readonly Provider: TabularComponent<DataTableProviderProps, DataTableProviderSlotProps<LeafCells, GroupCells>>;
+    readonly Root: TabularComponent<DataTableRootProps, DataTableRootSlotProps<LeafCells, GroupCells>>;
+    readonly Caption: TabularComponent<DataTableCaptionProps, DataTableCaptionSlotProps<LeafCells, GroupCells>>;
+    readonly Header: TabularComponent<DataTableHeaderProps, DataTableHeaderSlotProps<LeafCells, GroupCells>>;
+    readonly HeaderRow: TabularComponent<DataTableHeaderRowProps, DataTableHeaderRowSlotProps<LeafCells, GroupCells>>;
+    readonly ColumnHeader: TabularComponent<DataTableColumnHeaderProps<DataTableColumnID<LeafCells, GroupCells>>, DataTableColumnHeaderSlotProps<LeafCells, GroupCells>>;
+    readonly SortTrigger: TabularComponent<DataTableSortTriggerProps<DataTableColumnID<LeafCells, GroupCells>>, DataTableSortTriggerSlotProps<LeafCells, GroupCells>>;
+    readonly FilterControl: TabularComponent<DataTableFilterControlProps<DataTableColumnID<LeafCells, GroupCells>>, DataTableFilterControlSlotProps<LeafCells, GroupCells>>;
+    readonly ColumnResizeHandle: TabularComponent<DataTableColumnResizeHandleProps<DataTableColumnID<LeafCells, GroupCells>>, DataTableColumnResizeHandleSlotProps<LeafCells, GroupCells>>;
+    readonly Body: TabularBodyComponent<DataTableBodyProps, DataTableRootSlotProps<LeafCells, GroupCells>, DataTableBodySlotProps<LeafCells, GroupCells>>;
+    readonly Row: TabularComponent<DataTableRowProps, DataTableRowSlotProps<LeafCells, GroupCells>>;
+    readonly SelectionControl: TabularComponent<DataTableSelectionControlProps, DataTableSelectionControlSlotProps<LeafCells, GroupCells>>;
+    readonly BulkSelectionControl: TabularComponent<DataTableBulkSelectionControlProps, DataTableBulkSelectionControlSlotProps<LeafCells, GroupCells>>;
+    readonly Disclosure: TabularComponent<DataTableDisclosureProps, DataTableDisclosureSlotProps<LeafCells, GroupCells>>;
+    readonly Cell: TabularComponent<DataTableCellProps<DataTableColumnID<LeafCells, GroupCells>>, DataTableCellSlotProps<LeafCells, GroupCells>>;
+    readonly Editor: TabularComponent<DataTableEditorProps<DataTableColumnID<LeafCells, GroupCells>>, DataTableEditorSlotProps<LeafCells, GroupCells>>;
+}
+export declare function createDataTableComponents<LeafCells extends object, GroupCells extends object>(controller: DataTableController<LeafCells, GroupCells>): DataTableComponents<LeafCells, GroupCells>;
+export type { DataTableEvent, DataTableProjection, DataTableUpdate, SemanticDataTableController };

package/dist/data-table.js

@@ -0,0 +1,116 @@
+import { getCurrentScope, onScopeDispose, toValue, watch, } from 'vue';
+import { connectDataTable, } from '@sectile/dom/tabular';
+import { createDataTable, } from '@sectile/tabular/data-table';
+import { createTabularParts } from './internal/tabular-parts.js';
+import { createTabularComponentSuite, } from './internal/tabular-components.js';
+import { controlledValues, aliasVueProfileController, createVueProfileController, semanticController, useProfile, useProfileSource, } from './internal/tabular-profile.js';
+const hosts = new WeakMap();
+export function defineDataTableColumns(columns) { return columns; }
+export function useDataTable(options) {
+    assertExclusive(options, 'query');
+    assertExclusive(options, 'rowSelection');
+    assertExclusive(options, 'columnState');
+    assertExclusive(options, 'accessState');
+    assertExclusive(options, 'expansion');
+    assertExclusive(options, 'columnSizeState');
+    const initialValues = Object.freeze({
+        ...(options.query === undefined && options.defaultQuery === undefined ? {} : { query: options.query?.value ?? options.defaultQuery }),
+        ...(options.rowSelection === undefined && options.defaultRowSelection === undefined ? {} : { rowSelection: options.rowSelection?.value ?? options.defaultRowSelection }),
+        ...(options.columnState === undefined && options.defaultColumnState === undefined ? {} : { columnState: options.columnState?.value ?? options.defaultColumnState }),
+        ...(options.accessState === undefined && options.defaultAccessState === undefined ? {} : { accessState: options.accessState?.value ?? options.defaultAccessState }),
+        ...(options.expansion === undefined && options.defaultExpansion === undefined ? {} : { expansion: options.expansion?.value ?? options.defaultExpansion }),
+    });
+    const semanticOptions = {
+        columns: stripColumns(toValue(options.columns)),
+        ...(options.headers === undefined ? {} : { headers: toValue(options.headers) }),
+        ...(options.limits === undefined ? {} : { limits: options.limits }),
+        controlled: {
+            query: options.query !== undefined,
+            rowSelection: options.rowSelection !== undefined,
+            columnState: options.columnState !== undefined,
+            accessState: options.accessState !== undefined,
+            expansion: options.expansion !== undefined,
+        },
+        initialValues,
+        ...(options.onQueryChange === undefined ? {} : { onQueryChange: options.onQueryChange }),
+        ...(options.onRowSelectionChange === undefined ? {} : { onRowSelectionChange: options.onRowSelectionChange }),
+        ...(options.onColumnStateChange === undefined ? {} : { onColumnStateChange: options.onColumnStateChange }),
+        ...(options.onAccessStateChange === undefined ? {} : { onAccessStateChange: options.onAccessStateChange }),
+        ...(options.onExpansionChange === undefined ? {} : { onExpansionChange: options.onExpansionChange }),
+    };
+    const semantic = createDataTable(semanticOptions);
+    const base = createVueProfileController(semantic);
+    const controller = Object.freeze({ ...base, getProjection: () => semantic.getProjection() });
+    aliasVueProfileController(controller, base);
+    hosts.set(controller, Object.freeze({
+        ...(options.columnSizeState === undefined ? {} : { columnSizes: options.columnSizeState.value }),
+        ...(options.defaultColumnSizeState === undefined ? {} : { defaultColumnSizes: options.defaultColumnSizeState }),
+        ...(options.onColumnSizeStateChange === undefined ? {} : { onColumnSizesChange: options.onColumnSizeStateChange }),
+    }));
+    if (options.initialView !== undefined)
+        unwrapResult(controller.synchronizeView(options.initialView));
+    const stops = [];
+    const sync = () => { unwrapResult(controller.syncControlledValues(controlledValues(options))); };
+    for (const source of [options.query, options.rowSelection, options.columnState, options.accessState, options.expansion])
+        if (source !== undefined)
+            stops.push(watch(() => source.value, sync, { deep: false }));
+    if (options.sourceKey !== undefined)
+        stops.push(watch(() => toValue(options.sourceKey), () => { unwrapResult(controller.dispatch({ type: 'replace-source' })); }));
+    stops.push(watch(() => toValue(options.columns), () => { unwrapResult(controller.dispatch({ type: 'replace-source' })); }, { deep: false }));
+    const dispose = controller.dispose;
+    const wrapped = Object.freeze({ ...controller, dispose: () => { for (const stop of stops.splice(0))
+            stop(); dispose(); } });
+    aliasVueProfileController(wrapped, controller);
+    hosts.set(wrapped, hosts.get(controller) ?? {});
+    if (getCurrentScope() !== undefined)
+        onScopeDispose(wrapped.dispose);
+    return wrapped;
+}
+export function useDataTableSource(controller, resolver, options) {
+    return useProfileSource(controller, resolver, options);
+}
+const publicKey = Symbol('SectileDataTable');
+const privateKey = Symbol('SectileDataTableHost');
+export function useDataTableContext() { return useProfile(publicKey, 'useDataTableContext'); }
+const parts = createTabularParts({
+    profile: 'data-table', prefix: 'DataTable', publicKey, privateKey,
+    connect: (element, controller, callbacks) => connectDataTable({
+        controller: semanticController(controller),
+        table: element,
+        ...hosts.get(controller),
+        ...(callbacks.onCommand === undefined ? {} : { onCommand: callbacks.onCommand }),
+        onSnapshotChange: callbacks.onSnapshotChange,
+    }),
+});
+const componentSuites = new WeakMap();
+export function createDataTableComponents(controller) {
+    return createTabularComponentSuite(parts, controller, componentSuites, 'DataTable', {
+        Root: 'Root',
+        Caption: 'Caption',
+        Header: 'Header',
+        HeaderRow: 'HeaderRow',
+        ColumnHeader: 'ColumnHeader',
+        SortTrigger: 'SortTrigger',
+        FilterControl: 'FilterControl',
+        ColumnResizeHandle: 'ColumnResizeHandle',
+        Body: 'Body',
+        Row: 'Row',
+        SelectionControl: 'SelectionControl',
+        BulkSelectionControl: 'BulkSelectionControl',
+        Disclosure: 'Disclosure',
+        Cell: 'Cell',
+        Editor: 'Editor',
+    });
+}
+function stripColumns(columns) {
+    return columns.map(({ getValue: _getValue, groupValue: _groupValue, aggregate: _aggregate, ...column }) => Object.freeze(column));
+}
+function assertExclusive(options, property) {
+    const values = options;
+    const fallback = `default${property[0].toUpperCase()}${property.slice(1)}`;
+    if (values[property] !== undefined && values[fallback] !== undefined)
+        throw new TypeError(`${property} and ${fallback} are mutually exclusive.`);
+}
+function unwrapResult(result) { if (!result.ok)
+    throw new TypeError(result.error.message); return result.value; }
+//# sourceMappingURL=data-table.js.map

package/dist/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.js","sourceRoot":"","sources":["../src/data-table.ts"],"names":[],"mappings":"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"}

package/dist/data-tree-grid.d.ts

@@ -0,0 +1,225 @@
+import { type ComputedRef } from 'vue';
+import { type DataTreeGridColumnSizeState as DOMDataTreeGridColumnSizeState, type DataTreeGridDOMCommand } from '@sectile/dom/tabular';
+import { type DataTreeGridCommand as SemanticDataTreeGridCommand, type DataTreeGridController as SemanticDataTreeGridController, type DataTreeGridCursorState, type DataTreeGridEditState, type DataTreeGridEvent, type DataTreeGridExpansionState, type DataTreeGridOptions as SemanticDataTreeGridOptions, type DataTreeGridProjection, type DataTreeGridState, type DataTreeGridUpdate } from '@sectile/tabular/data-tree-grid';
+import type { TabularAcceptedViewState, TabularAccessState, TabularCellRecord, TabularColumnState, TabularError, TabularGroupID, TabularHeaderNode, TabularHeaderNodeID, TabularLimits, TabularQuery, TabularRequest, TabularRequestState, TabularResult, TabularRow, TabularRowID, TabularRowSelection, TabularView, TabularViewResponse, TabularWireValue } from '@sectile/tabular';
+import type { PrimitiveAs } from './primitive.js';
+import type { DataTableCellsFromColumns, DataTableColumn, DataTableColumnID, DataTableReactiveInput, DataTableWritableRef } from './data-table.js';
+import { type TabularBodyComponent, type TabularComponent } from './internal/tabular-components.js';
+import { type HostConnection } from './internal/tabular-parts.js';
+import { type ProfileContext, type SourceReturn, type SourceStatus, type VueProfileController } from './internal/tabular-profile.js';
+export type DataTreeGridColumn<RecordValue = unknown, ID extends string = string, CellValue extends TabularWireValue = TabularWireValue> = DataTableColumn<RecordValue, ID, CellValue>;
+export type DataTreeGridQuery = TabularQuery;
+export type DataTreeGridViewRow<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = TabularRow<LeafCells, GroupCells>;
+export type DataTreeGridView<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = TabularView<DataTreeGridViewRow<LeafCells, GroupCells>>;
+export type DataTreeGridViewResponse<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = TabularViewResponse<DataTreeGridViewRow<LeafCells, GroupCells>>;
+export type DataTreeGridRowSelection = TabularRowSelection;
+export type DataTreeGridGroupID = TabularGroupID;
+export type DataTreeGridRowID = TabularRowID;
+export type DataTreeGridColumnState = TabularColumnState;
+export type DataTreeGridAccessState = TabularAccessState;
+export type DataTreeGridRequestState = TabularRequestState;
+export type DataTreeGridAcceptedViewState<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = TabularAcceptedViewState<DataTreeGridViewRow<LeafCells, GroupCells>>;
+export type DataTreeGridColumnSizeState = DOMDataTreeGridColumnSizeState;
+export type DataTreeGridSourceStatus = SourceStatus;
+export type DataTreeGridSemanticCommand = SemanticDataTreeGridCommand;
+export type DataTreeGridCommand = DataTreeGridDOMCommand;
+export type DataTreeGridError = TabularError;
+export type DataTreeGridCommandHandler = (command: DataTreeGridCommand) => void;
+export type DataTreeGridErrorHandler = (error: DataTreeGridError) => void;
+export type DataTreeGridSourceErrorHandler = (error: unknown) => void;
+export type DataTreeGridStatusChangeHandler = (status: DataTreeGridSourceStatus) => void;
+export type DataTreeGridQueryChangeHandler = (value: DataTreeGridQuery) => void;
+export type DataTreeGridRowSelectionChangeHandler = (value: DataTreeGridRowSelection) => void;
+export type DataTreeGridColumnStateChangeHandler = (value: DataTreeGridColumnState) => void;
+export type DataTreeGridAccessStateChangeHandler = (value: DataTreeGridAccessState) => void;
+export type DataTreeGridExpansionChangeHandler = (value: readonly DataTreeGridGroupID[]) => void;
+export type DataTreeGridCursorChangeHandler = (value: DataTreeGridCursorState) => void;
+export type DataTreeGridEditStateChangeHandler = (value: DataTreeGridEditState) => void;
+export type DataTreeGridColumnSizeChangeHandler = (value: DataTreeGridColumnSizeState) => void;
+export interface UseDataTreeGridOptions<Columns extends readonly DataTreeGridColumn<never>[] = readonly DataTreeGridColumn<never>[], LeafCells extends object = DataTableCellsFromColumns<Columns>, GroupCells extends object = LeafCells> {
+    readonly columns: DataTableReactiveInput<Columns>;
+    readonly headers?: DataTableReactiveInput<readonly TabularHeaderNode[]>;
+    readonly sourceKey?: DataTableReactiveInput<string>;
+    readonly limits?: Partial<TabularLimits>;
+    readonly initialView?: DataTreeGridViewResponse<LeafCells, GroupCells>;
+    readonly query?: DataTableWritableRef<DataTreeGridQuery>;
+    readonly defaultQuery?: DataTreeGridQuery;
+    readonly onQueryChange?: DataTreeGridQueryChangeHandler;
+    readonly rowSelection?: DataTableWritableRef<DataTreeGridRowSelection>;
+    readonly defaultRowSelection?: DataTreeGridRowSelection;
+    readonly onRowSelectionChange?: DataTreeGridRowSelectionChangeHandler;
+    readonly columnState?: DataTableWritableRef<DataTreeGridColumnState>;
+    readonly defaultColumnState?: DataTreeGridColumnState;
+    readonly onColumnStateChange?: DataTreeGridColumnStateChangeHandler;
+    readonly accessState?: DataTableWritableRef<DataTreeGridAccessState>;
+    readonly defaultAccessState?: DataTreeGridAccessState;
+    readonly onAccessStateChange?: DataTreeGridAccessStateChangeHandler;
+    readonly expansion?: DataTableWritableRef<readonly DataTreeGridGroupID[]>;
+    readonly defaultExpansion?: readonly DataTreeGridGroupID[];
+    readonly onExpansionChange?: DataTreeGridExpansionChangeHandler;
+    readonly cursor?: DataTableWritableRef<DataTreeGridCursorState>;
+    readonly defaultCursor?: DataTreeGridCursorState;
+    readonly onCursorChange?: DataTreeGridCursorChangeHandler;
+    readonly editState?: DataTableWritableRef<DataTreeGridEditState>;
+    readonly defaultEditState?: DataTreeGridEditState;
+    readonly onEditStateChange?: DataTreeGridEditStateChangeHandler;
+    readonly columnSizeState?: DataTableWritableRef<Readonly<Record<string, number>>>;
+    readonly defaultColumnSizeState?: Readonly<Record<string, number>>;
+    readonly onColumnSizeStateChange?: DataTreeGridColumnSizeChangeHandler;
+    readonly isCellDisabled?: SemanticDataTreeGridOptions['isCellDisabled'];
+}
+declare const dataTreeGridSchema: unique symbol;
+export interface DataTreeGridController<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> extends VueProfileController<DataTreeGridState, DataTreeGridEvent, SemanticDataTreeGridCommand> {
+    readonly [dataTreeGridSchema]?: {
+        readonly leaf: LeafCells;
+        readonly group: GroupCells;
+    };
+    readonly acceptedViewState: ComputedRef<DataTreeGridAcceptedViewState<LeafCells, GroupCells>>;
+    getProjection(): DataTreeGridProjection;
+}
+export declare function defineDataTreeGridColumns<const Columns extends readonly DataTreeGridColumn<never>[]>(columns: Columns): Columns;
+export declare function useDataTreeGrid<ExplicitLeafCells extends object | undefined = undefined, ExplicitGroupCells extends object | undefined = ExplicitLeafCells, const Columns extends readonly DataTreeGridColumn<never>[] = readonly DataTreeGridColumn<never>[], LeafCells extends object = ExplicitLeafCells extends object ? ExplicitLeafCells : DataTableCellsFromColumns<Columns>, GroupCells extends object = ExplicitGroupCells extends object ? ExplicitGroupCells : LeafCells>(options: UseDataTreeGridOptions<Columns, LeafCells, GroupCells>): DataTreeGridController<LeafCells, GroupCells>;
+export type DataTreeGridSourceResolver<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = (request: TabularRequest, context: {
+    readonly signal: AbortSignal;
+}) => DataTreeGridViewResponse<LeafCells, GroupCells> | Promise<DataTreeGridViewResponse<LeafCells, GroupCells>>;
+export interface UseDataTreeGridSourceOptions {
+    readonly onError?: DataTreeGridSourceErrorHandler;
+    readonly onStatusChange?: DataTreeGridStatusChangeHandler;
+}
+export interface UseDataTreeGridSourceReturn extends SourceReturn {
+}
+export declare function useDataTreeGridSource<LeafCells extends object, GroupCells extends object>(controller: DataTreeGridController<LeafCells, GroupCells>, resolver: DataTreeGridSourceResolver<LeafCells, GroupCells>, options?: UseDataTreeGridSourceOptions): UseDataTreeGridSourceReturn;
+export interface DataTreeGridContextValue extends Omit<ProfileContext<DataTreeGridState, DataTreeGridEvent, SemanticDataTreeGridCommand, HostConnection>, 'connection'> {
+}
+export declare function useDataTreeGridContext(): DataTreeGridContextValue;
+export interface DataTreeGridProviderProps {
+}
+export interface DataTreeGridRootProps {
+    readonly onCommand?: DataTreeGridCommandHandler;
+    readonly onError?: DataTreeGridErrorHandler;
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export interface DataTreeGridRootSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> {
+    readonly acceptedViewState: DataTreeGridAcceptedViewState<LeafCells, GroupCells>;
+    readonly requestState: DataTreeGridRequestState;
+    readonly query: DataTreeGridQuery;
+    readonly rowSelection: DataTreeGridRowSelection;
+    readonly columnState: DataTreeGridColumnState;
+    readonly accessState: DataTreeGridAccessState;
+    readonly expansion: readonly DataTreeGridGroupID[];
+    readonly cursor: DataTreeGridCursorState;
+    readonly editState: DataTreeGridEditState;
+    readonly rows: readonly DataTreeGridViewRow<LeafCells, GroupCells>[];
+}
+export interface DataTreeGridRootExpose<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> {
+    readonly controller: DataTreeGridController<LeafCells, GroupCells>;
+    refresh(): void;
+}
+export interface DataTreeGridPartProps {
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export type DataTreeGridHeaderRowProps = DataTreeGridPartProps;
+export type DataTreeGridColumnHeaderProps<Column extends string = string> = DataTreeGridPartProps & ({
+    readonly column: Column;
+    readonly header?: never;
+} | {
+    readonly header: TabularHeaderNodeID;
+    readonly column?: never;
+});
+export interface DataTreeGridSortTriggerProps<Column extends string = string> extends DataTreeGridPartProps {
+    readonly column: Column;
+    readonly comparator?: string;
+}
+export type DataTreeGridFilterControlProps<Column extends string = string> = DataTreeGridPartProps & ({
+    readonly scope: 'global';
+    readonly id: string;
+    readonly predicate: string;
+} | {
+    readonly scope: 'column';
+    readonly column: Column;
+    readonly id: string;
+    readonly predicate: string;
+});
+export interface DataTreeGridColumnResizeHandleProps<Column extends string = string> extends DataTreeGridPartProps {
+    readonly column: Column;
+    readonly minSize?: number;
+    readonly maxSize?: number;
+}
+export interface DataTreeGridRowProps extends DataTreeGridPartProps {
+    readonly rowID: DataTreeGridRowID | DataTreeGridGroupID;
+}
+export interface DataTreeGridRowDisclosureProps extends DataTreeGridPartProps {
+    readonly rowID?: DataTreeGridGroupID;
+    readonly disabled?: boolean;
+}
+export interface DataTreeGridRowSelectionControlProps extends DataTreeGridPartProps {
+    readonly rowID?: DataTreeGridRowID;
+    readonly name: string;
+    readonly value?: string;
+    readonly form?: string;
+    readonly disabled?: boolean;
+}
+export interface DataTreeGridBulkSelectionControlProps extends DataTreeGridPartProps {
+    readonly target: {
+        readonly kind: 'all-matching';
+    } | {
+        readonly kind: 'group-leaves';
+        readonly groupID: DataTreeGridGroupID;
+    };
+    readonly disabled?: boolean;
+}
+export interface DataTreeGridCellProps<Column extends string = string> extends DataTreeGridPartProps {
+    readonly rowID?: DataTreeGridRowID | DataTreeGridGroupID;
+    readonly column: Column;
+}
+export interface DataTreeGridEditorProps<Column extends string = string> extends DataTreeGridCellProps<Column> {
+    readonly parseValue?: (value: string) => TabularResult<TabularWireValue>;
+    readonly commitOnChange?: boolean;
+}
+export type DataTreeGridHeaderProps = DataTreeGridPartProps;
+export interface DataTreeGridBodyProps extends DataTreeGridPartProps {
+    readonly manual?: boolean;
+}
+export interface DataTreeGridPartSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> extends DataTreeGridRootSlotProps<LeafCells, GroupCells> {
+    readonly row?: DataTreeGridViewRow<LeafCells, GroupCells>;
+    readonly isGroup?: boolean;
+}
+export type DataTreeGridProviderSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTreeGridRootSlotProps<LeafCells, GroupCells>;
+export interface DataTreeGridBodySlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> extends DataTreeGridRootSlotProps<LeafCells, GroupCells> {
+    readonly row: DataTreeGridViewRow<LeafCells, GroupCells>;
+    readonly rowIndex: number;
+    readonly isGroup: boolean;
+}
+export type DataTreeGridHeaderSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTreeGridRootSlotProps<LeafCells, GroupCells>;
+export type DataTreeGridHeaderRowSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTreeGridRootSlotProps<LeafCells, GroupCells>;
+export type DataTreeGridColumnHeaderSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTreeGridRootSlotProps<LeafCells, GroupCells>;
+export type DataTreeGridSortTriggerSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTreeGridRootSlotProps<LeafCells, GroupCells>;
+export type DataTreeGridFilterControlSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTreeGridRootSlotProps<LeafCells, GroupCells>;
+export type DataTreeGridColumnResizeHandleSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTreeGridRootSlotProps<LeafCells, GroupCells>;
+export type DataTreeGridRowSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTreeGridRootSlotProps<LeafCells, GroupCells>;
+export type DataTreeGridRowDisclosureSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTreeGridPartSlotProps<LeafCells, GroupCells>;
+export type DataTreeGridRowSelectionControlSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTreeGridPartSlotProps<LeafCells, GroupCells>;
+export type DataTreeGridBulkSelectionControlSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTreeGridRootSlotProps<LeafCells, GroupCells>;
+export type DataTreeGridCellSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTreeGridPartSlotProps<LeafCells, GroupCells>;
+export type DataTreeGridEditorSlotProps<LeafCells extends object = TabularCellRecord, GroupCells extends object = LeafCells> = DataTreeGridPartSlotProps<LeafCells, GroupCells>;
+export interface DataTreeGridComponents<LeafCells extends object, GroupCells extends object = LeafCells> {
+    readonly Provider: TabularComponent<DataTreeGridProviderProps, DataTreeGridProviderSlotProps<LeafCells, GroupCells>>;
+    readonly Root: TabularComponent<DataTreeGridRootProps, DataTreeGridRootSlotProps<LeafCells, GroupCells>>;
+    readonly Header: TabularComponent<DataTreeGridHeaderProps, DataTreeGridHeaderSlotProps<LeafCells, GroupCells>>;
+    readonly HeaderRow: TabularComponent<DataTreeGridHeaderRowProps, DataTreeGridHeaderRowSlotProps<LeafCells, GroupCells>>;
+    readonly ColumnHeader: TabularComponent<DataTreeGridColumnHeaderProps<DataTableColumnID<LeafCells, GroupCells>>, DataTreeGridColumnHeaderSlotProps<LeafCells, GroupCells>>;
+    readonly SortTrigger: TabularComponent<DataTreeGridSortTriggerProps<DataTableColumnID<LeafCells, GroupCells>>, DataTreeGridSortTriggerSlotProps<LeafCells, GroupCells>>;
+    readonly FilterControl: TabularComponent<DataTreeGridFilterControlProps<DataTableColumnID<LeafCells, GroupCells>>, DataTreeGridFilterControlSlotProps<LeafCells, GroupCells>>;
+    readonly ColumnResizeHandle: TabularComponent<DataTreeGridColumnResizeHandleProps<DataTableColumnID<LeafCells, GroupCells>>, DataTreeGridColumnResizeHandleSlotProps<LeafCells, GroupCells>>;
+    readonly Body: TabularBodyComponent<DataTreeGridBodyProps, DataTreeGridRootSlotProps<LeafCells, GroupCells>, DataTreeGridBodySlotProps<LeafCells, GroupCells>>;
+    readonly Row: TabularComponent<DataTreeGridRowProps, DataTreeGridRowSlotProps<LeafCells, GroupCells>>;
+    readonly RowDisclosure: TabularComponent<DataTreeGridRowDisclosureProps, DataTreeGridRowDisclosureSlotProps<LeafCells, GroupCells>>;
+    readonly RowSelectionControl: TabularComponent<DataTreeGridRowSelectionControlProps, DataTreeGridRowSelectionControlSlotProps<LeafCells, GroupCells>>;
+    readonly BulkSelectionControl: TabularComponent<DataTreeGridBulkSelectionControlProps, DataTreeGridBulkSelectionControlSlotProps<LeafCells, GroupCells>>;
+    readonly Cell: TabularComponent<DataTreeGridCellProps<DataTableColumnID<LeafCells, GroupCells>>, DataTreeGridCellSlotProps<LeafCells, GroupCells>>;
+    readonly Editor: TabularComponent<DataTreeGridEditorProps<DataTableColumnID<LeafCells, GroupCells>>, DataTreeGridEditorSlotProps<LeafCells, GroupCells>>;
+}
+export declare function createDataTreeGridComponents<LeafCells extends object, GroupCells extends object>(controller: DataTreeGridController<LeafCells, GroupCells>): DataTreeGridComponents<LeafCells, GroupCells>;
+export type { DataTreeGridCursorState, DataTreeGridEditState, DataTreeGridEvent, DataTreeGridExpansionState, DataTreeGridProjection, DataTreeGridState, DataTreeGridUpdate, SemanticDataTreeGridController };