@wix/patterns 1.363.0 → 1.366.0

package/dist/esm/state/EditableTable/CellValueState.js

@@ -0,0 +1,219 @@
+import { action, makeObservable, observable } from 'mobx';
+import { builtInCellTypes, textCellType, } from '../../components/EditableTable/cellTypes';
+import { runCellValidation, validResult } from './utils';
+const cellTypeMap = new Map(builtInCellTypes.map((ct) => [ct.type, ct]));
+export class CellValueState {
+    constructor(parent) {
+        /** Pending invalid cell values, keyed by `${itemId}:${colId}`. */
+        this._pendingCells = new Map();
+        this._parent = parent;
+        makeObservable(this, {
+            _pendingCells: observable,
+            clearCells: action,
+            toggleCell: action,
+            commitHandler: action,
+            applyBulkRawValues: action,
+            applyBulkValues: action,
+        });
+    }
+    resolveCellType(type) {
+        return cellTypeMap.get(type) ?? textCellType;
+    }
+    getCellDisplayValue(rowKey, columnId) {
+        const pending = this._getPendingCell(rowKey, columnId);
+        if (pending) {
+            return pending.value;
+        }
+        const column = this._parent._columnMap.get(columnId);
+        const keyedItem = this._parent._getKeyedItem(rowKey);
+        return column && keyedItem ? column.getValue(keyedItem.item) : undefined;
+    }
+    getCellValidation(rowKey, columnId) {
+        const pending = this._getPendingCell(rowKey, columnId);
+        if (pending) {
+            return { valid: false, errors: pending.errors };
+        }
+        return validResult;
+    }
+    isCellEditable(rowKey, columnId) {
+        const column = this._parent._columnMap.get(columnId);
+        if (!column) {
+            return false;
+        }
+        const resolved = this.resolveCellType(column.cellType);
+        if (resolved.editable === false || !resolved.EditComponent) {
+            return false;
+        }
+        if (!column.setValue) {
+            return false;
+        }
+        if (typeof column.editable === 'function') {
+            const keyedItem = this._parent._getKeyedItem(rowKey);
+            return keyedItem ? column.editable(keyedItem.item) : false;
+        }
+        return column.editable !== false;
+    }
+    /** Serialize a cell value to a string (for clipboard copy/cut). */
+    serializeCellValue(rowKey, columnId) {
+        const column = this._parent._columnMap.get(columnId);
+        const keyedItem = this._parent._getKeyedItem(rowKey);
+        if (!column || !keyedItem) {
+            return '';
+        }
+        const resolved = this.resolveCellType(column.cellType);
+        const pending = this._getPendingCell(rowKey, columnId);
+        const value = pending ? pending.value : column.getValue(keyedItem.item);
+        return resolved.serialize ? resolved.serialize(value) : String(value ?? '');
+    }
+    /** Clear selected cells (Delete/Backspace). Respects cellType.clearable. */
+    clearCells(cells) {
+        const changes = [];
+        for (const cell of cells) {
+            const column = this._parent._columnMap.get(cell.columnId);
+            if (!column?.setValue) {
+                continue;
+            }
+            const resolved = this.resolveCellType(column.cellType);
+            if (resolved.clearable === false) {
+                continue;
+            }
+            const pendingKey = this._pendingCellKey(cell.rowKey, cell.columnId);
+            if (pendingKey) {
+                this._pendingCells.delete(pendingKey);
+            }
+            const value = resolved.deserialize ? resolved.deserialize('') : '';
+            changes.push({ rowKey: cell.rowKey, columnId: cell.columnId, value });
+        }
+        if (changes.length > 0) {
+            this.applyBulkValues(changes);
+        }
+    }
+    toggleCell(rowKey, columnId) {
+        const column = this._parent._columnMap.get(columnId);
+        const keyedItem = this._parent._getKeyedItem(rowKey);
+        if (!column?.setValue || !keyedItem) {
+            return;
+        }
+        const resolved = this.resolveCellType(column.cellType);
+        if (!resolved.toggleValue) {
+            return;
+        }
+        const value = column.getValue(keyedItem.item);
+        const newValue = resolved.toggleValue(value);
+        const updatedItem = column.setValue(keyedItem.item, newValue);
+        this._parent.mutation.updateItems([updatedItem]);
+    }
+    /** Commit handler — used as callback for CellInteractionState. */
+    commitHandler(editingValue, cell) {
+        if (editingValue !== undefined) {
+            this._applyValue(cell.rowKey, cell.columnId, editingValue);
+        }
+    }
+    _getPendingCell(rowKey, columnId) {
+        const key = this._pendingCellKey(rowKey, columnId);
+        return key ? this._pendingCells.get(key) : undefined;
+    }
+    _pendingCellKey(rowKey, columnId) {
+        const keyedItem = this._parent._getKeyedItem(rowKey);
+        const column = this._parent._columnMap.get(columnId);
+        if (!keyedItem || !column) {
+            return undefined;
+        }
+        return `${keyedItem.key}:${column.id}`;
+    }
+    /**
+     * Deserialize a raw string to a typed value. Returns an error message
+     * if the conversion fails
+     */
+    tryDeserialize(columnId, rawValue) {
+        const column = this._parent._columnMap.get(columnId);
+        if (!column) {
+            return { value: rawValue };
+        }
+        const resolved = this.resolveCellType(column.cellType);
+        if (!resolved.deserialize) {
+            return { value: rawValue };
+        }
+        try {
+            return { value: resolved.deserialize(rawValue) };
+        }
+        catch {
+            return { value: rawValue, error: 'Value is not compatible' };
+        }
+    }
+    /**
+     * Deserialize and apply multiple raw string values in bulk.
+     * Handles conversion failures by storing them as pending cells.
+     */
+    applyBulkRawValues(rawChanges) {
+        const changes = [];
+        for (const { rowKey, columnId, rawValue } of rawChanges) {
+            const { value, error } = this.tryDeserialize(columnId, rawValue);
+            if (error) {
+                const pendingKey = this._pendingCellKey(rowKey, columnId);
+                if (pendingKey) {
+                    this._pendingCells.set(pendingKey, { value, errors: [error] });
+                }
+            }
+            else {
+                changes.push({ rowKey, columnId, value });
+            }
+        }
+        this.applyBulkValues(changes);
+    }
+    /**
+     * Apply multiple cell values in bulk. Validates per cell, accumulates
+     * changes per row, and submits all modified items in a single update.
+     */
+    applyBulkValues(changes) {
+        const rowItems = new Map();
+        for (const { rowKey, columnId, value } of changes) {
+            const column = this._parent._columnMap.get(columnId);
+            const keyedItem = this._parent._getKeyedItem(rowKey);
+            if (!column?.setValue || !keyedItem) {
+                continue;
+            }
+            const resolved = this.resolveCellType(column.cellType);
+            const result = runCellValidation(value, column.validation, resolved.validate);
+            const pendingKey = this._pendingCellKey(rowKey, columnId);
+            if (result.valid) {
+                if (pendingKey) {
+                    this._pendingCells.delete(pendingKey);
+                }
+                const currentItem = rowItems.get(rowKey) ?? keyedItem.item;
+                rowItems.set(rowKey, column.setValue(currentItem, value));
+            }
+            else if (pendingKey) {
+                this._pendingCells.set(pendingKey, {
+                    value,
+                    errors: result.errors ?? [],
+                });
+            }
+        }
+        this._parent.mutation.updateItems(Array.from(rowItems.values()));
+    }
+    _applyValue(rowKey, columnId, value) {
+        const column = this._parent._columnMap.get(columnId);
+        const keyedItem = this._parent._getKeyedItem(rowKey);
+        if (!column?.setValue || !keyedItem) {
+            return;
+        }
+        const resolved = this.resolveCellType(column.cellType);
+        const result = runCellValidation(value, column.validation, resolved.validate);
+        const pendingKey = this._pendingCellKey(rowKey, columnId);
+        if (result.valid) {
+            if (pendingKey) {
+                this._pendingCells.delete(pendingKey);
+            }
+            const updatedItem = column.setValue(keyedItem.item, value);
+            this._parent.mutation.updateItems([updatedItem]);
+        }
+        else if (pendingKey) {
+            this._pendingCells.set(pendingKey, {
+                value,
+                errors: result.errors ?? [],
+            });
+        }
+    }
+}
+//# sourceMappingURL=CellValueState.js.map

