@affino/datagrid-vue 0.1.0

package/dist/dataGridSettingsStore.js

@@ -0,0 +1,162 @@
+import { defineStore } from "pinia";
+const createMemoryStorage = () => {
+    const data = new Map();
+    return {
+        getItem(key) {
+            return data.has(key) ? data.get(key) : null;
+        },
+        setItem(key, value) {
+            data.set(key, value);
+        },
+        removeItem(key) {
+            data.delete(key);
+        },
+        clear() {
+            data.clear();
+        },
+        key(index) {
+            return Array.from(data.keys())[index] ?? null;
+        },
+        get length() {
+            return data.size;
+        },
+    };
+};
+const dataGridSettingsStorage = typeof window !== "undefined" && window.localStorage
+    ? window.localStorage
+    : createMemoryStorage();
+export const useDataGridSettingsStore = defineStore("dataGridSettingsStore", {
+    state: () => ({
+        columnStates: {},
+        columnWidths: {},
+        sortStates: {},
+        filterSnapshots: {},
+        pinStates: {},
+        groupStates: {},
+    }),
+    actions: {
+        setColumnState(tableId, state) {
+            if (!state) {
+                delete this.columnStates[tableId];
+                return;
+            }
+            this.columnStates[tableId] = structuredCloneSafe(state);
+        },
+        getColumnState(tableId) {
+            const stored = this.columnStates[tableId];
+            if (!stored) {
+                return null;
+            }
+            return structuredCloneSafe(stored);
+        },
+        setColumnWidth(tableId, columnKey, width) {
+            if (!this.columnWidths[tableId]) {
+                this.columnWidths[tableId] = {};
+            }
+            this.columnWidths[tableId][columnKey] = width;
+        },
+        getColumnWidth(tableId, columnKey) {
+            return this.columnWidths[tableId]?.[columnKey];
+        },
+        setSortState(tableId, state) {
+            if (!state.length) {
+                delete this.sortStates[tableId];
+                return;
+            }
+            this.sortStates[tableId] = state.map(item => ({ ...item }));
+        },
+        getSortState(tableId) {
+            const stored = this.sortStates[tableId];
+            return stored ? stored.map(item => ({ ...item })) : undefined;
+        },
+        setFilterSnapshot(tableId, snapshot) {
+            const isEmpty = !snapshot ||
+                (Object.keys(snapshot.columnFilters ?? {}).length === 0 &&
+                    Object.keys(snapshot.advancedFilters ?? {}).length === 0);
+            if (isEmpty) {
+                delete this.filterSnapshots[tableId];
+                return;
+            }
+            this.filterSnapshots[tableId] = structuredCloneSafe(snapshot);
+        },
+        getFilterSnapshot(tableId) {
+            const stored = this.filterSnapshots[tableId];
+            if (!stored) {
+                return null;
+            }
+            return structuredCloneSafe(stored);
+        },
+        setPinState(tableId, columnKey, position) {
+            if (position === "none") {
+                if (this.pinStates[tableId]) {
+                    delete this.pinStates[tableId][columnKey];
+                    if (Object.keys(this.pinStates[tableId]).length === 0) {
+                        delete this.pinStates[tableId];
+                    }
+                }
+                return;
+            }
+            if (!this.pinStates[tableId]) {
+                this.pinStates[tableId] = {};
+            }
+            this.pinStates[tableId][columnKey] = position;
+        },
+        getPinState(tableId) {
+            const stored = this.pinStates[tableId];
+            if (!stored) {
+                return null;
+            }
+            return { ...stored };
+        },
+        setGroupState(tableId, columns, expansion = {}) {
+            const uniqueColumns = Array.from(new Set(columns.filter(column => typeof column === "string" && column.length > 0)));
+            if (!uniqueColumns.length) {
+                delete this.groupStates[tableId];
+                return;
+            }
+            const sanitizedExpansion = {};
+            Object.entries(expansion).forEach(([groupKey, expanded]) => {
+                if (typeof expanded === "boolean") {
+                    sanitizedExpansion[groupKey] = expanded;
+                }
+            });
+            this.groupStates[tableId] = {
+                columns: uniqueColumns,
+                expansion: sanitizedExpansion,
+            };
+        },
+        getGroupState(tableId) {
+            const stored = this.groupStates[tableId];
+            if (!stored) {
+                return null;
+            }
+            return {
+                columns: [...stored.columns],
+                expansion: { ...stored.expansion },
+            };
+        },
+        clearTable(tableId) {
+            delete this.columnStates[tableId];
+            delete this.columnWidths[tableId];
+            delete this.sortStates[tableId];
+            delete this.filterSnapshots[tableId];
+            delete this.pinStates[tableId];
+            delete this.groupStates[tableId];
+        },
+    },
+    persist: {
+        key: "affino-datagrid-settings",
+        storage: dataGridSettingsStorage,
+    },
+});
+function structuredCloneSafe(value) {
+    if (typeof structuredClone === "function") {
+        try {
+            return structuredClone(value);
+        }
+        catch {
+            // fall through
+        }
+    }
+    return JSON.parse(JSON.stringify(value));
+}

