@sectile/vue 0.7.0 → 0.8.0

package/dist/data-grid.js

@@ -0,0 +1,107 @@
+import { getCurrentScope, onScopeDispose, toValue, watch } from 'vue';
+import { connectDataGrid } from '@sectile/dom/tabular';
+import { createDataGrid, } from '@sectile/tabular/data-grid';
+import { createTabularComponentSuite } from './internal/tabular-components.js';
+import { createTabularParts } from './internal/tabular-parts.js';
+import { aliasVueProfileController, controlledValues, createVueProfileController, useProfile, useProfileSource } from './internal/tabular-profile.js';
+const hosts = new WeakMap();
+export function defineDataGridColumns(columns) { return columns; }
+export function useDataGrid(options) {
+    for (const property of ['query', 'rowSelection', 'columnState', 'accessState', 'cursor', 'editState', 'columnSizeState'])
+        assertExclusive(options, property);
+    const semantic = createDataGrid({
+        columns: stripColumns(toValue(options.columns)),
+        ...(options.headers === undefined ? {} : { headers: toValue(options.headers) }),
+        ...(options.limits === undefined ? {} : { limits: options.limits }),
+        ...(options.isCellDisabled === undefined ? {} : { isCellDisabled: options.isCellDisabled }),
+        controlled: { query: options.query !== undefined, rowSelection: options.rowSelection !== undefined, columnState: options.columnState !== undefined, accessState: options.accessState !== undefined, expansion: false },
+        initialValues: {
+            ...(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.onQueryChange === undefined ? {} : { onQueryChange: options.onQueryChange }),
+        ...(options.onRowSelectionChange === undefined ? {} : { onRowSelectionChange: options.onRowSelectionChange }),
+        ...(options.onColumnStateChange === undefined ? {} : { onColumnStateChange: options.onColumnStateChange }),
+        ...(options.onAccessStateChange === undefined ? {} : { onAccessStateChange: options.onAccessStateChange }),
+    });
+    const base = createVueProfileController(semantic);
+    const notify = (before, after) => {
+        if (before.cursor !== after.cursor)
+            options.onCursorChange?.(after.cursor);
+        if (before.edit !== after.edit)
+            options.onEditStateChange?.(after.edit);
+    };
+    const controller = Object.freeze({
+        ...base,
+        dispatch: (event, revision) => { const before = base.getSnapshot(); const result = base.dispatch(event, revision); if (result.ok)
+            notify(before, result.value.snapshot); return result; },
+        synchronizeView: (response) => { const before = base.getSnapshot(); const result = base.synchronizeView(response); if (result.ok)
+            notify(before, result.value); return result; },
+        syncControlledValues: (values) => { const before = base.getSnapshot(); const result = base.syncControlledValues(values); if (result.ok)
+            notify(before, result.value); return result; },
+        requestView: () => { const before = base.getSnapshot(); const result = base.requestView(); if (result.ok)
+            notify(before, result.value); return result; },
+        abandonRequest: (requestID) => { const before = base.getSnapshot(); const result = base.abandonRequest(requestID); if (result.ok)
+            notify(before, result.value); return result; },
+        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)
+        unwrap(controller.synchronizeView(options.initialView));
+    const desiredCursor = options.cursor?.value ?? options.defaultCursor;
+    if (desiredCursor?.current !== null && desiredCursor?.current !== undefined && controller.getProjection().rows.length > 0)
+        unwrap(controller.dispatch({ type: 'focus-cell', cell: desiredCursor.current }));
+    const stops = [];
+    const sync = () => unwrap(controller.syncControlledValues(controlledValues(options)));
+    for (const source of [options.query, options.rowSelection, options.columnState, options.accessState])
+        if (source !== undefined)
+            stops.push(watch(() => source.value, sync));
+    if (options.sourceKey !== undefined)
+        stops.push(watch(() => toValue(options.sourceKey), () => { unwrap(controller.dispatch({ type: 'replace-source' })); }));
+    stops.push(watch(() => toValue(options.columns), () => { unwrap(controller.dispatch({ type: 'replace-source' })); }, { deep: false }));
+    if (options.cursor !== undefined)
+        stops.push(watch(() => options.cursor.value, (value) => { if (value.current !== null)
+            unwrap(controller.dispatch({ type: 'focus-cell', cell: value.current })); }));
+    if (options.editState !== undefined)
+        stops.push(watch(() => options.editState.value, (value) => { unwrap(controller.dispatch(value.kind === 'editing' ? { type: 'begin-edit', cell: value.cell } : { type: 'cancel-edit', reason: 'application' })); }));
+    const rawDispose = controller.dispose;
+    const wrapped = Object.freeze({ ...controller, dispose: () => { for (const stop of stops.splice(0))
+            stop(); rawDispose(); } });
+    aliasVueProfileController(wrapped, controller);
+    hosts.set(wrapped, hosts.get(controller) ?? {});
+    if (getCurrentScope() !== undefined)
+        onScopeDispose(wrapped.dispose);
+    return wrapped;
+}
+export function useDataGridSource(controller, resolver, options) { return useProfileSource(controller, resolver, options); }
+const publicKey = Symbol('SectileDataGrid');
+const privateKey = Symbol('SectileDataGridHost');
+export function useDataGridContext() { return useProfile(publicKey, 'useDataGridContext'); }
+const parts = createTabularParts({ profile: 'data-grid', prefix: 'DataGrid', publicKey, privateKey, connect: (element, controller, callbacks) => connectDataGrid({ controller: controller, root: element, ...hosts.get(controller), ...(callbacks.onCommand === undefined ? {} : { onCommand: callbacks.onCommand }), onSnapshotChange: callbacks.onSnapshotChange }) });
+const componentSuites = new WeakMap();
+export function createDataGridComponents(controller) {
+    return createTabularComponentSuite(parts, controller, componentSuites, 'DataGrid', {
+        Root: 'Root',
+        Header: 'Header',
+        HeaderRow: 'HeaderRow',
+        ColumnHeader: 'ColumnHeader',
+        SortTrigger: 'SortTrigger',
+        FilterControl: 'FilterControl',
+        ColumnResizeHandle: 'ColumnResizeHandle',
+        Body: 'Body',
+        Row: 'Row',
+        RowSelectionControl: 'SelectionControl',
+        BulkSelectionControl: 'BulkSelectionControl',
+        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 unwrap(result) { if (!result.ok)
+    throw new TypeError(result.error.message); return result.value; }
+//# sourceMappingURL=data-grid.js.map

package/dist/data-grid.js.map

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

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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"}