@wix/patterns 1.364.0 → 1.369.0

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

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

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

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

@@ -0,0 +1,2 @@
+export { EditableTableState } from './EditableTableState';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/state/EditableTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/state/EditableTable/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,55 @@
+export function cellKey(rowKey, columnId) {
+    return `${rowKey}:${columnId}`;
+}
+export function parseCellKey(key) {
+    const idx = key.indexOf(':');
+    if (idx === -1) {
+        return null;
+    }
+    return { rowKey: key.slice(0, idx), columnId: key.slice(idx + 1) };
+}
+export const noBorder = {
+    top: false,
+    bottom: false,
+    left: false,
+    right: false,
+};
+export const validResult = { valid: true };
+function checkValidationRule(rule, value) {
+    switch (rule.type) {
+        case 'required':
+            return value != null && value !== '';
+        case 'min':
+            return typeof value === 'number' && value >= rule.value;
+        case 'max':
+            return typeof value === 'number' && value <= rule.value;
+        case 'minLength':
+            return typeof value === 'string' && value.length >= rule.value;
+        case 'maxLength':
+            return typeof value === 'string' && value.length <= rule.value;
+        case 'pattern':
+            return typeof value === 'string' && rule.value.test(value);
+        case 'custom':
+            return rule.validate(value);
+        default:
+            return true;
+    }
+}
+export function runCellValidation(value, rules, typeValidate) {
+    const errors = [];
+    if (rules) {
+        for (const rule of rules) {
+            if (!checkValidationRule(rule, value)) {
+                errors.push(rule.message);
+            }
+        }
+    }
+    if (typeValidate) {
+        const typeError = typeValidate(value, rules);
+        if (typeError) {
+            errors.push(typeError);
+        }
+    }
+    return errors.length === 0 ? validResult : { valid: false, errors };
+}
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/state/EditableTable/utils.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,OAAO,CAAC,MAAc,EAAE,QAAgB;IACtD,OAAO,GAAG,MAAM,IAAI,QAAQ,EAAE,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,GAAW;IACtC,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAC7B,IAAI,GAAG,KAAK,CAAC,CAAC,EAAE;QACd,OAAO,IAAI,CAAC;KACb;IACD,OAAO,EAAE,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,EAAE,CAAC;AACrE,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAe;IAClC,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,KAAK;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAqB,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAE7D,SAAS,mBAAmB,CAAC,IAAoB,EAAE,KAAU;IAC3D,QAAQ,IAAI,CAAC,IAAI,EAAE;QACjB,KAAK,UAAU;YACb,OAAO,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;QACvC,KAAK,KAAK;YACR,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC;QAC1D,KAAK,KAAK;YACR,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC;QAC1D,KAAK,WAAW;YACd,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC;QACjE,KAAK,WAAW;YACd,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC;QACjE,KAAK,SAAS;YACZ,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7D,KAAK,QAAQ;YACX,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,KAAU,EACV,KAAwB,EACxB,YAAsE;IAEtE,MAAM,MAAM,GAAa,EAAE,CAAC;IAE5B,IAAI,KAAK,EAAE;QACT,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;YACxB,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE;gBACrC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;aAC3B;SACF;KACF;IAED,IAAI,YAAY,EAAE;QAChB,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC7C,IAAI,SAAS,EAAE;YACb,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SACxB;KACF;IAED,OAAO,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AACtE,CAAC"}

package/dist/esm/state/FormPage/FormPageHeader.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "FormPageHeader4138825591";
+var _namespace_ = "FormPageHeader2449721271";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "FormPageHeader4138825591__root" };
+export var classes = { "root": "FormPageHeader2449721271__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/state/TableState.js

@@ -4,6 +4,8 @@ import { LoadingRowState } from '../components/LoadingRow/LoadingRowState';
 export class TableState {
     constructor(params) {
         this.tableDragAndDropState = null;
+        /** The sticky table header element (column headers row) */
+        this.headerElement = null;
         this.retryErrorState = () => this.toolbar.retryErrorState();
         this.onAddItemActionComplete = async (items) => {
             return this.toolbar.onAddItemActionComplete(items);

package/dist/esm/state/TableState.js.map

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