package/dist/imperative/createDomControllerSuite.d.ts

@@ -0,0 +1,3 @@
+import type { ImperativeControllerSuite, ImperativeControllerFactoryContext } from "/datagrid-core/imperative/engine/ImperativeTableEngine";
+export declare function createDomControllerSuite(context: ImperativeControllerFactoryContext): ImperativeControllerSuite;
+//# sourceMappingURL=createDomControllerSuite.d.ts.map

package/dist/imperative/createDomControllerSuite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDomControllerSuite.d.ts","sourceRoot":"","sources":["../../src/imperative/createDomControllerSuite.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,kCAAkC,EAAE,MAAM,wDAAwD,CAAA;AAO3I,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,kCAAkC,GAAG,yBAAyB,CAiC/G"}

package/dist/imperative/createDomControllerSuite.js

@@ -0,0 +1,24 @@
+import { createMeasurementQueue } from "/datagrid-core/runtime/measurementQueue";
+import { BlueprintManager } from "/datagrid-core/imperative/engine/controllers/BlueprintManager";
+import { CellRenderer } from "/datagrid-core/imperative/engine/controllers/CellRenderer";
+import { RowController } from "/datagrid-core/imperative/engine/controllers/RowController";
+import { InteractionController } from "/datagrid-core/imperative/engine/controllers/InteractionController";
+import { EditorController } from "/datagrid-core/imperative/engine/controllers/EditorController";
+export function createDomControllerSuite(context) {
+    const measurementQueue = createMeasurementQueue();
+    const blueprintManager = new BlueprintManager(context.body);
+    const editor = new EditorController();
+    const cellRenderer = new CellRenderer(context.body, context.classMap, context.renderer, editor);
+    const rowController = new RowController(context.body, context.classMap, cellRenderer, blueprintManager, measurementQueue);
+    const interaction = new InteractionController(context.mode, context.body, rowController, blueprintManager, context.classMap, context.beginCellEdit, measurementQueue);
+    return {
+        blueprintManager,
+        editor,
+        cellRenderer,
+        rowController,
+        interaction,
+        dispose: () => {
+            measurementQueue.dispose();
+        },
+    };
+}

package/dist/imperative/selectionDomAdapter.d.ts