package/dist/esm/state/EditableTable/CellValueState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellValueState.js","sourceRoot":"","sources":["../../../../src/state/EditableTable/CellValueState.ts"],"names":[],"mappings":"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"}

package/dist/esm/state/EditableTable/ClipboardState.js

@@ -0,0 +1,186 @@
+import { action, computed, makeObservable, observable } from 'mobx';
+import { cellKey, parseCellKey, noBorder } from './utils';
+export class ClipboardState {
+    constructor(parent) {
+        this.copiedCells = new Set();
+        this.isCut = false;
+        this._copiedDataString = '';
+        this._copiedValues = new Map();
+        this._parent = parent;
+        makeObservable(this, {
+            copiedCells: observable,
+            isCut: observable,
+            hasCopiedCells: computed,
+            copy: action,
+            cut: action,
+            paste: action,
+            clear: action,
+        });
+    }
+    /**
+     * Copy selected cells. Returns serialized TSV string for clipboard.
+     */
+    copy() {
+        this.clear();
+        return this._storeCells();
+    }
+    /**
+     * Cut selected cells. Returns serialized TSV string for clipboard.
+     */
+    cut() {
+        this.clear();
+        this.isCut = true;
+        return this._storeCells();
+    }
+    /**
+     * Paste data starting at target position.
+     * If the clipboard text matches what we stored at copy time, uses the rich
+     * typed values instead of deserializing from TSV (avoids lossy round-trip).
+     */
+    paste(rawData) {
+        const { cellValue, cellInteraction } = this._parent;
+        const target = cellInteraction.focusedCell;
+        if (!target) {
+            return;
+        }
+        const targetPos = this._parent._toIndices(target);
+        if (!targetPos) {
+            return;
+        }
+        const isInternal = this._copiedDataString !== '' && this._copiedDataString === rawData;
+        const pastedKeys = this._pasteGrid(rawData, targetPos, isInternal, cellValue);
+        if (this.isCut && isInternal) {
+            this._clearCutSources(pastedKeys, cellValue);
+        }
+        this.clear();
+    }
+    _pasteGrid(rawData, targetPos, useRichValues, cellValue) {
+        const pastedKeys = new Set();
+        const richChanges = [];
+        const rawChanges = [];
+        const rows = rawData.split(/\r?\n/).filter((r) => r.length > 0);
+        for (let r = 0; r < rows.length; r++) {
+            const cols = rows[r].split('\t');
+            for (let c = 0; c < cols.length; c++) {
+                const dest = this._parent._toPosition(targetPos.row + r, targetPos.col + c);
+                if (!dest) {
+                    continue;
+                }
+                const richValue = useRichValues
+                    ? this._copiedValues.get(`${r}:${c}`)
+                    : undefined;
+                if (richValue !== undefined) {
+                    richChanges.push({
+                        rowKey: dest.rowKey,
+                        columnId: dest.columnId,
+                        value: richValue,
+                    });
+                }
+                else {
+                    rawChanges.push({
+                        rowKey: dest.rowKey,
+                        columnId: dest.columnId,
+                        rawValue: cols[c],
+                    });
+                }
+                pastedKeys.add(cellKey(dest.rowKey, dest.columnId));
+            }
+        }
+        if (richChanges.length > 0) {
+            cellValue.applyBulkValues(richChanges);
+        }
+        if (rawChanges.length > 0) {
+            cellValue.applyBulkRawValues(rawChanges);
+        }
+        return pastedKeys;
+    }
+    _clearCutSources(pastedKeys, cellValue) {
+        const rawChanges = [];
+        for (const key of this.copiedCells) {
+            if (pastedKeys.has(key)) {
+                continue;
+            }
+            const pos = parseCellKey(key);
+            if (pos) {
+                rawChanges.push({
+                    rowKey: pos.rowKey,
+                    columnId: pos.columnId,
+                    rawValue: '',
+                });
+            }
+        }
+        cellValue.applyBulkRawValues(rawChanges);
+    }
+    clear() {
+        this.copiedCells.clear();
+        this.isCut = false;
+        this._copiedDataString = '';
+        this._copiedValues.clear();
+    }
+    isCellCopied(rowKey, columnId) {
+        return this.copiedCells.has(cellKey(rowKey, columnId));
+    }
+    getCopiedBorder(rowKey, columnId) {
+        if (!this.isCellCopied(rowKey, columnId)) {
+            return noBorder;
+        }
+        const pos = this._parent._toIndices({ rowKey, columnId });
+        if (!pos) {
+            return noBorder;
+        }
+        const isNeighborCopied = (row, col) => {
+            const neighbor = this._parent._toPosition(row, col);
+            return (neighbor !== null &&
+                this.copiedCells.has(cellKey(neighbor.rowKey, neighbor.columnId)));
+        };
+        return {
+            top: !isNeighborCopied(pos.row - 1, pos.col),
+            bottom: !isNeighborCopied(pos.row + 1, pos.col),
+            left: !isNeighborCopied(pos.row, pos.col - 1),
+            right: !isNeighborCopied(pos.row, pos.col + 1),
+        };
+    }
+    get hasCopiedCells() {
+        return this.copiedCells.size > 0;
+    }
+    _storeCells() {
+        const cells = this._parent.cellInteraction.selectedCellsList;
+        if (cells.length === 0) {
+            return '';
+        }
+        const { cellValue } = this._parent;
+        for (const cell of cells) {
+            this.copiedCells.add(cellKey(cell.rowKey, cell.columnId));
+        }
+        const indices = cells
+            .map((c) => this._parent._toIndices(c))
+            .filter((idx) => idx !== null);
+        if (indices.length === 0) {
+            return '';
+        }
+        const minRow = Math.min(...indices.map((i) => i.row));
+        const maxRow = Math.max(...indices.map((i) => i.row));
+        const minCol = Math.min(...indices.map((i) => i.col));
+        const maxCol = Math.max(...indices.map((i) => i.col));
+        const data = [];
+        for (let r = minRow; r <= maxRow; r++) {
+            const row = [];
+            for (let c = minCol; c <= maxCol; c++) {
+                const pos = this._parent._toPosition(r, c);
+                if (pos && this.copiedCells.has(cellKey(pos.rowKey, pos.columnId))) {
+                    const serialized = cellValue.serializeCellValue(pos.rowKey, pos.columnId);
+                    row.push(serialized);
+                    this._copiedValues.set(`${r - minRow}:${c - minCol}`, cellValue.getCellDisplayValue(pos.rowKey, pos.columnId));
+                }
+                else {
+                    row.push('');
+                }
+            }
+            data.push(row);
+        }
+        const tsv = data.map((row) => row.join('\t')).join('\n');
+        this._copiedDataString = tsv;
+        return tsv;
+    }
+}
+//# sourceMappingURL=ClipboardState.js.map

