photon-grid-core 0.0.1

package/engines/editing/cell-editor-engine.js

@@ -0,0 +1,359 @@
+import { GridEventType } from '../../types/event.types';
+import { parseValue, validateValue } from './value-parser';
+export class CellEditorEngine {
+    /** Register a callback to be called when Tab is pressed inside a native editor. */
+    setTabHandler(fn) {
+        this.tabHandler = fn;
+    }
+    constructor(store, eventBus) {
+        this.store = store;
+        this.eventBus = eventBus;
+        this.activeSession = null;
+        this.config = {
+            mode: 'cell',
+            singleClickEdit: false,
+            stopEditingWhenCellsLoseFocus: true,
+        };
+        /**
+         * Optional callback invoked when Tab is pressed while a native editor is
+         * active.  Receives `shiftKey` so the caller can navigate forwards or
+         * backwards.  Registered by `wireEditing` in `GridCore`.
+         */
+        this.tabHandler = null;
+    }
+    configure(config) {
+        this.config = { ...this.config, ...config };
+    }
+    startEditing(rowNode, colDef, cellEl) {
+        if (this.config.mode === 'none')
+            return false;
+        if (!colDef.editable)
+            return false;
+        if (this.activeSession)
+            this.stopEditing(true);
+        const originalValue = rowNode.data[colDef.field];
+        this.activeSession = {
+            rowNode,
+            colDef,
+            originalValue,
+            currentValue: originalValue,
+            editorEl: null,
+            cellEl,
+        };
+        this.store.set('editingCellId', `${rowNode.nodeId}__${colDef.colId}`);
+        cellEl.classList.add('pg-cell--editing');
+        this.eventBus.emit(GridEventType.CELL_EDIT_START, {
+            row: rowNode,
+            colDef,
+            oldValue: originalValue,
+            newValue: originalValue,
+            rowIndex: rowNode.rowIndex,
+        });
+        this.eventBus.emit(GridEventType.ROW_EDIT_START, {
+            row: rowNode,
+            field: colDef.field,
+            oldValue: originalValue,
+            newValue: originalValue,
+        });
+        return true;
+    }
+    updateValue(value) {
+        if (!this.activeSession)
+            return;
+        this.activeSession.currentValue = value;
+    }
+    stopEditing(cancel = false) {
+        if (!this.activeSession)
+            return;
+        const { rowNode, colDef, originalValue, currentValue, cellEl } = this.activeSession;
+        cellEl?.classList.remove('pg-cell--editing');
+        this.store.set('editingCellId', null);
+        if (!cancel) {
+            const parsed = parseValue(currentValue, colDef);
+            const error = validateValue(parsed, colDef);
+            if (error) {
+                this.eventBus.emit(GridEventType.CELL_EDIT_STOP, {
+                    row: rowNode,
+                    field: colDef.field,
+                    oldValue: originalValue,
+                    newValue: parsed,
+                    error,
+                });
+                this.activeSession = null;
+                return;
+            }
+            if (parsed !== originalValue) {
+                rowNode.data = { ...rowNode.data, [colDef.field]: parsed };
+                this.eventBus.emit(GridEventType.CELL_VALUE_CHANGED, {
+                    row: rowNode,
+                    colDef,
+                    oldValue: originalValue,
+                    newValue: parsed,
+                    rowIndex: rowNode.rowIndex,
+                });
+                // Flash the edited cell with the same fill-flash animation so the user
+                // gets clear visual confirmation that the new value was committed.
+                if (cellEl) {
+                    setTimeout(() => {
+                        cellEl.classList.remove('pg-cell--fill-flash');
+                        void cellEl.offsetWidth; // force reflow to restart animation
+                        cellEl.classList.add('pg-cell--fill-flash');
+                        setTimeout(() => cellEl.classList.remove('pg-cell--fill-flash'), 700);
+                    }, 0);
+                }
+            }
+        }
+        this.eventBus.emit(GridEventType.CELL_EDIT_STOP, {
+            row: rowNode,
+            field: colDef.field,
+            oldValue: originalValue,
+            newValue: cancel ? originalValue : currentValue,
+        });
+        this.activeSession = null;
+    }
+    isEditing() {
+        return this.activeSession !== null;
+    }
+    getActiveSession() {
+        return this.activeSession;
+    }
+    isCellEditing(rowNodeId, colId) {
+        const editId = this.store.get('editingCellId');
+        return editId === `${rowNodeId}__${colId}`;
+    }
+    /**
+     * Builds and mounts the appropriate native editor widget into `container` based
+     * on `colDef.type`.  Returns the root editor element.
+     *
+     * Editor types:
+     * - `boolean`            → styled checkbox
+     * - `dropdown` / `object`→ single-select `<select>` from `dropdownOptions`
+     * - `array`              → custom multi-select panel with checkboxes
+     * - `number` / `currency`/ `percentage` → number `<input>`
+     * - `date`               → date `<input>`
+     * - `time`               → time `<input>`
+     * - default              → text `<input>`
+     */
+    buildNativeEditor(colDef, value, container) {
+        // array gets its own full return path (custom focus/blur handling)
+        if (colDef.type === 'array') {
+            return this.buildMultiSelectEditor(colDef, value, container);
+        }
+        let input;
+        switch (colDef.type) {
+            case 'boolean': {
+                const checkbox = document.createElement('input');
+                checkbox.type = 'checkbox';
+                checkbox.checked = !!value;
+                checkbox.className = 'pg-editor pg-editor--checkbox';
+                checkbox.addEventListener('change', () => this.updateValue(checkbox.checked));
+                input = checkbox;
+                break;
+            }
+            case 'dropdown':
+            case 'object': {
+                const select = document.createElement('select');
+                select.className = 'pg-editor pg-editor--select';
+                const currentKey = this.resolveObjectKey(value, colDef);
+                for (const opt of colDef.dropdownOptions ?? []) {
+                    const option = document.createElement('option');
+                    option.value = String(opt.value);
+                    option.textContent = opt.label;
+                    option.selected = String(opt.value) === String(currentKey ?? '');
+                    select.appendChild(option);
+                }
+                select.addEventListener('change', () => {
+                    if (colDef.type === 'object') {
+                        const picked = colDef.dropdownOptions?.find((o) => String(o.value) === select.value);
+                        this.updateValue(picked ?? select.value);
+                    }
+                    else {
+                        this.updateValue(select.value);
+                    }
+                });
+                input = select;
+                break;
+            }
+            case 'number':
+            case 'currency':
+            case 'percentage': {
+                const numInput = document.createElement('input');
+                numInput.type = 'number';
+                numInput.value = String(value ?? '');
+                numInput.className = 'pg-editor pg-editor--number';
+                if (colDef.min !== undefined && colDef.min !== null)
+                    numInput.min = String(colDef.min);
+                if (colDef.max !== undefined && colDef.max !== null)
+                    numInput.max = String(colDef.max);
+                numInput.addEventListener('input', () => this.updateValue(numInput.value));
+                input = numInput;
+                break;
+            }
+            case 'date': {
+                const dateInput = document.createElement('input');
+                dateInput.type = 'date';
+                dateInput.value = value ? new Date(value).toISOString().split('T')[0] : '';
+                dateInput.className = 'pg-editor pg-editor--date';
+                dateInput.addEventListener('change', () => this.updateValue(dateInput.value));
+                input = dateInput;
+                break;
+            }
+            case 'time': {
+                const timeInput = document.createElement('input');
+                timeInput.type = 'time';
+                timeInput.value = String(value ?? '');
+                timeInput.className = 'pg-editor pg-editor--time';
+                timeInput.addEventListener('change', () => this.updateValue(timeInput.value));
+                input = timeInput;
+                break;
+            }
+            default: {
+                const textInput = document.createElement('input');
+                textInput.type = colDef.type === 'email' ? 'email' : 'text';
+                textInput.value = String(value ?? '');
+                textInput.className = 'pg-editor pg-editor--text';
+                textInput.addEventListener('input', () => this.updateValue(textInput.value));
+                input = textInput;
+            }
+        }
+        if (this.config.stopEditingWhenCellsLoseFocus) {
+            input.addEventListener('blur', () => this.stopEditing(false));
+        }
+        input.addEventListener('keydown', (e) => {
+            const ke = e;
+            ke.stopPropagation();
+            if (ke.key === 'Enter') {
+                ke.preventDefault();
+                this.stopEditing(false);
+            }
+            else if (ke.key === 'Escape') {
+                ke.preventDefault();
+                this.stopEditing(true);
+            }
+            else if (ke.key === 'Tab') {
+                // Commit edit, suppress default focus-shift, then delegate navigation
+                ke.preventDefault();
+                this.stopEditing(false);
+                this.tabHandler?.(ke.shiftKey);
+            }
+        });
+        container.appendChild(input);
+        if (this.activeSession)
+            this.activeSession.editorEl = input;
+        setTimeout(() => input.focus?.(), 0);
+        return input;
+    }
+    /**
+     * Builds a custom multi-select dropdown panel for `array` column type.
+     * The stored value is always `string[]` of selected option values.
+     */
+    buildMultiSelectEditor(colDef, value, container) {
+        const currentValues = new Set(Array.isArray(value) ? value.map(String) : []);
+        const options = colDef.dropdownOptions ?? [];
+        const wrapper = document.createElement('div');
+        wrapper.className = 'pg-editor pg-editor--multiselect';
+        wrapper.setAttribute('tabindex', '-1');
+        const trigger = document.createElement('div');
+        trigger.className = 'pg-editor__ms-trigger';
+        const triggerText = document.createElement('span');
+        triggerText.className = 'pg-editor__ms-text';
+        const triggerArrow = document.createElement('span');
+        triggerArrow.className = 'pg-editor__ms-arrow';
+        trigger.appendChild(triggerText);
+        trigger.appendChild(triggerArrow);
+        const panel = document.createElement('div');
+        panel.className = 'pg-editor__ms-panel';
+        const refreshTriggerText = () => {
+            const labels = options
+                .filter((o) => currentValues.has(String(o.value)))
+                .map((o) => o.label);
+            triggerText.textContent = labels.length > 0 ? labels.join(', ') : '—';
+        };
+        for (const opt of options) {
+            const label = document.createElement('label');
+            label.className = 'pg-editor__ms-option';
+            const checkbox = document.createElement('input');
+            checkbox.type = 'checkbox';
+            checkbox.className = 'pg-editor__ms-check';
+            checkbox.value = String(opt.value);
+            checkbox.checked = currentValues.has(String(opt.value));
+            checkbox.addEventListener('change', () => {
+                if (checkbox.checked)
+                    currentValues.add(checkbox.value);
+                else
+                    currentValues.delete(checkbox.value);
+                refreshTriggerText();
+                this.updateValue([...currentValues]);
+            });
+            const labelText = document.createElement('span');
+            labelText.className = 'pg-editor__ms-label';
+            labelText.textContent = opt.label;
+            label.appendChild(checkbox);
+            label.appendChild(labelText);
+            panel.appendChild(label);
+        }
+        refreshTriggerText();
+        trigger.addEventListener('mousedown', (e) => {
+            e.preventDefault(); // keep focus on wrapper
+            panel.classList.toggle('pg-editor__ms-panel--open');
+        });
+        wrapper.appendChild(trigger);
+        wrapper.appendChild(panel);
+        container.appendChild(wrapper);
+        // Deferred open + focus
+        setTimeout(() => {
+            wrapper.focus();
+            panel.classList.add('pg-editor__ms-panel--open');
+        }, 0);
+        // Close on focus leaving the composite widget
+        let blurTimer = null;
+        wrapper.addEventListener('focusout', () => {
+            blurTimer = setTimeout(() => {
+                if (!wrapper.contains(document.activeElement)) {
+                    this.stopEditing(false);
+                }
+            }, 150);
+        });
+        wrapper.addEventListener('focusin', () => {
+            if (blurTimer !== null) {
+                clearTimeout(blurTimer);
+                blurTimer = null;
+            }
+        });
+        wrapper.addEventListener('keydown', (e) => {
+            e.stopPropagation();
+            if (e.key === 'Enter') {
+                e.preventDefault();
+                this.stopEditing(false);
+            }
+            else if (e.key === 'Escape') {
+                e.preventDefault();
+                this.stopEditing(true);
+            }
+            else if (e.key === 'Tab') {
+                e.preventDefault();
+                this.stopEditing(false);
+                this.tabHandler?.(e.shiftKey);
+            }
+        });
+        if (this.activeSession)
+            this.activeSession.editorEl = wrapper;
+        return wrapper;
+    }
+    /**
+     * Resolves the key used to match a cell value against `dropdownOptions`
+     * for `object` type columns.  Supports primitive values and plain objects.
+     */
+    resolveObjectKey(value, colDef) {
+        if (typeof value === 'object' && value !== null) {
+            const key = colDef.objectValueKey ?? 'value';
+            return value[key];
+        }
+        return value;
+    }
+    /** Returns the active `EditingConfig` (read-only). */
+    getConfig() {
+        return this.config;
+    }
+}
+//# sourceMappingURL=cell-editor-engine.js.map

