@affino/datagrid-vue 0.3.2 → 0.3.4

package/dist/composables/useTableEditing.d.ts

@@ -1,67 +0,0 @@
-import type { ComputedRef, Ref } from "vue";
-import type { CellEditEvent, UiTableColumn, VisibleRow } from "../../core/types";
-import type { RowKey } from "@/composables/useSelectableRows";
-import type { HistoryEntry } from "./useTableHistory";
-interface SetCellOptions {
-    collector?: CellEditEvent[];
-    historyCollector?: HistoryEntry[];
-    suppressHistory?: boolean;
-    force?: boolean;
-}
-interface UseTableEditingOptions {
-    processedRows: ComputedRef<VisibleRow[]>;
-    localColumns: Ref<UiTableColumn[]>;
-    emitCellEdit: (event: CellEditEvent) => void;
-    emitBatchEdit: (events: CellEditEvent[]) => void;
-    recordHistory: (entries: HistoryEntry[]) => void;
-    isApplyingHistory: Ref<boolean>;
-    findRowIndexById: (rowId: RowKey) => number | null;
-    getRowIdByIndex: (rowIndex: number) => RowKey | null;
-}
-type RowRef = RowKey | number;
-/**
- * Determines whether a column can be edited based on its editor configuration.
- */
-export declare function isColumnEditable(column: UiTableColumn | undefined): boolean;
-/**
- * Checks if clipboard pastes are allowed for the provided column definition.
- */
-export declare function canPasteIntoColumn(column: UiTableColumn | undefined): boolean;
-/**
- * Coordinates edit state, validation, history, and event emission for UiTable cells.
- */
-export declare function useTableEditing({ processedRows, localColumns, emitCellEdit, emitBatchEdit, recordHistory, isApplyingHistory, findRowIndexById, getRowIdByIndex, }: UseTableEditingOptions): {
-    validationErrors: Record<string, string | null>;
-    getValidationError: (rowIndex: number, colIndex: number) => string | null;
-    setCellValueDirect: (rowRef: RowRef, colIndex: number, value: unknown, options?: SetCellOptions) => boolean;
-    setCellValue: (rowRef: RowRef, column: number | string, value: unknown, options?: {
-        force?: boolean;
-    }) => boolean;
-    setCellValueFromPaste: (rowRef: RowRef, colIndex: number, rawValue: string, options?: SetCellOptions) => boolean;
-    getCellValue: (rowRef: RowRef, column: number | string) => any;
-    getCellRawValue: (rowRef: RowRef, colIndex: number) => any;
-    dispatchEvents: (events: CellEditEvent[]) => void;
-    onCellEdit: (event: CellEditEvent) => void;
-    onCellEditingChange: (editing: boolean) => void;
-    normalizePastedValue: (column: UiTableColumn, row: any, rawValue: string) => any;
-    requestEdit: (rowIndex: number, columnKey: string) => void;
-    isEditingCell: Ref<boolean, boolean>;
-    editCommand: Ref<{
-        rowIndex: number;
-        key: string;
-        token: number;
-    } | null, {
-        rowIndex: number;
-        key: string;
-        token: number;
-    } | {
-        rowIndex: number;
-        key: string;
-        token: number;
-    } | null>;
-    canPasteIntoColumn: typeof canPasteIntoColumn;
-    runValidator: (column: UiTableColumn | undefined, value: unknown, row: any) => string | null;
-    updateValidationState: (rowId: RowKey | null, rowIndex: number, column: UiTableColumn | undefined, value: unknown, row: any) => void;
-};
-export {};
-//# sourceMappingURL=useTableEditing.d.ts.map