@@ -0,0 +1,54 @@
+import { type FillHandleStylePayload } from "../../core/selection/fillHandleStylePool";
+import { type MeasurementHandle } from "../../core/runtime/measurementQueue";
+import type { GridSelectionPoint, GridSelectionRange } from "../../core/selection/selectionState";
+import type { UiTableColumn } from "../../core/types";
+import type { Ref } from "vue";
+import type { ColumnMetric } from "../composables/useAxisVirtualizer";
+interface SelectionViewportBindings {
+    effectiveRowHeight: Ref<number>;
+    viewportHeight: Ref<number>;
+    viewportWidth: Ref<number>;
+    scrollTop: Ref<number>;
+    scrollLeft: Ref<number>;
+    startIndex: Ref<number>;
+    endIndex: Ref<number>;
+    visibleStartCol: Ref<number>;
+    visibleEndCol: Ref<number>;
+    columnWidthMap: Ref<Map<string, number>>;
+    pinnedLeftEntries: Ref<ColumnMetric[]>;
+    pinnedRightEntries: Ref<ColumnMetric[]>;
+    virtualizationEnabled: Ref<boolean>;
+    clampScrollTopValue: (value: number) => number;
+    scrollToColumn?: (key: string) => void;
+}
+export interface SelectionDomAdapterOptions<RowKey = unknown> {
+    containerRef: Ref<HTMLDivElement | null>;
+    overlayContainerRef?: Ref<HTMLElement | null>;
+    localColumns: Ref<UiTableColumn[]>;
+    totalRowCount: Ref<number>;
+    viewport: SelectionViewportBindings;
+    rowIndexColumnKey?: string;
+    getRowIdByIndex: (rowIndex: number) => RowKey | null;
+    resolveCellElement?: (rowIndex: number, columnKey: string) => HTMLElement | null;
+    resolveHeaderCellElement?: (columnKey: string) => HTMLElement | null;
+}
+interface FillHandleStyleInput<RowKey = unknown> {
+    range: GridSelectionRange<RowKey>;
+    fillHandleSize: number;
+}
+interface ScrollInput<RowKey = unknown> {
+    range: GridSelectionRange<RowKey> | null;
+    cursor: GridSelectionPoint<RowKey> | null;
+    attempt?: number;
+    maxAttempts?: number;
+}
+export interface SelectionDomAdapter<RowKey = unknown> {
+    invalidateMetrics(): void;
+    resolveCellFromPoint(clientX: number, clientY: number): GridSelectionPoint<RowKey> | null;
+    resolveRowIndexFromPoint(clientX: number, clientY: number): number | null;
+    resolveFillHandleStyle(input: FillHandleStyleInput<RowKey>): MeasurementHandle<FillHandleStylePayload | null>;
+    scrollSelectionIntoView(input: ScrollInput<RowKey>): void;
+}
+export declare function createSelectionDomAdapter<RowKey = unknown>(options: SelectionDomAdapterOptions<RowKey>): SelectionDomAdapter<RowKey>;
+export {};
+//# sourceMappingURL=selectionDomAdapter.d.ts.map

package/dist/imperative/selectionDomAdapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectionDomAdapter.d.ts","sourceRoot":"","sources":["../../src/imperative/selectionDomAdapter.ts"],"names":[],"mappings":"AAQA,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,0CAA0C,CAAA;AAKjD,OAAO,EAAuB,KAAK,iBAAiB,EAAE,MAAM,qCAAqC,CAAA;AACjG,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AACjG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAGrE,UAAU,yBAAyB;IACjC,kBAAkB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC/B,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACtB,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACvB,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACvB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACrB,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC5B,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,cAAc,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IACxC,iBAAiB,EAAE,GAAG,CAAC,YAAY,EAAE,CAAC,CAAA;IACtC,kBAAkB,EAAE,GAAG,CAAC,YAAY,EAAE,CAAC,CAAA;IACvC,qBAAqB,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACnC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IAC9C,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC;AAED,MAAM,WAAW,0BAA0B,CAAC,MAAM,GAAG,OAAO;IAC1D,YAAY,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACxC,mBAAmB,CAAC,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC7C,YAAY,EAAE,GAAG,CAAC,aAAa,EAAE,CAAC,CAAA;IAClC,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,QAAQ,EAAE,yBAAyB,CAAA;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;IACpD,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,WAAW,GAAG,IAAI,CAAA;IAChF,wBAAwB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,WAAW,GAAG,IAAI,CAAA;CACrE;AAED,UAAU,oBAAoB,CAAC,MAAM,GAAG,OAAO;IAC7C,KAAK,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAA;IACjC,cAAc,EAAE,MAAM,CAAA;CACvB;AAED,UAAU,WAAW,CAAC,MAAM,GAAG,OAAO;IACpC,KAAK,EAAE,kBAAkB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA;IACxC,MAAM,EAAE,kBAAkB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA;IACzC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAiBD,MAAM,WAAW,mBAAmB,CAAC,MAAM,GAAG,OAAO;IACnD,iBAAiB,IAAI,IAAI,CAAA;IACzB,oBAAoB,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,kBAAkB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA;IACzF,wBAAwB,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IACzE,sBAAsB,CACpB,KAAK,EAAE,oBAAoB,CAAC,MAAM,CAAC,GAClC,iBAAiB,CAAC,sBAAsB,GAAG,IAAI,CAAC,CAAA;IACnD,uBAAuB,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA;CAC1D;AAED,wBAAgB,yBAAyB,CAAC,MAAM,GAAG,OAAO,EACxD,OAAO,EAAE,0BAA0B,CAAC,MAAM,CAAC,GAC1C,mBAAmB,CAAC,MAAM,CAAC,CAuiB7B"}