package/dist/esm/state/EditableTable/ClipboardState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClipboardState.js","sourceRoot":"","sources":["../../../../src/state/EditableTable/ClipboardState.ts"],"names":[],"mappings":"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"}

package/dist/esm/state/EditableTable/EditableTableState.js

@@ -0,0 +1,148 @@
+import { action, computed, makeObservable, observable } from 'mobx';
+import { ToolbarCollectionState } from '../ToolbarCollectionState';
+import { TableState } from '../TableState';
+import { CellInteractionState } from './CellInteractionState';
+import { CellValueState } from './CellValueState';
+import { ClipboardState } from './ClipboardState';
+import { MutationState } from './MutationState';
+export class EditableTableState {
+    constructor(params) {
+        this.addItemDisabled = false;
+        this.updateItemDisabled = false;
+        this.removeItemDisabled = false;
+        this._allColumns = [];
+        this.onAddItemActionComplete = (items) => {
+            return this.tableState.onAddItemActionComplete(items);
+        };
+        this.sort = (columnId, { forceDirection, multiple, } = {}) => {
+            this.collection.sort({ id: columnId }, { forceDirection, clearResult: true, multiple });
+        };
+        this.toolbar =
+            params.toolbar ??
+                new ToolbarCollectionState({
+                    collection: params.collection,
+                    container: params.container,
+                    componentType: 'EditableTable',
+                });
+        this.tableState = new TableState({
+            collection: params.collection,
+            container: params.container,
+            toolbar: this.toolbar,
+        });
+        this.cellValue = new CellValueState(this);
+        this.cellInteraction = new CellInteractionState((editingValue, cell) => {
+            this.cellValue.commitHandler(editingValue, cell);
+        }, this);
+        this.clipboard = new ClipboardState(this);
+        this.mutation = new MutationState(this, params.mutations, params.createOptimisticActions);
+        makeObservable(this, {
+            addItemDisabled: observable,
+            updateItemDisabled: observable,
+            removeItemDisabled: observable,
+            _allColumns: observable.ref,
+            editableColumns: computed,
+            _columnMap: computed,
+            init: action,
+        });
+        if (params.permissions) {
+            this.addItemDisabled = params.permissions.addItemDisabled ?? false;
+            this.updateItemDisabled = params.permissions.updateItemDisabled ?? false;
+            this.removeItemDisabled = params.permissions.removeItemDisabled ?? false;
+        }
+    }
+    get collection() {
+        return this.tableState.collection;
+    }
+    get keyedItems() {
+        return this.tableState.keyedItems;
+    }
+    get visibleColumns() {
+        return this.tableState.visibleColumns;
+    }
+    get itemsToRenderCount() {
+        return this.tableState.itemsToRenderCount;
+    }
+    get _columnMap() {
+        return new Map(this._allColumns.map((c) => [c.id, c]));
+    }
+    _getKeyedItem(key) {
+        return this.collection.getKeyedItem(key);
+    }
+    _toIndices(pos) {
+        const row = this.keyedItems.findIndex((ki) => ki.key === pos.rowKey);
+        const col = this.editableColumns.findIndex((c) => c.id === pos.columnId);
+        return row === -1 || col === -1 ? null : { row, col };
+    }
+    _toPosition(row, col) {
+        const ki = this.keyedItems[row];
+        const c = this.editableColumns[col];
+        return ki && c ? { rowKey: ki.key, columnId: c.id } : null;
+    }
+    get editableColumns() {
+        const visibleIds = this.visibleColumns.map((c) => c.id);
+        if (!visibleIds.length) {
+            return this._allColumns;
+        }
+        return visibleIds
+            .map((id) => this._allColumns.find((c) => c.id === id))
+            .filter((c) => c !== undefined);
+    }
+    init(columns) {
+        this._allColumns = columns;
+        return this.mutation.init();
+    }
+    addItem(afterItemKey) {
+        this.mutation.addItem(afterItemKey);
+    }
+    duplicateItem(rowKey) {
+        this.mutation.duplicateItem(rowKey);
+    }
+    deleteItems(rowKeys) {
+        this.mutation.deleteItems(rowKeys);
+    }
+    resolveCellType(type) {
+        return this.cellValue.resolveCellType(type);
+    }
+    getCellDisplayValue(rowKey, columnId) {
+        return this.cellValue.getCellDisplayValue(rowKey, columnId);
+    }
+    getCellValidation(rowKey, columnId) {
+        return this.cellValue.getCellValidation(rowKey, columnId);
+    }
+    isCellEditable(rowKey, columnId) {
+        return this.cellValue.isCellEditable(rowKey, columnId);
+    }
+    clearCells(cells) {
+        this.cellValue.clearCells(cells);
+    }
+    handleCellClick(rowKey, columnId, shiftKey) {
+        if (this.cellInteraction.isEditing) {
+            return;
+        }
+        const column = this._columnMap.get(columnId);
+        const resolved = column ? this.resolveCellType(column.cellType) : null;
+        if (resolved?.toggleValue && !this.updateItemDisabled) {
+            this.cellValue.toggleCell(rowKey, columnId);
+            this.cellInteraction.focusCell(rowKey, columnId);
+            return;
+        }
+        if (shiftKey && this.cellInteraction.selectionAnchor) {
+            this.cellInteraction.selectRange(this.cellInteraction.selectionAnchor, {
+                rowKey,
+                columnId,
+            });
+        }
+        else {
+            this.cellInteraction.focusCell(rowKey, columnId);
+        }
+    }
+    handleCellDoubleClick(rowKey, columnId) {
+        if (this.updateItemDisabled) {
+            return;
+        }
+        if (this.isCellEditable(rowKey, columnId)) {
+            this.cellInteraction.startEdit(rowKey, columnId, 'doubleClick');
+        }
+    }
+}
+//# sourceMappingURL=EditableTableState.js.map

