@affino/datagrid-vue-app 0.1.18 → 0.1.20

package/dist/internal.d.ts

@@ -5,6 +5,7 @@ export { default as DataGridDefaultRenderer } from "./host/DataGridDefaultRender
 export { default as DataGridGanttStage } from "./gantt/DataGridGanttStage.vue";
 export { default as DataGridModuleHost } from "./host/DataGridModuleHost";
 export { default as DataGridAdvancedFilterPopover } from "./overlays/DataGridAdvancedFilterPopover.vue";
+export { default as DataGridFindReplacePopover } from "./overlays/DataGridFindReplacePopover.vue";
 export { default as DataGridTableStage } from "./stage/DataGridTableStage.vue";
 export { buildDataGridTimelineRenderModels, normalizeDataGridGanttOptions, resolveDataGridTimelineRange, } from "./gantt/dataGridGantt";
 export { resolveDataGridFormulaRowModelOptions } from "./config/dataGridFormulaOptions";

package/dist/internal.js

@@ -1,40 +1,42 @@
-import { d as t, r } from "./chunks/DataGridFilterableCombobox.vue_vue_type_script_setup_true_lang-_1TDQseN.js";
+import { d as t, r } from "./chunks/dataGridOverlayThemeVars-vzY74EIz.js";
 import { buildDataGridChromePaneModel as o, buildDataGridChromeRenderModel as d } from "@affino/datagrid-chrome";
-import { D as l, a as n, r as G, u as D, b as S, c as u } from "./chunks/useDataGridAppRowModel-RrE_k6tK.js";
-import { _ as b, a as T, c as m, b as p, d as c, p as x, u as R, e as C, f, g as M, h as v, i as h, j as w, k as y, l as A, m as F, n as O, o as P } from "./chunks/DataGridGanttStageEntry-CS2wpBnj.js";
-import { _ as H } from "./chunks/DataGridAdvancedFilterPopover.vue_vue_type_script_setup_true_lang-x-cfVm5j.js";
-import { buildDataGridTimelineRenderModels as V, normalizeDataGridGanttOptions as _, resolveDataGridTimelineRange as j } from "@affino/datagrid-gantt";
+import { D as l, a as n, r as G, u as D, b as S, c as u } from "./chunks/useDataGridAppRowModel-Cq1nWBYl.js";
+import { _ as b, a as T, c as p, b as m, d as c, p as x, u as R, e as f, f as C, g as M, h as v, i as h, j as w, k as y, l as F, m as P, n as A, o as O } from "./chunks/DataGridGanttStageEntry-BbSAXYrL.js";
+import { _ as E } from "./chunks/DataGridAdvancedFilterPopover.vue_vue_type_script_setup_true_lang-DhdOikY0.js";
+import { _ as K } from "./chunks/DataGridFindReplacePopover.vue_vue_type_script_setup_true_lang-DfHFHhUf.js";
+import { buildDataGridTimelineRenderModels as j, normalizeDataGridGanttOptions as k, resolveDataGridTimelineRange as z } from "@affino/datagrid-gantt";
 export {
-  H as DataGridAdvancedFilterPopover,
+  E as DataGridAdvancedFilterPopover,
   l as DataGridDefaultRenderer,
+  K as DataGridFindReplacePopover,
   b as DataGridGanttStage,
   n as DataGridModuleHost,
   T as DataGridTableStage,
   o as buildDataGridChromePaneModel,
   d as buildDataGridChromeRenderModel,
-  V as buildDataGridTimelineRenderModels,
-  m as createDataGridTableStageContext,
-  p as createDataGridTableStageContextFromProps,
+  j as buildDataGridTimelineRenderModels,
+  p as createDataGridTableStageContext,
+  m as createDataGridTableStageContextFromProps,
   t as dataGridAppRootElementKey,
   c as dataGridTableStageContextKey,
-  _ as normalizeDataGridGanttOptions,
+  k as normalizeDataGridGanttOptions,
   x as provideDataGridTableStageContext,
   r as readDataGridOverlayThemeVars,
   G as resolveDataGridFormulaRowModelOptions,
-  j as resolveDataGridTimelineRange,
+  z as resolveDataGridTimelineRange,
   D as useDataGridAppRowModel,
   S as useDataGridTableStageBindings,
   R as useDataGridTableStageCellsSection,
-  C as useDataGridTableStageColumnsSection,
-  f as useDataGridTableStageContext,
+  f as useDataGridTableStageColumnsSection,
+  C as useDataGridTableStageContext,
   M as useDataGridTableStageEditingSection,
   v as useDataGridTableStageInteractionSection,
   h as useDataGridTableStageLayoutSection,
   w as useDataGridTableStageMode,
   y as useDataGridTableStageRowHeightMode,
-  A as useDataGridTableStageRowsSection,
+  F as useDataGridTableStageRowsSection,
   u as useDataGridTableStageRuntime,
-  F as useDataGridTableStageSection,
-  O as useDataGridTableStageSelectionSection,
-  P as useDataGridTableStageViewportSection
+  P as useDataGridTableStageSection,
+  A as useDataGridTableStageSelectionSection,
+  O as useDataGridTableStageViewportSection
 };

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