package/engines/editing/cell-editor-engine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-editor-engine.js","sourceRoot":"","sources":["../../../src/engines/editing/cell-editor-engine.ts"],"names":[],"mappings":"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"}

package/engines/editing/custom-dropdown-editor.d.ts

@@ -0,0 +1,99 @@
+import type { ColumnDropdownOption } from '../../types/column.types';
+import type { RendererOutput } from '../../types/renderer.types';
+export interface CustomDropdownCallbacks {
+    /**
+     * Called when the user highlights and commits an option.
+     * Update the cell's pending value here before calling `onStop(true)`.
+     */
+    onSelect: (option: ColumnDropdownOption) => void;
+    /**
+     * Called when editing should end.
+     * @param commit `true`  → apply the selected value (Enter / option click)
+     *               `false` → discard (Escape / outside click)
+     */
+    onStop: (commit: boolean) => void;
+    /**
+     * Optional. Called when the user presses Tab (or Shift+Tab) to commit the
+     * current selection and move editing focus to the adjacent cell.
+     * @param shiftKey `true` → move backwards (Shift+Tab)
+     */
+    onTab?: (shiftKey: boolean) => void;
+    /**
+     * Optional. When supplied, replaces this option's inner content (icon +
+     * label + check mark) with custom markup. The surrounding option row keeps
+     * its own id/role/data-index/mousedown/mouseenter wiring untouched, so
+     * keyboard navigation and selection keep working regardless of content.
+     */
+    renderOption?: (option: ColumnDropdownOption, index: number, selected: boolean, highlighted: boolean) => RendererOutput;
+}
+/**
+ * Accessible, virtually-scrolled custom dropdown editor for `dropdown` and
+ * `object` column types.
+ *
+ * The list panel is appended to `document.body` with `position: fixed` so it
+ * escapes the grid's `overflow: hidden` without requiring a portal container.
+ *
+ * Keyboard shortcuts:
+ * - ArrowDown / ArrowUp  — move highlight one row
+ * - PageDown / PageUp    — move highlight one page
+ * - Home / End           — jump to first / last option
+ * - Enter                — commit the highlighted option
+ * - Escape / Tab         — cancel (close without change)
+ */
+export declare class CustomDropdownEditor {
+    /** The cell's `.pg-cell__inner` element — the trigger is mounted here. */
+    private readonly container;
+    /** The `.pg-cell` element — used to compute the panel's viewport position. */
+    private readonly cellEl;
+    private readonly options;
+    private readonly currentValue;
+    private readonly callbacks;
+    /** Height of each option row in pixels. Keep in sync with CSS. */
+    static readonly ITEM_HEIGHT = 34;
+    /** Maximum number of rows shown before the list scrolls. */
+    static readonly MAX_VISIBLE = 8;
+    /** Extra rows rendered above/below the visible window for smooth scrolling. */
+    static readonly SCROLL_BUFFER = 3;
+    private static instanceCounter;
+    private readonly instanceId;
+    private triggerEl;
+    private panelEl;
+    private scrollEl;
+    private itemsEl;
+    private highlightedIndex;
+    private readonly selectedIndex;
+    private destroyed;
+    constructor(
+    /** The cell's `.pg-cell__inner` element — the trigger is mounted here. */
+    container: HTMLElement, 
+    /** The `.pg-cell` element — used to compute the panel's viewport position. */
+    cellEl: HTMLElement, options: ColumnDropdownOption[], currentValue: unknown, callbacks: CustomDropdownCallbacks);
+    /**
+     * Tear down the editor: remove the panel from the DOM and detach all event
+     * listeners.  Safe to call multiple times.
+     */
+    destroy(): void;
+    private mount;
+    private buildTrigger;
+    private syncTrigger;
+    private buildPanel;
+    private renderVisibleItems;
+    private positionPanel;
+    private handleKeyDown;
+    private handleScroll;
+    private handleOutsideClick;
+    private handleResize;
+    /**
+     * Closes the dropdown immediately when any element outside the panel scrolls.
+     * Catches both vertical and horizontal grid body scroll via capture-phase listener.
+     * Scroll events originating inside the virtual-scroll list are excluded.
+     */
+    private handleBodyScroll;
+    private navigate;
+    private setHighlight;
+    private scrollToIndex;
+    private selectIndex;
+    private buildIcon;
+    private optId;
+}
+//# sourceMappingURL=custom-dropdown-editor.d.ts.map

