@affino/datagrid-vue-app 0.1.64 → 0.4.0

package/dist/internal.js

@@ -1,7 +1,7 @@
 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-DF6K2Rd8.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-DGDFifU8.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";

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;
@@ -111,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;
@@ -174,6 +182,7 @@ 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;

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;

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,6 +51,7 @@ 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;
@@ -83,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,6 @@ 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 {

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,6 +100,7 @@ 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;
@@ -127,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,6 +60,7 @@ 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;
@@ -118,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/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/useDataGridTableStageRuntime.d.ts

@@ -114,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;
@@ -176,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@affino/datagrid-vue-app",
-  "version": "0.1.64",
+  "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-chrome": "0.1.1",
     "@affino/datagrid-gantt": "0.1.2",
-    "@affino/datagrid-theme": "0.2.3",
-    "@affino/datagrid-vue": "0.3.46"
+    "@affino/datagrid-chrome": "0.1.1",
+    "@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",