package/dist/composables/useTableEditing.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableEditing.d.ts","sourceRoot":"","sources":["../../src/composables/useTableEditing.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAgB,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC9F,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,UAAU,cAAc;IACtB,SAAS,CAAC,EAAE,aAAa,EAAE,CAAA;IAC3B,gBAAgB,CAAC,EAAE,YAAY,EAAE,CAAA;IACjC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,UAAU,sBAAsB;IAC9B,aAAa,EAAE,WAAW,CAAC,UAAU,EAAE,CAAC,CAAA;IACxC,YAAY,EAAE,GAAG,CAAC,aAAa,EAAE,CAAC,CAAA;IAClC,YAAY,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,aAAa,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,IAAI,CAAA;IAChD,aAAa,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,IAAI,CAAA;IAChD,iBAAiB,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAC/B,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;IAClD,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;CACrD;AAED,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;AAE7B;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,SAAS,WAKjE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,aAAa,GAAG,SAAS,WAMnE;AAUD;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GAChB,EAAE,sBAAsB;;mCAiDe,MAAM,YAAY,MAAM;iCAsB1B,MAAM,YAAY,MAAM,SAAS,OAAO,YAAW,cAAc;2BAgIvE,MAAM,UAAU,MAAM,GAAG,MAAM,SAAS,OAAO,YAAY;QAAE,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE;oCA3BrE,MAAM,YAAY,MAAM,YAAY,MAAM,YAAY,cAAc;2BAa7E,MAAM,UAAU,MAAM,GAAG,MAAM;8BA9H5B,MAAM,YAAY,MAAM;6BAkEzB,aAAa,EAAE;wBAmFpB,aAAa;mCA4BF,OAAO;mCAtFP,aAAa,OAAO,GAAG,YAAY,MAAM;4BA6FhD,MAAM,aAAa,MAAM;;;kBArOpB,MAAM;aAAO,MAAM;eAAS,MAAM;;kBAAlC,MAAM;aAAO,MAAM;eAAS,MAAM;;kBAAlC,MAAM;aAAO,MAAM;eAAS,MAAM;;;2BAKxC,aAAa,GAAG,SAAS,SAAS,OAAO,OAAO,GAAG;mCAgB3C,MAAM,GAAG,IAAI,YAAY,MAAM,UAAU,aAAa,GAAG,SAAS,SAAS,OAAO,OAAO,GAAG;EA2OnI"}

package/dist/composables/useTableEditing.js