package/engines/editing/custom-dropdown-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-dropdown-editor.d.ts","sourceRoot":"","sources":["../../../src/engines/editing/custom-dropdown-editor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACjD;;;;OAIG;IACH,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC;;;;OAIG;IACH,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,KAAK,cAAc,CAAC;CACzH;AAED;;;;;;;;;;;;;GAaG;AACH,qBAAa,oBAAoB;IAqB7B,0EAA0E;IAC1E,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,8EAA8E;IAC9E,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,YAAY;IAC7B,OAAO,CAAC,QAAQ,CAAC,SAAS;IA1B5B,kEAAkE;IAClE,MAAM,CAAC,QAAQ,CAAC,WAAW,MAAQ;IACnC,4DAA4D;IAC5D,MAAM,CAAC,QAAQ,CAAC,WAAW,KAAO;IAClC,+EAA+E;IAC/E,MAAM,CAAC,QAAQ,CAAC,aAAa,KAAK;IAElC,OAAO,CAAC,MAAM,CAAC,eAAe,CAAK;IACnC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA0C;IAErE,OAAO,CAAC,SAAS,CAAe;IAChC,OAAO,CAAC,OAAO,CAAe;IAC9B,OAAO,CAAC,QAAQ,CAAe;IAC/B,OAAO,CAAC,OAAO,CAAe;IAE9B,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAS;IACvC,OAAO,CAAC,SAAS,CAAS;;IAGxB,0EAA0E;IACzD,SAAS,EAAE,WAAW;IACvC,8EAA8E;IAC7D,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,oBAAoB,EAAE,EAC/B,YAAY,EAAE,OAAO,EACrB,SAAS,EAAE,uBAAuB;IASrD;;;OAGG;IACH,OAAO,IAAI,IAAI;IAaf,OAAO,CAAC,KAAK;IAgCb,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,WAAW;IAmBnB,OAAO,CAAC,UAAU;IAwClB,OAAO,CAAC,kBAAkB;IAuE1B,OAAO,CAAC,aAAa;IA2BrB,OAAO,CAAC,aAAa,CA2CnB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,kBAAkB,CAOxB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF;;;;OAIG;IACH,OAAO,CAAC,gBAAgB,CAKtB;IAIF,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,YAAY;IAqBpB,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,SAAS;IAoBjB,OAAO,CAAC,KAAK;CAGd"}