@@ -0,0 +1,74 @@
+type __VLS_Props = {
+    isOpen: boolean;
+    findText: string;
+    replaceText: string;
+    matchCase: boolean;
+    statusText?: string;
+    buttonLabel?: string;
+    active?: boolean;
+    canFind?: boolean;
+    canReplaceCurrent?: boolean;
+    canReplaceAll?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    statusText: string;
+    buttonLabel: string;
+    active: boolean;
+    canFind: boolean;
+    canReplaceCurrent: boolean;
+    canReplaceAll: boolean;
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: () => void;
+    open: () => void;
+    "update-find-text": (value: string) => void;
+    "update-replace-text": (value: string) => void;
+    "update-match-case": (value: boolean) => void;
+    "find-next": () => void;
+    "find-previous": () => void;
+    "replace-current": () => void;
+    "replace-all": () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    statusText: string;
+    buttonLabel: string;
+    active: boolean;
+    canFind: boolean;
+    canReplaceCurrent: boolean;
+    canReplaceAll: boolean;
+}>>> & {
+    onCancel?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    "onUpdate-find-text"?: ((value: string) => any) | undefined;
+    "onUpdate-replace-text"?: ((value: string) => any) | undefined;
+    "onUpdate-match-case"?: ((value: boolean) => any) | undefined;
+    "onFind-next"?: (() => any) | undefined;
+    "onFind-previous"?: (() => any) | undefined;
+    "onReplace-current"?: (() => any) | undefined;
+    "onReplace-all"?: (() => any) | undefined;
+}, {
+    active: boolean;
+    buttonLabel: string;
+    statusText: string;
+    canFind: boolean;
+    canReplaceCurrent: boolean;
+    canReplaceAll: boolean;
+}, {}>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

@@ -14,6 +14,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
         type: PropType<DataGridTableStageProps<Record<string, unknown>>["layoutMode"]>;
         required: true;
     };
+    chromeSignature: {
+        type: PropType<DataGridTableStageProps<Record<string, unknown>>["chromeSignature"]>;
+        default: string;
+    };
     layout: {
         type: PropType<DataGridTableStageProps<Record<string, unknown>>["layout"]>;
         required: true;
@@ -75,6 +79,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
         type: PropType<DataGridTableStageProps<Record<string, unknown>>["layoutMode"]>;
         required: true;
     };
+    chromeSignature: {
+        type: PropType<DataGridTableStageProps<Record<string, unknown>>["chromeSignature"]>;
+        default: string;
+    };
     layout: {
         type: PropType<DataGridTableStageProps<Record<string, unknown>>["layout"]>;
         required: true;
@@ -116,6 +124,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
         default: undefined;
     };
 }>>, {
+    chromeSignature: string | undefined;
     onViewportContextMenu: (event: MouseEvent) => void;
     stageContext: DataGridTableStageContext<Record<string, unknown>>;
 }, {}>;

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

@@ -115,6 +115,7 @@ export interface DataGridTableStageEditingSection<TRow extends Record<string, un
     }) => void;
     updateEditingCellValue: (value: string) => void;
     handleEditorKeydown: (event: KeyboardEvent) => void;
+    handleEditorBlur: () => void;
     commitInlineEdit: (target?: "stay" | "next" | "previous") => void;
     cancelInlineEdit: () => void;
 }