@@ -1,321 +0,0 @@
-import { reactive, ref } from "vue";
-/**
- * Determines whether a column can be edited based on its editor configuration.
- */
-export function isColumnEditable(column) {
-    if (!column)
-        return false;
-    if (column.editable === false)
-        return false;
-    const editor = column.editor ?? "text";
-    return editor !== "none";
-}
-/**
- * Checks if clipboard pastes are allowed for the provided column definition.
- */
-export function canPasteIntoColumn(column) {
-    if (!column)
-        return false;
-    if (column.editable === false)
-        return false;
-    if (column.editor === "none")
-        return false;
-    if (column.editor === "checkbox")
-        return false;
-    return column.editor === undefined || column.editor === "text" || column.editor === "number" || column.editor === "select";
-}
-/**
- * Returns a unique key for the validation map.
- */
-function getValidationKey(rowId, rowIndex, columnKey) {
-    const prefix = rowId !== null && rowId !== undefined ? `id:${String(rowId)}` : `idx:${rowIndex}`;
-    return `${prefix}:${columnKey}`;
-}
-/**
- * Coordinates edit state, validation, history, and event emission for UiTable cells.
- */
-export function useTableEditing({ processedRows, localColumns, emitCellEdit, emitBatchEdit, recordHistory, isApplyingHistory, findRowIndexById, getRowIdByIndex, }) {
-    function normalizeRowTarget(target) {
-        if (typeof target === "number") {
-            return Number.isFinite(target) ? target : null;
-        }
-        const index = findRowIndexById(target);
-        return index ?? null;
-    }
-    function resolveRowId(rowIndex) {
-        return getRowIdByIndex(rowIndex);
-    }
-    const validationErrors = reactive({});
-    const isEditingCell = ref(false);
-    const editCommand = ref(null);
-    /**
-     * Runs the column validator and normalizes the returned message.
-     */
-    function runValidator(column, value, row) {
-        if (!column || !column.validator)
-            return null;
-        try {
-            const result = column.validator(value, row);
-            if (result === false)
-                return "Invalid value";
-            if (typeof result === "string")
-                return result;
-            if (result === true || result === undefined)
-                return null;
-            return result ? null : "Invalid value";
-        }
-        catch (error) {
-            return (error instanceof Error ? error.message : "Invalid value") || "Invalid value";
-        }
-    }
-    /**
-     * Writes the validator result into the reactive error map.
-     */
-    function updateValidationState(rowId, rowIndex, column, value, row) {
-        if (!column)
-            return;
-        const key = getValidationKey(rowId ?? null, rowIndex, column.key);
-        const message = runValidator(column, value, row);
-        if (message) {
-            validationErrors[key] = message;
-        }
-        else if (Object.prototype.hasOwnProperty.call(validationErrors, key)) {
-            delete validationErrors[key];
-        }
-    }
-    /**
-     * Returns the stored validation message for a cell if present.
-     */
-    function getValidationError(rowIndex, colIndex) {
-        const column = localColumns.value[colIndex];
-        if (!column)
-            return null;
-        const key = getValidationKey(resolveRowId(rowIndex), rowIndex, column.key);
-        return validationErrors[key] ?? null;
-    }
-    /**
-     * Grabs the raw value from the processed row cache.
-     */
-    function getCellRawValue(rowRef, colIndex) {
-        const rowIndex = normalizeRowTarget(rowRef);
-        if (rowIndex == null)
-            return undefined;
-        const entry = processedRows.value[rowIndex];
-        const column = localColumns.value[colIndex];
-        if (!entry || !column)
-            return undefined;
-        return entry.row?.[column.key];
-    }
-    /**
-     * Mutates a cell value directly, handling history, validation, and emit behavior.
-     */
-    function setCellValueDirect(rowRef, colIndex, value, options = {}) {
-        const rowIndex = normalizeRowTarget(rowRef);
-        if (rowIndex == null)
-            return false;
-        const entry = processedRows.value[rowIndex];
-        const column = localColumns.value[colIndex];
-        if (!entry || !column)
-            return false;
-        if (column.editable === false && !options.force)
-            return false;
-        if (!canPasteIntoColumn(column) && !options.force)
-            return false;
-        const current = entry.row?.[column.key];
-        const valuesEqual = current === value || (current == null && value == null);
-        if (valuesEqual) {
-            updateValidationState(entry.rowId ?? resolveRowId(rowIndex), rowIndex, column, value, entry.row);
-            return false;
-        }
-        if (entry.row) {
-            entry.row[column.key] = value;
-        }
-        const stableRowId = entry.rowId ?? resolveRowId(rowIndex) ?? rowIndex;
-        updateValidationState(stableRowId, rowIndex, column, value, entry.row);
-        const event = {
-            rowId: stableRowId,
-            rowIndex: entry.originalIndex ?? rowIndex,
-            originalRowIndex: entry.originalIndex ?? rowIndex,
-            displayRowIndex: rowIndex,
-            row: entry.row,
-            key: column.key,
-            value,
-        };
-        const historyEntry = {
-            rowId: stableRowId,
-            rowIndex,
-            colIndex,
-            columnKey: column.key,
-            oldValue: current,
-            newValue: value,
-        };
-        if (options.collector) {
-            options.collector.push(event);
-        }
-        else {
-            emitCellEdit(event);
-        }
-        if (!isApplyingHistory.value && !options.suppressHistory) {
-            if (options.historyCollector) {
-                options.historyCollector.push(historyEntry);
-            }
-            else {
-                recordHistory([historyEntry]);
-            }
-        }
-        return true;
-    }
-    /**
-     * Emits edit events individually while still allowing batch notifications.
-     */
-    function dispatchEvents(events) {
-        if (!events.length)
-            return;
-        if (events.length > 1) {
-            emitBatchEdit(events);
-        }
-        for (const event of events) {
-            emitCellEdit(event);
-        }
-    }
-    /**
-     * Resolves select options safely, catching any user-land errors.
-     */
-    function getColumnOptions(column, row) {
-        if (!column?.options)
-            return [];
-        try {
-            return typeof column.options === "function" ? column.options(row) ?? [] : column.options ?? [];
-        }
-        catch {
-            return [];
-        }
-    }
-    /**
-     * Normalizes raw pasted text to the column data type (number/select).
-     */
-    function normalizePastedValue(column, row, rawValue) {
-        const trimmed = rawValue.trim();
-        if (column.editor === "number") {
-            if (trimmed === "")
-                return null;
-            const numeric = Number(trimmed);
-            return Number.isFinite(numeric) ? numeric : trimmed;
-        }
-        if (column.editor === "select") {
-            if (trimmed === "")
-                return null;
-            const options = getColumnOptions(column, row);
-            const matchByValue = options.find(option => String(option.value) === trimmed);
-            if (matchByValue)
-                return matchByValue.value;
-            const matchByLabel = options.find(option => String(option.label ?? "") === trimmed);
-            if (matchByLabel)
-                return matchByLabel.value;
-            return trimmed;
-        }
-        return rawValue;
-    }
-    /**
-     * Applies a pasted value to the target cell with validation and history bookkeeping.
-     */
-    function setCellValueFromPaste(rowRef, colIndex, rawValue, options) {
-        const rowIndex = normalizeRowTarget(rowRef);
-        if (rowIndex == null)
-            return false;
-        const entry = processedRows.value[rowIndex];
-        const column = localColumns.value[colIndex];
-        if (!entry || !column || !canPasteIntoColumn(column))
-            return false;
-        const normalized = normalizePastedValue(column, entry.row, rawValue);
-        return setCellValueDirect(rowIndex, colIndex, normalized, options);
-    }
-    /**
-     * Reads the current value for the given row/column identifier.
-     */
-    function getCellValue(rowRef, column) {
-        const colIndex = typeof column === "number" ? column : localColumns.value.findIndex(col => col.key === column);
-        if (colIndex < 0)
-            return undefined;
-        const rowIndex = normalizeRowTarget(rowRef);
-        if (rowIndex == null)
-            return undefined;
-        const entry = processedRows.value[rowIndex];
-        const columnDef = localColumns.value[colIndex];
-        if (!entry || !columnDef)
-            return undefined;
-        return entry.row?.[columnDef.key];
-    }
-    /**
-     * Convenience wrapper over setCellValueDirect that accepts a column key.
-     */
-    function setCellValue(rowRef, column, value, options) {
-        const colIndex = typeof column === "number" ? column : localColumns.value.findIndex(col => col.key === column);
-        if (colIndex < 0)
-            return false;
-        return setCellValueDirect(rowRef, colIndex, value, { force: options?.force });
-    }
-    /**
-     * Handles edit events coming from child components and updates backing data.
-     */
-    function onCellEdit(event) {
-        const rowRef = event.rowId ?? (event.displayRowIndex ?? event.rowIndex ?? 0);
-        const columnKey = String(event.key);
-        const colIndex = localColumns.value.findIndex(col => col.key === columnKey);
-        if (colIndex < 0) {
-            emitCellEdit(event);
-            return;
-        }
-        const batchEvents = [];
-        const historyEntries = [];
-        const changed = setCellValueDirect(rowRef, colIndex, event.value, {
-            collector: batchEvents,
-            historyCollector: historyEntries,
-        });
-        if (changed) {
-            if (historyEntries.length) {
-                recordHistory(historyEntries);
-            }
-            const emitted = batchEvents[0] ?? event;
-            emitCellEdit(emitted);
-        }
-        else {
-            emitCellEdit(event);
-        }
-    }
-    /**
-     * Tracks whether a cell editor is currently active.
-     */
-    function onCellEditingChange(editing) {
-        isEditingCell.value = editing;
-    }
-    /**
-     * Queues a deferred edit command that focus handlers can consume.
-     */
-    function requestEdit(rowIndex, columnKey) {
-        editCommand.value = {
-            rowIndex,
-            key: columnKey,
-            token: Date.now(),
-        };
-    }
-    return {
-        validationErrors,
-        getValidationError,
-        setCellValueDirect,
-        setCellValue,
-        setCellValueFromPaste,
-        getCellValue,
-        getCellRawValue,
-        dispatchEvents,
-        onCellEdit,
-        onCellEditingChange,
-        normalizePastedValue,
-        requestEdit,
-        isEditingCell,
-        editCommand,
-        canPasteIntoColumn,
-        runValidator,
-        updateValidationState,
-    };
-}

