@affino/datagrid-vue-app 0.1.63 → 0.4.0

package/dist/internal.js

@@ -1,8 +1,8 @@
 import { d as t, r } from "./chunks/dataGridOverlayThemeVars-vzY74EIz.js";
 import { buildDataGridChromePaneModel as i, buildDataGridChromeRenderModel as d } from "@affino/datagrid-chrome";
-import { D as l, a as n, r as G, b as D, c as S, d as u, u as g, e as b, f as T } from "./chunks/useDataGridAppRowModel-9ZIepsHi.js";
-import { _ as p, a as c, c as R, b as x, d as C, p as f, u as v, e as M, f as h, g as w, h as y, i as F, j as P, k as A, l as O, m as _, n as E, o as H } from "./chunks/DataGridGanttStageEntry-D6OYD0Gx.js";
-import { _ as V } from "./chunks/DataGridAdvancedFilterPopover.vue_vue_type_script_setup_true_lang-BkrpyjJb.js";
+import { D as l, a as n, r as G, b as D, c as S, d as u, u as g, e as b, f as T } from "./chunks/useDataGridAppRowModel-b5bfkfo3.js";
+import { _ as p, a as c, c as R, b as x, d as C, p as f, u as v, e as M, f as h, g as w, h as y, i as F, j as P, k as A, l as O, m as _, n as E, o as H } from "./chunks/DataGridGanttStageEntry-Cypf1c3l.js";
+import { _ as V } from "./chunks/DataGridAdvancedFilterPopover.vue_vue_type_script_setup_true_lang-AVmOe3Bv.js";
 import { _ as k } from "./chunks/DataGridFindReplacePopover.vue_vue_type_script_setup_true_lang-BEVRKG31.js";
 import { buildDataGridTimelineRenderModels as B, normalizeDataGridGanttOptions as I, resolveDataGridTimelineRange as L } from "@affino/datagrid-gantt";
 export {

package/dist/overlays/DataGridCellComboboxEditor.vue.d.ts

@@ -7,6 +7,7 @@ type __VLS_Props = {
     placeholder?: string;
     initialFilter?: string;
     openOnMount?: boolean;
+    disabled?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     commit: (value: string, target?: CommitTarget | undefined) => void;

package/dist/perf/dataGridPerfTrace.d.ts

@@ -5,6 +5,12 @@ export type DataGridPerfSample = {
     totalMs: number;
     [key: string]: string | number;
 };
+export type DataGridPerfSampleInput = {
+    scope: string;
+    totalMs: number;
+    ts?: number;
+    [key: string]: string | number | undefined;
+};
 export type DataGridPerfSummary = {
     scope: string;
     count: number;
@@ -25,3 +31,4 @@ export declare function resolveDataGridPerfNow(): number;
 export declare function createDataGridPerfStore(): DataGridPerfStore;
 export declare function resolveDataGridPerfStore(): DataGridPerfStore | null;
 export declare function recordDataGridPerfSample(sample: DataGridPerfSample): void;
+export declare function recordDataGridPerfSampleIfEnabled(sample: DataGridPerfSampleInput): void;

package/dist/stage/DataGridTableStageCenterPane.vue.d.ts

@@ -30,6 +30,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    viewportTabIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
     handleScroll: {
         type: PropType<(event: Event) => void>;
         default: undefined;
@@ -74,6 +78,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
         type: PropType<((layer: string, value: string) => void) | undefined>;
         default: undefined;
     };
+    perfTraceEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     renderApi: {
         type: PropType<DataGridTableStageCenterPaneRenderApi>;
         required: true;
@@ -107,6 +115,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    viewportTabIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
     handleScroll: {
         type: PropType<(event: Event) => void>;
         default: undefined;
@@ -151,6 +163,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
         type: PropType<((layer: string, value: string) => void) | undefined>;
         default: undefined;
     };
+    perfTraceEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     renderApi: {
         type: PropType<DataGridTableStageCenterPaneRenderApi>;
         required: true;
@@ -166,10 +182,12 @@ declare const __VLS_export: import("vue").DefineComponent<{
     viewportRef: DataGridElementRefHandler;
     bodyRowsRevision: string | number | null;
     viewportClass: string;
+    viewportTabIndex: number;
     handleScroll: (event: Event) => void;
     handleWheel: (event: WheelEvent) => void;
     handleContextMenu: (event: MouseEvent) => void;
     overlayLanes: readonly DataGridTableStageOverlayLane[];
+    perfTraceEnabled: boolean;
 }, {}>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/stage/DataGridTableStagePinnedPane.vue.d.ts

@@ -1,4 +1,4 @@
-import type { PropType } from "vue";
+import { type PropType } from "vue";
 import type { DataGridTableStagePinnedPaneProps, DataGridTableStagePinnedPaneRenderApi } from "./dataGridTableStageBody.types";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -17,6 +17,10 @@ declare const __VLS_base: import("vue").DefineComponent<{
         type: PropType<(event: MouseEvent) => void>;
         default: undefined;
     };
+    perfTraceEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     pane: {
         type: PropType<DataGridTableStagePinnedPaneProps>;
@@ -30,8 +34,13 @@ declare const __VLS_base: import("vue").DefineComponent<{
         type: PropType<(event: MouseEvent) => void>;
         default: undefined;
     };
+    perfTraceEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     handleContextMenu: (event: MouseEvent) => void;
+    perfTraceEnabled: boolean;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/stage/dataGridMouseEventGuards.d.ts

@@ -3,7 +3,15 @@ export interface DataGridInteractionModeInput {
     interactionMode?: DataGridInteractionMode;
     isCoarsePointer?: boolean;
 }
+export interface DataGridMouseEventPolicy {
+    interactionMode: Exclude<DataGridInteractionMode, "auto">;
+    touchGenerated: boolean;
+    nativeScrollPriority: boolean;
+    preventDefaultAllowed: boolean;
+}
 export declare function isTouchGeneratedMouseEvent(event: MouseEvent): boolean;
 export declare function resolveDataGridInteractionMode(input?: DataGridInteractionModeInput): Exclude<DataGridInteractionMode, "auto">;
 export declare function shouldPrioritizeNativeScrollForMouseDown(event: MouseEvent, input?: DataGridInteractionModeInput): boolean;
 export declare function shouldPrioritizeNativeScrollForMouseEvent(event: MouseEvent, input?: DataGridInteractionModeInput): boolean;
+export declare function resolveDataGridMouseEventPolicy(event: MouseEvent, input?: DataGridInteractionModeInput): DataGridMouseEventPolicy;
+export declare function shouldAllowGridPreventDefaultForMouseEvent(event: MouseEvent, input?: DataGridInteractionModeInput): boolean;

package/dist/stage/dataGridTableStage.types.d.ts

@@ -108,6 +108,7 @@ export interface DataGridTableStageRowsSection<TRow extends Record<string, unkno
     displayRows: readonly DataGridTableRow<TRow>[];
     displayRowsRevision?: number;
     runtimeRevision?: string | number | null;
+    pinnedTopRows: readonly DataGridTableRow<TRow>[];
     pinnedBottomRows: readonly DataGridTableRow<TRow>[];
     sourceRows?: readonly TRow[];
     showRowIndex?: boolean;
@@ -158,6 +159,9 @@ export interface DataGridTableStageEditingSection<TRow extends Record<string, un
     editingCellValue: string;
     editingCellInitialFilter: string;
     editingCellOpenOnMount: boolean;
+    editingCellValidationMessage: string | null;
+    editingCellPending: boolean;
+    editingCellRejectedReason: string | null;
     isEditingCell: (row: DataGridTableRow<TRow>, columnKey: string) => boolean;
     startInlineEdit: (row: DataGridTableRow<TRow>, columnKey: string, options?: {
         draftValue?: string;
@@ -216,7 +220,7 @@ interface DataGridTableStageBindingsSource<TRow extends Record<string, unknown>>
 }
 export interface UseDataGridTableStageBindingsOptions<TRow extends Record<string, unknown>> extends Omit<{
     [K in keyof DataGridTableStageBindingsSource<TRow>]: DataGridMaybeRef<DataGridTableStageBindingsSource<TRow>[K]>;
-}, "editingCellValue" | "headerViewportRef" | "bodyViewportRef" | "updateEditingCellValue"> {
+}, "editingCellValue" | "headerViewportRef" | "bodyViewportRef"> {
     editingCellValueRef: Ref<string>;
     headerViewportRef: Ref<HTMLElement | null>;
     bodyViewportRef: Ref<HTMLElement | null>;

package/dist/stage/dataGridTableStageA11y.d.ts

@@ -0,0 +1,4 @@
+export declare function sanitizeDataGridStageA11yIdPart(value: string): string;
+export declare function resolveDataGridStageCellId(rowId: string | number | null | undefined, columnKey: string): string;
+export declare function resolveDataGridStageHeaderId(columnKey: string): string;
+export declare const DATA_GRID_STAGE_ROW_INDEX_HEADER_ID = "datagrid-stage-header-row-index";

package/dist/stage/dataGridTableStageBody.types.d.ts

@@ -37,6 +37,9 @@ export type DataGridTableStageSelectEditorOptionsLoader = (query: string) => Pro
 export interface DataGridTableStageBodyRenderApiBase {
     absoluteRowIndex: (row: DataGridTableStageBodyRow, rowOffset: number) => number;
     viewportRowOffset: (row: DataGridTableStageBodyRow, rowOffset: number) => number;
+    rowAriaExpanded: (row: DataGridTableStageBodyRow) => "true" | "false" | undefined;
+    rowAriaLabel: (row: DataGridTableStageBodyRow, rowOffset: number) => string | undefined;
+    rowAriaDisabled: (row: DataGridTableStageBodyRow, rowOffset: number) => "true" | undefined;
     rowStateClasses: (row: DataGridTableStageBodyRow, rowOffset: number) => Record<string, boolean>;
     handleRowContainerClick: (row: DataGridTableStageBodyRow) => void;
     setHoveredRow: (row: DataGridTableStageBodyRow, rowOffset: number) => void;
@@ -48,7 +51,9 @@ export interface DataGridTableStageBodyRenderApiBase {
     bodyCellSelectionStyle: (row: DataGridTableStageBodyRow, column: DataGridTableStageBodyColumn, rowOffset: number, columnIndex: number) => CSSProperties;
     resolveCellCustomStyle: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => CSSProperties;
     columnIndexByKey: (columnKey: string) => number;
+    cellDomId: (row: DataGridTableStageBodyRow, column: DataGridTableStageBodyColumn) => string;
     cellTabIndex: (rowOffset: number, columnIndex: number) => number;
+    cellAriaSelected: (rowOffset: number, columnIndex: number) => "true" | "false";
     cellAriaRole: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => string | undefined;
     cellAriaChecked: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => "true" | "false" | "mixed" | undefined;
     cellAriaPressed: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => "true" | "false" | "mixed" | undefined;
@@ -82,6 +87,7 @@ export interface DataGridTableStageBodyRenderApiBase {
     resolveSelectEditorValue: (row: DataGridTableStageBodyRow, column: DataGridTableStageBodyColumn) => string;
     resolveSelectEditorOptions: (row: DataGridTableStageBodyRow, column: DataGridTableStageBodyColumn) => readonly DataGridTableStageSelectEditorOption[];
     resolveSelectEditorOptionsLoader: (row: DataGridTableStageBodyRow, column: DataGridTableStageBodyColumn) => DataGridTableStageSelectEditorOptionsLoader | undefined;
+    cellEditorAriaLabel: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => string;
     handleSelectEditorCommit: (value: string, target?: "stay" | "next" | "previous") => void;
     handleSelectEditorCancel: () => void;
     handleSelectEditorOptionsResolved: (row: DataGridTableStageBodyRow, column: DataGridTableStageBodyColumn, options: ReadonlyArray<DataGridFilterableComboboxOption>) => void;

package/dist/stage/useDataGridStageCellRendering.d.ts

@@ -15,7 +15,7 @@ export interface UseDataGridStageCellRenderingOptions {
     isEditingCellSafe: (row: DataGridTableRow<Record<string, unknown>>, columnKey: string) => boolean;
     columnIndexByKey: (columnKey: string) => number;
     suppressInlineEditStart?: Readonly<Ref<boolean>>;
-    preferLightweightCellRendering?: Readonly<Ref<boolean>>;
+    perfTraceEnabled?: boolean;
 }
 export interface UseDataGridStageCellRenderingResult {
     startInlineEditIfAllowed: (row: DataGridTableRow<Record<string, unknown>>, column: DataGridTableStageBodyColumn, rowOffset: number, event?: MouseEvent) => void;

package/dist/stage/useDataGridStageCellState.d.ts

@@ -8,6 +8,7 @@ export interface UseDataGridStageCellStateOptions {
     isCellEditableSafe: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => boolean;
     isEditingCellSafe: (row: DataGridTableStageBodyRow, columnKey: string) => boolean;
     resolveCellEditorMode: (row: DataGridTableStageBodyRow, column: DataGridTableStageBodyColumn) => "none" | "text" | "select" | "date" | "datetime";
+    isCellSelectedSafe: (rowOffset: number, columnIndex: number) => boolean;
     isVisualSelectionAnchorCell: (rowOffset: number, columnIndex: number) => boolean;
     shouldHighlightSelectedCellVisual: (rowOffset: number, columnIndex: number) => boolean;
     isRangeMoveHandleHoverCell: (rowOffset: number, columnIndex: number) => boolean;
@@ -18,6 +19,7 @@ export interface UseDataGridStageCellStateOptions {
 export interface UseDataGridStageCellStateResult {
     builtInCellClasses: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => Record<string, boolean>;
     cellStateClasses: (row: DataGridTableStageBodyRow, rowOffset: number, columnIndex: number) => Record<string, boolean>;
+    cellAriaSelected: (rowOffset: number, columnIndex: number) => "true" | "false";
     cellAriaRole: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => string | undefined;
     cellAriaChecked: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => "true" | "false" | "mixed" | undefined;
     cellAriaPressed: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => "true" | "false" | "mixed" | undefined;

package/dist/stage/useDataGridStageChromeCanvas.d.ts

@@ -27,6 +27,7 @@ export interface UseDataGridStageChromeCanvasOptions {
     headerChromeRenderModel: ComputedRef<DataGridChromeRenderModel>;
     pinnedBottomChromeRenderModel: ComputedRef<DataGridChromeRenderModel>;
     hasPivotHeaderGroups: ComputedRef<boolean>;
+    perfTraceEnabled?: boolean;
 }
 export interface UseDataGridStageChromeCanvasResult {
     syncBodyViewportMetrics: () => void;

package/dist/stage/useDataGridStageFocusRuntime.d.ts

@@ -15,6 +15,7 @@ export interface UseDataGridStageFocusRuntimeOptions {
     isCellEditableSafe: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => boolean;
     isBodyViewportScrolling?: Readonly<Ref<boolean>>;
     runWhenBodyViewportScrollIdle?: (callback: () => void) => void;
+    shouldRestoreAnchorFocus?: () => boolean;
 }
 export interface UseDataGridStageFocusRuntimeResult {
     isVisibleCellEditableByAbsoluteCoord: (rowIndex: number, columnIndex: number) => boolean;

package/dist/stage/useDataGridStageOverlays.d.ts

@@ -24,6 +24,7 @@ export interface UseDataGridStageOverlaysOptions {
     resolveVisibleRangeBounds: (range: DataGridOverlayRange | null) => DataGridStageOverlayBounds | null;
     resolvePinnedBottomVisibleRangeBounds: (range: DataGridOverlayRange | null) => DataGridStageOverlayBounds | null;
     customOverlays: ComputedRef<readonly DataGridTableStageCustomOverlay[]>;
+    perfTraceEnabled?: boolean;
 }
 export interface UseDataGridStageOverlaysResult {
     leftSelectionOverlaySegments: ComputedRef<readonly DataGridTableStageOverlaySegment[]>;

package/dist/stage/useDataGridStagePanes.grouped.d.ts

@@ -13,9 +13,12 @@ type LayoutRuntime = Readonly<Ref<{
 type PaneRuntime = Readonly<Ref<{
     leftPaneContentRef: Ref<HTMLElement | null>;
     rightPaneContentRef: Ref<HTMLElement | null>;
+    leftTopPaneContentRef: Ref<HTMLElement | null>;
+    rightTopPaneContentRef: Ref<HTMLElement | null>;
     leftBottomPaneContentRef: Ref<HTMLElement | null>;
     rightBottomPaneContentRef: Ref<HTMLElement | null>;
     displayRows: Readonly<Ref<readonly DataGridTableStageBodyRow[]>>;
+    pinnedTopRows: Readonly<Ref<readonly DataGridTableStageBodyRow[]>>;
     pinnedBottomRows: Readonly<Ref<readonly DataGridTableStageBodyRow[]>>;
     showRowIndex: Readonly<Ref<boolean>>;
     pinnedLeftColumns: Readonly<Ref<readonly DataGridTableStageBodyColumn[]>>;
@@ -76,9 +79,12 @@ export interface UseDataGridStagePanesResult {
     rightTrackStyle: ComputedRef<CSSProperties>;
     centerHeaderChromeCanvasStyle: ComputedRef<CSSProperties>;
     centerChromeCanvasStyle: ComputedRef<CSSProperties>;
+    centerTopChromeCanvasStyle: ComputedRef<CSSProperties>;
     centerBottomChromeCanvasStyle: ComputedRef<CSSProperties>;
     leftPinnedPane: ComputedRef<DataGridTableStagePinnedPaneProps>;
     rightPinnedPane: ComputedRef<DataGridTableStagePinnedPaneProps>;
+    leftPinnedTopPane: ComputedRef<DataGridTableStagePinnedPaneProps>;
+    rightPinnedTopPane: ComputedRef<DataGridTableStagePinnedPaneProps>;
     leftPinnedBottomPane: ComputedRef<DataGridTableStagePinnedPaneProps>;
     rightPinnedBottomPane: ComputedRef<DataGridTableStagePinnedPaneProps>;
 }

package/dist/stage/useDataGridStageRenderApis.d.ts

@@ -74,6 +74,9 @@ export interface UseDataGridStageRenderApisOptions {
     isVisibleCellEditableByAbsoluteCoord: (rowIndex: number, columnIndex: number) => boolean;
     resolveAbsoluteRowIndex: (row: DataGridTableStageBodyRow, rowOffset: number) => number;
     resolveViewportRowOffset: (row: DataGridTableStageBodyRow, rowOffset: number) => number;
+    rowAriaExpanded: (row: DataGridTableStageBodyRow) => "true" | "false" | undefined;
+    rowAriaLabel: (row: DataGridTableStageBodyRow, rowOffset: number) => string | undefined;
+    rowAriaDisabled: (row: DataGridTableStageBodyRow, rowOffset: number) => "true" | undefined;
     rowStateClasses: (row: DataGridTableStageBodyRow, rowOffset: number) => Record<string, boolean>;
     handleRowContainerClick: (row: DataGridTableStageBodyRow) => void;
     setHoveredRow: (row: DataGridTableStageBodyRow, rowOffset: number) => void;
@@ -97,7 +100,9 @@ export interface UseDataGridStageRenderApisOptions {
     bodyCellPresentationStyle: (column: DataGridTableStageBodyColumn) => CSSProperties;
     bodyCellSelectionStyle: (row: DataGridTableStageBodyRow, column: DataGridTableStageBodyColumn, rowOffset: number, columnIndex: number) => CSSProperties;
     resolveCellCustomStyle: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => CSSProperties;
+    cellDomId: (row: DataGridTableStageBodyRow, column: DataGridTableStageBodyColumn) => string;
     cellTabIndex: (rowOffset: number, columnIndex: number) => number;
+    cellAriaSelected: (rowOffset: number, columnIndex: number) => "true" | "false";
     cellAriaRole: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => string | undefined;
     cellAriaChecked: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => "true" | "false" | "mixed" | undefined;
     cellAriaPressed: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => "true" | "false" | "mixed" | undefined;
@@ -126,6 +131,7 @@ export interface UseDataGridStageRenderApisOptions {
     resolveSelectEditorValue: (row: DataGridTableStageBodyRow, column: DataGridTableStageBodyColumn) => string;
     resolveSelectEditorOptions: (row: DataGridTableStageBodyRow, column: DataGridTableStageBodyColumn) => readonly DataGridTableStageSelectEditorOption[];
     resolveSelectEditorOptionsLoader: (row: DataGridTableStageBodyRow, column: DataGridTableStageBodyColumn) => DataGridTableStageSelectEditorOptionsLoader | undefined;
+    cellEditorAriaLabel: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => string;
     handleSelectEditorCommit: (value: string, target?: "stay" | "next" | "previous") => void;
     handleSelectEditorCancel: () => void;
     handleSelectEditorOptionsResolved: (row: DataGridTableStageBodyRow, column: DataGridTableStageBodyColumn, options: ReadonlyArray<DataGridFilterableComboboxOption>) => void;

package/dist/stage/useDataGridStageRenderApis.grouped.d.ts

@@ -9,6 +9,9 @@ type RowRuntime = Readonly<Ref<{
     }>>;
     resolveAbsoluteRowIndex: (row: DataGridTableStageBodyRow, rowOffset: number) => number;
     resolveViewportRowOffset: (row: DataGridTableStageBodyRow, rowOffset: number) => number;
+    rowAriaExpanded: (row: DataGridTableStageBodyRow) => "true" | "false" | undefined;
+    rowAriaLabel: (row: DataGridTableStageBodyRow, rowOffset: number) => string | undefined;
+    rowAriaDisabled: (row: DataGridTableStageBodyRow, rowOffset: number) => "true" | undefined;
     rowStateClasses: (row: DataGridTableStageBodyRow, rowOffset: number) => Record<string, boolean>;
     handleRowContainerClick: (row: DataGridTableStageBodyRow) => void;
     setHoveredRow: (row: DataGridTableStageBodyRow, rowOffset: number) => void;
@@ -57,7 +60,9 @@ type CellRuntime = Readonly<Ref<{
     bodyCellPresentationStyle: (column: DataGridTableStageBodyColumn) => CSSProperties;
     bodyCellSelectionStyle: (row: DataGridTableStageBodyRow, column: DataGridTableStageBodyColumn, rowOffset: number, columnIndex: number) => CSSProperties;
     resolveCellCustomStyle: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => CSSProperties;
+    cellDomId: (row: DataGridTableStageBodyRow, column: DataGridTableStageBodyColumn) => string;
     cellTabIndex: (rowOffset: number, columnIndex: number) => number;
+    cellAriaSelected: (rowOffset: number, columnIndex: number) => "true" | "false";
     cellAriaRole: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => string | undefined;
     cellAriaChecked: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => "true" | "false" | "mixed" | undefined;
     cellAriaPressed: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => "true" | "false" | "mixed" | undefined;
@@ -117,6 +122,7 @@ type EditorRuntime = Readonly<Ref<{
     resolveCellEditorMode: (row: DataGridTableStageBodyRow, column: DataGridTableStageBodyColumn) => "none" | "text" | "select" | "date" | "datetime";
     resolveSelectEditorOptions: (row: DataGridTableStageBodyRow, column: DataGridTableStageBodyColumn) => readonly DataGridTableStageSelectEditorOption[];
     resolveSelectEditorOptionsLoader: (row: DataGridTableStageBodyRow, column: DataGridTableStageBodyColumn) => DataGridTableStageSelectEditorOptionsLoader | undefined;
+    cellEditorAriaLabel: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => string;
     handleSelectEditorOptionsResolved: (row: DataGridTableStageBodyRow, column: DataGridTableStageBodyColumn, options: ReadonlyArray<DataGridFilterableComboboxOption>) => void;
     readResolvedDisplayCell: (row: DataGridTableStageBodyRow, column: DataGridTableStageBodyColumn) => string;
     renderResolvedCellContent: (row: DataGridTableStageBodyRow, rowOffset: number, column: DataGridTableStageBodyColumn, columnIndex: number) => VNodeChild;

package/dist/stage/useDataGridStageRowIndex.d.ts

@@ -7,6 +7,7 @@ export interface UseDataGridStageRowIndexOptions {
     layout: Readonly<Ref<DataGridTableStageLayoutSection>>;
     viewportRowStart: Readonly<Ref<number>>;
     selectionRange: Readonly<Ref<DataGridOverlayRange | null>>;
+    selectionRanges?: Readonly<Ref<readonly DataGridOverlayRange[]>>;
     visibleColumns: Readonly<Ref<readonly DataGridTableStageBodyColumn[]>>;
     isHoveredRow: (row: DataGridTableStageBodyRow, rowOffset: number) => boolean;
     isStripedRow: (row: DataGridTableStageBodyRow, rowOffset: number) => boolean;

package/dist/stage/useDataGridStageViewportRuntime.d.ts

@@ -20,11 +20,13 @@ export interface UseDataGridStageViewportRuntimeOptions {
 }
 export interface UseDataGridStageViewportRuntimeResult {
     bodyViewportEl: Ref<HTMLElement | null>;
+    topViewportEl: Ref<HTMLElement | null>;
     bottomViewportEl: Ref<HTMLElement | null>;
     bodyViewportScrollTop: Ref<number>;
     bodyViewportScrollLeft: Ref<number>;
     bodyViewportClientWidth: Ref<number>;
     bodyViewportClientHeight: Ref<number>;
+    pinnedTopViewportClientHeight: Ref<number>;
     pinnedBottomViewportClientHeight: Ref<number>;
     bodyViewportTopOffset: Ref<number>;
     headerShellHeight: Ref<number>;
@@ -33,8 +35,10 @@ export interface UseDataGridStageViewportRuntimeResult {
     isBodyViewportScrollIdle: Ref<boolean>;
     runWhenBodyViewportScrollIdle: (callback: () => void) => void;
     captureBodyViewportRef: (value: Element | ComponentPublicInstance | null) => void;
+    capturePinnedTopViewportRef: (value: Element | ComponentPublicInstance | null) => void;
     capturePinnedBottomViewportRef: (value: Element | ComponentPublicInstance | null) => void;
     handleCenterViewportScroll: (event: Event) => void;
+    handlePinnedTopViewportScroll: (event: Event) => void;
     handlePinnedBottomViewportScroll: (event: Event) => void;
     handleLinkedViewportWheel: (event: WheelEvent) => void;
     handleBodyViewportWheel: (event: WheelEvent) => void;

package/dist/stage/useDataGridTableStageHistory.d.ts

@@ -1,3 +1,4 @@
+import type { DataGridAppHistoryRestorationState } from "@affino/datagrid-vue/app";
 import type { DataGridCopyRange } from "@affino/datagrid-vue/advanced";
 import type { DataGridHistoryController } from "../dataGridHistory";
 export interface DataGridTableStageHistoryAdapter {
@@ -27,6 +28,8 @@ export interface UseDataGridTableStageHistoryOptions<TRow extends Record<string,
     syncViewport: () => void;
     enabled?: boolean;
     maxHistoryDepth?: number;
+    captureRestorationState?: () => DataGridAppHistoryRestorationState | null;
+    applyRestorationState?: (state: DataGridAppHistoryRestorationState) => void | Promise<void>;
     history?: DataGridTableStageHistoryAdapter;
 }
 export interface UseDataGridTableStageHistoryResult extends DataGridHistoryController {

package/dist/stage/useDataGridTableStageRuntime.d.ts

@@ -81,6 +81,7 @@ export interface UseDataGridTableStageRuntimeOptions<TRow extends Record<string,
         getRow?: DataGridRowModel<TRow>["getRow"];
         getRowCount?: DataGridRowModel<TRow>["getRowCount"];
         getRowsInRange?: DataGridRowModel<TRow>["getRowsInRange"];
+        getLoadedRowIntervals?: DataGridRowModel<TRow>["getLoadedRowIntervals"];
         dataSource?: {
             resolveFillBoundary?: (request: DataGridAppResolveFillBoundaryRequest) => Promise<DataGridAppResolveFillBoundaryResult> | DataGridAppResolveFillBoundaryResult;
             commitFillOperation?: (request: {
@@ -113,6 +114,7 @@ export interface UseDataGridTableStageRuntimeOptions<TRow extends Record<string,
                 } | null;
                 warnings?: readonly string[];
             } | null>;
+            executeOperation?: (request: Record<string, unknown>) => Promise<Record<string, unknown>> | Record<string, unknown>;
             undoFillOperation?: (request: {
                 operationId: string;
                 revision?: string | number | null;
@@ -175,6 +177,7 @@ export interface UseDataGridTableStageRuntimeOptions<TRow extends Record<string,
                     } | null;
                     warnings?: readonly string[];
                 } | null>;
+                executeOperation?: (request: Record<string, unknown>) => Promise<Record<string, unknown>> | Record<string, unknown>;
                 undoFillOperation?: (request: {
                     operationId: string;
                     revision?: string | number | null;

package/dist/stage/useDataGridTableStageScrollSync.d.ts

@@ -6,10 +6,18 @@ export interface UseDataGridTableStageScrollSyncOptions {
     stopColumnResize: () => void;
     handleInteractionWindowMouseMove: (event: MouseEvent) => void;
     handleInteractionWindowMouseUp: () => void;
+    handleInteractionWindowPointerUp: () => void;
+    handleInteractionWindowPointerCancel: () => void;
+    handleInteractionWindowBlur: () => void;
+    handleInteractionWindowContextMenuCapture: (event: MouseEvent) => boolean;
     syncViewport: (event: Event) => void;
 }
 export interface UseDataGridTableStageScrollSyncResult {
     handleWindowMouseMove: (event: MouseEvent) => void;
+    handleWindowPointerUp: (event: PointerEvent) => void;
+    handleWindowPointerCancel: (event: PointerEvent) => void;
+    handleWindowBlur: () => void;
+    handleWindowContextMenuCapture: (event: MouseEvent) => boolean;
     handleHeaderWheel: (event: WheelEvent) => void;
     handleHeaderScroll: (event: Event) => void;
     handleWindowMouseUp: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@affino/datagrid-vue-app",
-  "version": "0.1.63",
+  "version": "0.4.0",
   "description": "Declarative Vue DataGrid component for Affino",
   "type": "module",
   "main": "dist/index.js",
@@ -45,10 +45,10 @@
   "dependencies": {
     "@affino/menu-vue": "^2.1.1",
     "@affino/popover-vue": "^1.1.0",
+    "@affino/datagrid-gantt": "0.1.2",
     "@affino/datagrid-chrome": "0.1.1",
-    "@affino/datagrid-vue": "0.3.45",
-    "@affino/datagrid-theme": "0.2.3",
-    "@affino/datagrid-gantt": "0.1.2"
+    "@affino/datagrid-vue": "0.4.0",
+    "@affino/datagrid-theme": "0.2.4"
   },
   "peerDependencies": {
     "vue": "^3.3.0"
@@ -56,12 +56,12 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/affinio/affinio.git",
+    "url": "git+https://github.com/affinio/datagrid.git",
     "directory": "packages/datagrid-vue-app"
   },
-  "homepage": "https://github.com/affinio/affinio/tree/main/packages/datagrid-vue-app#readme",
+  "homepage": "https://github.com/affinio/datagrid/tree/main/packages/datagrid-vue-app#readme",
   "bugs": {
-    "url": "https://github.com/affinio/affinio/issues"
+    "url": "https://github.com/affinio/datagrid/issues"
   },
   "keywords": [
     "datagrid",