package/dist/esm/state/EditableTable/EditableTableState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableTableState.js","sourceRoot":"","sources":["../../../../src/state/EditableTable/EditableTableState.ts"],"names":[],"mappings":"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"}

package/dist/esm/state/EditableTable/MutationState.js

@@ -0,0 +1,82 @@
+export class MutationState {
+    constructor(parent, handlers, createOptimisticActions) {
+        this._parent = parent;
+        this._handlers = handlers;
+        this._optimisticActions = createOptimisticActions(parent.collection);
+    }
+    init() {
+        return this._optimisticActions.init();
+    }
+    addItem(afterItemKey) {
+        const newItem = this._handlers.createItem();
+        this._optimisticActions.createOne(newItem, {
+            submit: this._handlers.submitCreate,
+            afterItemKey,
+            successToast: 'Item created',
+            errorToast: (_err, { retry }) => ({
+                message: 'Failed to create item',
+                action: { onClick: retry, text: 'Retry' },
+            }),
+        });
+    }
+    duplicateItem(rowKey) {
+        const keyedItem = this._parent.keyedItems.find((ki) => ki.key === rowKey);
+        if (!keyedItem) {
+            return;
+        }
+        const sourceItem = keyedItem.item;
+        const newItem = this._handlers.createItem();
+        const { itemKey } = this._parent.collection;
+        const newId = itemKey(newItem);
+        const sourceId = itemKey(sourceItem);
+        const duplicate = { ...sourceItem };
+        for (const k of Object.keys(duplicate)) {
+            if (String(duplicate[k]) === sourceId) {
+                duplicate[k] = newId;
+                break;
+            }
+        }
+        this._optimisticActions.createOne(duplicate, {
+            submit: this._handlers.submitCreate,
+            afterItemKey: keyedItem.key,
+            successToast: 'Item duplicated',
+            errorToast: (_err, { retry }) => ({
+                message: 'Failed to duplicate item',
+                action: { onClick: retry, text: 'Retry' },
+            }),
+        });
+    }
+    deleteItems(rowKeys) {
+        const items = rowKeys
+            .map((key) => this._parent.keyedItems.find((ki) => ki.key === key)?.item)
+            .filter((item) => item != null);
+        if (items.length === 0) {
+            return;
+        }
+        this._optimisticActions.deleteMany(items, {
+            submit: this._handlers.submitDelete,
+            successToast: items.length === 1 ? 'Item deleted' : `${items.length} items deleted`,
+            errorToast: (_err, { retry }) => ({
+                message: 'Failed to delete items',
+                action: { onClick: retry, text: 'Retry' },
+            }),
+        });
+    }
+    updateItems(updatedItems) {
+        if (updatedItems.length === 0) {
+            return;
+        }
+        this._optimisticActions.updateMany(updatedItems, {
+            keepPosition: true,
+            submit: this._handlers.submitUpdate,
+            successToast: updatedItems.length === 1
+                ? 'Item updated'
+                : `${updatedItems.length} items updated`,
+            errorToast: (_err, { retry }) => ({
+                message: 'Failed to update items',
+                action: { onClick: retry, text: 'Retry' },
+            }),
+        });
+    }
+}
+//# sourceMappingURL=MutationState.js.map