package/dist/composables/useTableFilters.d.ts

@@ -1,55 +0,0 @@
-import type { Ref } from "vue";
-import type { UiTableColumn } from "../../core/types";
-import type { FilterCondition, FilterStateSnapshot } from "../../core/types/filters";
-export type { FilterCondition, FilterConditionClause, FilterMenuState, FilterStateSnapshot, } from "../../core/types/filters";
-export interface FilterOption {
-    key: string;
-    label: string;
-    raw: unknown;
-    count?: number;
-}
-interface VisibleRow {
-    row: any;
-    originalIndex: number;
-}
-interface UseTableFiltersOptions {
-    rows: () => any[];
-    localColumns: Ref<UiTableColumn[]>;
-    emitFilterChange: (filters: Record<string, string[]>) => void;
-    getSuspendedRows?: () => Map<string, Set<number>> | null | undefined;
-}
-/**
- * Provides filter-menu state, option generation, and predicate application for UiTable.
- */
-export declare function useTableFilters({ rows, localColumns, emitFilterChange, getSuspendedRows }: UseTableFiltersOptions): {
-    columnFilters: Ref<Record<string, string[]>, Record<string, string[]>>;
-    filtersState: Ref<Record<string, FilterCondition>, Record<string, FilterCondition>>;
-    filterMenuState: any;
-    activeMenuOptions: import("vue").ComputedRef<FilterOption[]>;
-    activeMenuSelectedSet: import("vue").ComputedRef<Set<unknown>>;
-    isSelectAllChecked: import("vue").ComputedRef<boolean>;
-    isSelectAllIndeterminate: import("vue").ComputedRef<boolean>;
-    isFilterActiveForColumn: (columnKey: string) => boolean;
-    onColumnMenuOpen: (columnKey: string, closeFn: () => void) => void;
-    onColumnMenuClose: (columnKey: string) => void;
-    confirmFilterSelection: () => void;
-    cancelFilterSelection: () => void;
-    clearFilterForColumn: (columnKey: string) => void;
-    toggleSelectAll: (checked: boolean) => void;
-    toggleFilterOption: (optionKey: string) => void;
-    onSelectAllChange: (event: Event) => void;
-    setFilterMenuSearchRef: (element: Element | {
-        $el?: Element | null;
-    } | null) => void;
-    closeActiveMenu: () => void;
-    loadActiveMenuOptions: (search: string, overrideOptions?: FilterOption[]) => Promise<FilterOption[]>;
-    applyFilters: <T extends VisibleRow>(entries: T[], skipColumnKey?: string) => T[];
-    applyAdvancedFilters: <T extends VisibleRow>(entries: T[], skipColumnKey?: string, suspendedRows?: Map<string, Set<number>> | null | undefined) => T[];
-    setAdvancedFilter: (columnKey: string, condition: FilterCondition | null) => void;
-    getAdvancedFilter: (columnKey: string) => FilterCondition | null;
-    clearAdvancedFilter: (columnKey: string) => void;
-    resetAllFilters: () => void;
-    getFilterStateSnapshot: () => FilterStateSnapshot;
-    setFilterStateSnapshot: (snapshot: FilterStateSnapshot | null | undefined) => void;
-};
-//# sourceMappingURL=useTableFilters.d.ts.map