@@ -151,11 +152,13 @@ export interface DataGridTableStageProps<TRow extends Record<string, unknown>> e
     mode: DataGridTableMode;
     rowHeightMode: "fixed" | "auto";
     layoutMode: DataGridLayoutMode;
+    chromeSignature?: string;
 }
 interface DataGridTableStageBindingsSource<TRow extends Record<string, unknown>> extends DataGridTableStageLayoutSection, DataGridTableStageViewportSection, DataGridTableStageColumnsSection, DataGridTableStageRowsSection<TRow>, DataGridTableStageSelectionSection, DataGridTableStageEditingSection<TRow>, DataGridTableStageCellsSection<TRow>, DataGridTableStageInteractionSection<TRow> {
     mode: DataGridTableMode;
     rowHeightMode: "fixed" | "auto";
     layoutMode: DataGridLayoutMode;
+    chromeSignature?: string;
 }
 export interface UseDataGridTableStageBindingsOptions<TRow extends Record<string, unknown>> extends Omit<{
     [K in keyof DataGridTableStageBindingsSource<TRow>]: DataGridMaybeRef<DataGridTableStageBindingsSource<TRow>[K]>;

package/dist/stage/useDataGridTableStageCellIo.d.ts

@@ -13,6 +13,7 @@ export interface UseDataGridTableStageCellIoOptions<TRow extends Record<string,
     readDisplayCell: (row: DataGridTableRow<TRow>, columnKey: string) => string;
     toggleRowCheckboxSelected: (row: DataGridTableRow<TRow>) => void;
     captureHistorySnapshot: () => unknown;
+    captureHistorySnapshotForRowIds?: (rowIds: readonly (string | number)[]) => unknown;
     recordHistoryIntentTransaction: (descriptor: {
         intent: string;
         label: string;

package/dist/stage/useDataGridTableStageHistory.d.ts

@@ -1,6 +1,7 @@
 import type { DataGridCopyRange } from "@affino/datagrid-vue/advanced";
 export interface DataGridTableStageHistoryAdapter {
     captureSnapshot: () => unknown;
+    captureSnapshotForRowIds?: (rowIds: readonly (string | number)[]) => unknown;
     recordIntentTransaction: (descriptor: {
         intent: string;
         label: string;
@@ -11,13 +12,14 @@ export interface DataGridTableStageHistoryAdapter {
     runHistoryAction: (direction: "undo" | "redo") => Promise<string | null>;
 }
 export interface UseDataGridTableStageHistoryOptions<TRow extends Record<string, unknown>> {
-    runtime: Pick<import("@affino/datagrid-vue").UseDataGridRuntimeResult<TRow>, "api">;
+    runtime: Pick<import("@affino/datagrid-vue").UseDataGridRuntimeResult<TRow>, "api" | "getBodyRowAtIndex" | "resolveBodyRowIndexById">;
     cloneRowData: (row: TRow) => TRow;
     syncViewport: () => void;
     history?: DataGridTableStageHistoryAdapter;
 }
 export interface UseDataGridTableStageHistoryResult {
     captureHistorySnapshot: () => unknown;
+    captureHistorySnapshotForRowIds: (rowIds: readonly (string | number)[]) => unknown;
     recordHistoryIntentTransaction: (descriptor: {
         intent: string;
         label: string;

package/dist/stage/useDataGridTableStageRuntime.d.ts

@@ -7,9 +7,20 @@ import type { DataGridLayoutMode } from "../config/dataGridLayout";
 import type { DataGridVirtualizationOptions } from "../config/dataGridVirtualization";
 import type { DataGridTableStageContext } from "./dataGridTableStageContext";
 import type { DataGridTableStageHistoryAdapter } from "./useDataGridTableStageHistory";
-import type { DataGridTableStageProps } from "./dataGridTableStage.types";
+import type { DataGridTableRow, DataGridTableStageCellClass, DataGridTableStageProps } from "./dataGridTableStage.types";
 export type { DataGridTableStageHistoryAdapter } from "./useDataGridTableStageHistory";
-type DataGridTableStageBodyRuntime<TRow extends Record<string, unknown>> = Pick<import("@affino/datagrid-vue").UseDataGridRuntimeResult<TRow>, "api" | "syncBodyRowsInRange" | "rowPartition" | "virtualWindow" | "columnSnapshot"> & {
+type DataGridTableStageBodyRuntime<TRow extends Record<string, unknown>> = {
+    api: import("@affino/datagrid-vue").UseDataGridRuntimeResult<TRow>["api"];
+    syncBodyRowsInRange: import("@affino/datagrid-vue").UseDataGridRuntimeResult<TRow>["syncBodyRowsInRange"];
+    setViewportRange: import("@affino/datagrid-vue").UseDataGridRuntimeResult<TRow>["setViewportRange"];
+    rowPartition: import("@affino/datagrid-vue").UseDataGridRuntimeResult<TRow>["rowPartition"];
+    virtualWindow: import("@affino/datagrid-vue").UseDataGridRuntimeResult<TRow>["virtualWindow"];
+    columnSnapshot: import("@affino/datagrid-vue").UseDataGridRuntimeResult<TRow>["columnSnapshot"];
+    setVirtualWindowRange?: (range: {
+        start: number;
+        end: number;
+    }) => void;
+} & {
     getBodyRowAtIndex: (rowIndex: number) => import("@affino/datagrid-vue").DataGridRowNode<TRow> | null;
     resolveBodyRowIndexById: (rowId: string | number) => number;
 };
@@ -35,6 +46,7 @@ export interface UseDataGridTableStageRuntimeOptions<TRow extends Record<string,
     rowSelectionSnapshot: Ref<DataGridRowSelectionSnapshot | null>;
     rowHover?: Ref<boolean>;
     stripedRows?: Ref<boolean>;
+    chromeSignature?: Ref<string | undefined>;
     showRowIndex?: Ref<boolean>;
     showRowSelection?: Ref<boolean>;
     isRowInPendingClipboardCut?: (row: import("@affino/datagrid-vue").DataGridRowNode<TRow>) => boolean;
@@ -80,6 +92,7 @@ export interface UseDataGridTableStageRuntimeOptions<TRow extends Record<string,
     openContextMenuFromCurrentCell?: () => void;
     clearExternalPendingClipboardOperation?: () => boolean;
     runRowIndexKeyboardAction?: (action: "insert-row-above" | "copy-row" | "cut-row" | "paste-row" | "delete-selected-rows" | "open-row-menu", rowId: string | number) => Promise<boolean> | boolean;
+    cellClass?: (row: DataGridTableRow<TRow>, rowIndex: number, column: DataGridColumnSnapshot, columnIndex: number) => DataGridTableStageCellClass | null | undefined;
 }
 export interface UseDataGridTableStageRuntimeResult<TRow extends Record<string, unknown>> {
     tableStageProps: ComputedRef<DataGridTableStageProps<TRow>>;
@@ -90,10 +103,12 @@ export interface UseDataGridTableStageRuntimeResult<TRow extends Record<string,
     cutSelectedCells: (trigger?: "keyboard" | "context-menu") => Promise<boolean>;
     clearSelectedCells: (trigger?: "keyboard" | "context-menu") => Promise<boolean>;
     captureHistorySnapshot: () => unknown;
+    captureHistorySnapshotForRowIds: (rowIds: readonly (string | number)[]) => unknown;
     recordHistoryIntentTransaction: (descriptor: {
         intent: string;
         label: string;
         affectedRange?: DataGridCopyRange | null;
     }, beforeSnapshot: unknown) => void;
+    revealCellInComfortZone: (rowIndex: number, columnIndex: number) => Promise<void>;
 }
 export declare function useDataGridTableStageRuntime<TRow extends Record<string, unknown>>(options: UseDataGridTableStageRuntimeOptions<TRow>): UseDataGridTableStageRuntimeResult<TRow>;

package/dist/stage/useDataGridTableStageScrollSync.d.ts

@@ -6,7 +6,7 @@ export interface UseDataGridTableStageScrollSyncOptions {
     stopColumnResize: () => void;
     handleInteractionWindowMouseMove: (event: MouseEvent) => void;
     handleInteractionWindowMouseUp: () => void;
-    syncViewport: () => void;
+    syncViewport: (event: Event) => void;
 }
 export interface UseDataGridTableStageScrollSyncResult {
     handleWindowMouseMove: (event: MouseEvent) => void;

package/dist/useDataGridAppFindReplace.d.ts

@@ -0,0 +1,54 @@
+import { type ComputedRef, type Ref } from "vue";
+import { type DataGridColumnSnapshot, type DataGridRowNode, type UseDataGridRuntimeResult } from "@affino/datagrid-vue";
+export interface DataGridFindReplaceCellCoord {
+    rowIndex: number;
+    columnIndex: number;
+}
+export interface DataGridFindReplaceVisualTarget {
+    rowId: string | number;
+    columnKey: string;
+    flashPhase: 0 | 1;
+}
+export interface UseDataGridAppFindReplaceOptions<TRow extends Record<string, unknown>, TSnapshot> {
+    runtime: Pick<UseDataGridRuntimeResult<TRow>, "api" | "getBodyRowAtIndex" | "resolveBodyRowIndexById">;
+    visibleColumns: Ref<readonly DataGridColumnSnapshot[]>;
+    stageVisibleColumns: Ref<readonly DataGridColumnSnapshot[]>;
+    resolveCurrentCellCoord: () => DataGridFindReplaceCellCoord | null;
+    applyActiveCell: (coord: DataGridFindReplaceCellCoord) => void;
+    revealCellInComfortZone: (rowIndex: number, columnIndex: number) => void | Promise<void>;
+    captureRowsSnapshot: () => TSnapshot;
+    captureRowsSnapshotForRowIds: (rowIds: readonly (string | number)[]) => TSnapshot;
+    recordHistoryIntentTransaction: (descriptor: {
+        intent: string;
+        label: string;
+        affectedRange?: {
+            startRow: number;
+            endRow: number;
+            startColumn: number;
+            endColumn: number;
+        } | null;
+    }, beforeSnapshot: TSnapshot) => void;
+    isCellEditable: (row: DataGridRowNode<TRow>, rowIndex: number, column: DataGridColumnSnapshot, columnIndex: number) => boolean;
+}
+export interface UseDataGridAppFindReplaceResult {
+    isPanelOpen: Ref<boolean>;
+    findText: Ref<string>;
+    replaceText: Ref<string>;
+    matchCase: Ref<boolean>;
+    statusText: Ref<string>;
+    active: ComputedRef<boolean>;
+    canFind: ComputedRef<boolean>;
+    canReplaceCurrent: ComputedRef<boolean>;
+    canReplaceAll: ComputedRef<boolean>;
+    highlightedCell: ComputedRef<DataGridFindReplaceVisualTarget | null>;
+    openPanel: () => void;
+    closePanel: () => void;
+    updateFindText: (value: string) => void;
+    updateReplaceText: (value: string) => void;
+    updateMatchCase: (value: boolean) => void;
+    findNext: () => Promise<boolean>;
+    findPrevious: () => Promise<boolean>;
+    replaceCurrent: () => Promise<boolean>;
+    replaceAll: () => Promise<number>;
+}
+export declare function useDataGridAppFindReplace<TRow extends Record<string, unknown>, TSnapshot>(options: UseDataGridAppFindReplaceOptions<TRow, TSnapshot>): UseDataGridAppFindReplaceResult;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@affino/datagrid-vue-app",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "description": "Declarative Vue DataGrid component for Affino",
   "type": "module",
   "main": "dist/index.js",
@@ -22,6 +22,10 @@
       "types": "./dist/advanced-filter.d.ts",
       "import": "./dist/advanced-filter.js"
     },
+    "./find-replace": {
+      "types": "./dist/find-replace.d.ts",
+      "import": "./dist/find-replace.js"
+    },
     "./internal": {
       "types": "./dist/internal.d.ts",
       "import": "./dist/internal.js"
@@ -34,9 +38,9 @@
     "@affino/menu-vue": "^2.1.1",
     "@affino/popover-vue": "^1.1.0",
     "@affino/datagrid-chrome": "0.1.1",
-    "@affino/datagrid-gantt": "0.1.1",
+    "@affino/datagrid-vue": "0.3.12",
     "@affino/datagrid-theme": "0.2.2",
-    "@affino/datagrid-vue": "0.3.10"
+    "@affino/datagrid-gantt": "0.1.1"
   },
   "peerDependencies": {
     "vue": "^3.3.0"