package/dist/composables/useTableFilters.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableFilters.d.ts","sourceRoot":"","sources":["../../src/composables/useTableFilters.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAO9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,KAAK,EACV,eAAe,EAGf,mBAAmB,EACpB,MAAM,0BAA0B,CAAA;AAEjC,YAAY,EACV,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,mBAAmB,GACpB,MAAM,0BAA0B,CAAA;AAIjC,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,OAAO,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAID,UAAU,UAAU;IAClB,GAAG,EAAE,GAAG,CAAA;IACR,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,UAAU,sBAAsB;IAC9B,IAAI,EAAE,MAAM,GAAG,EAAE,CAAA;IACjB,YAAY,EAAE,GAAG,CAAC,aAAa,EAAE,CAAC,CAAA;IAClC,gBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7D,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAA;CACrE;AAMD;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,EAAE,sBAAsB;;;;;;;;yCAinBpE,MAAM;kCAlYb,MAAM,WAAW,MAAM,IAAI;mCAa1B,MAAM;;;sCAqEH,MAAM;+BAgBb,OAAO;oCAeF,MAAM;+BA0BX,KAAK;sCAQE,OAAO,GAAG;QAAE,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI;;oCApQrC,MAAM,oBAAoB,YAAY,EAAE,KAAG,OAAO,CAAC,YAAY,EAAE,CAAC;mBAqEzF,CAAC,SAAS,UAAU,WAAW,CAAC,EAAE,kBAAkB,MAAM,KAAG,CAAC,EAAE;2BAuWxD,CAAC,SAAS,UAAU,WACvC,CAAC,EAAE,kBACI,MAAM,kBACN,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,KAC1D,CAAC,EAAE;mCAqBgC,MAAM,aAAa,eAAe,GAAG,IAAI;mCAczC,MAAM,KAAG,eAAe,GAAG,IAAI;qCAS7B,MAAM;;kCAsFX,mBAAmB;uCAOZ,mBAAmB,GAAG,IAAI,GAAG,SAAS;EAiDjF"}