@wix/patterns 1.363.0 → 1.366.0

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

@@ -0,0 +1,198 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ClipboardState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _utils = require("./utils");
+class ClipboardState {
+  constructor(parent) {
+    (0, _defineProperty2.default)(this, "copiedCells", new Set());
+    (0, _defineProperty2.default)(this, "isCut", false);
+    (0, _defineProperty2.default)(this, "_copiedDataString", '');
+    (0, _defineProperty2.default)(this, "_copiedValues", new Map());
+    (0, _defineProperty2.default)(this, "_parent", void 0);
+    this._parent = parent;
+    (0, _mobx.makeObservable)(this, {
+      copiedCells: _mobx.observable,
+      isCut: _mobx.observable,
+      hasCopiedCells: _mobx.computed,
+      copy: _mobx.action,
+      cut: _mobx.action,
+      paste: _mobx.action,
+      clear: _mobx.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((0, _utils.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 = (0, _utils.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((0, _utils.cellKey)(rowKey, columnId));
+  }
+  getCopiedBorder(rowKey, columnId) {
+    if (!this.isCellCopied(rowKey, columnId)) {
+      return _utils.noBorder;
+    }
+    const pos = this._parent._toIndices({
+      rowKey,
+      columnId
+    });
+    if (!pos) {
+      return _utils.noBorder;
+    }
+    const isNeighborCopied = (row, col) => {
+      const neighbor = this._parent._toPosition(row, col);
+      return neighbor !== null && this.copiedCells.has((0, _utils.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((0, _utils.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((0, _utils.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;
+  }
+}
+exports.ClipboardState = ClipboardState;
+//# sourceMappingURL=ClipboardState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_utils","ClipboardState","constructor","parent","_defineProperty2","default","Set","Map","_parent","makeObservable","copiedCells","observable","isCut","hasCopiedCells","computed","copy","action","cut","paste","clear","_storeCells","rawData","cellValue","cellInteraction","target","focusedCell","targetPos","_toIndices","isInternal","_copiedDataString","pastedKeys","_pasteGrid","_clearCutSources","useRichValues","richChanges","rawChanges","rows","split","filter","r","length","cols","c","dest","_toPosition","row","col","richValue","_copiedValues","get","undefined","push","rowKey","columnId","value","rawValue","add","cellKey","applyBulkValues","applyBulkRawValues","key","has","pos","parseCellKey","isCellCopied","getCopiedBorder","noBorder","isNeighborCopied","neighbor","top","bottom","left","right","size","cells","selectedCellsList","cell","indices","map","idx","minRow","Math","min","i","maxRow","max","minCol","maxCol","data","serialized","serializeCellValue","set","getCellDisplayValue","tsv","join","exports"],"sources":["../../../../src/state/EditableTable/ClipboardState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport type { CellBorder } from './types';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { EditableTableState } from './EditableTableState';\nimport { cellKey, parseCellKey, noBorder } from './utils';\n\nexport class ClipboardState<T, F extends FiltersMap> {\n  copiedCells = new Set<string>();\n  isCut = false;\n  private _copiedDataString = '';\n  private _copiedValues = new Map<string, any>();\n  private readonly _parent: EditableTableState<T, F>;\n\n  constructor(parent: EditableTableState<T, F>) {\n    this._parent = parent;\n    makeObservable(this, {\n      copiedCells: observable,\n      isCut: observable,\n      hasCopiedCells: computed,\n      copy: action,\n      cut: action,\n      paste: action,\n      clear: action,\n    });\n  }\n\n  /**\n   * Copy selected cells. Returns serialized TSV string for clipboard.\n   */\n  copy(): string {\n    this.clear();\n    return this._storeCells();\n  }\n\n  /**\n   * Cut selected cells. Returns serialized TSV string for clipboard.\n   */\n  cut(): string {\n    this.clear();\n    this.isCut = true;\n    return this._storeCells();\n  }\n\n  /**\n   * Paste data starting at target position.\n   * If the clipboard text matches what we stored at copy time, uses the rich\n   * typed values instead of deserializing from TSV (avoids lossy round-trip).\n   */\n  paste(rawData: string) {\n    const { cellValue, cellInteraction } = this._parent;\n    const target = cellInteraction.focusedCell;\n    if (!target) {\n      return;\n    }\n    const targetPos = this._parent._toIndices(target);\n    if (!targetPos) {\n      return;\n    }\n\n    const isInternal =\n      this._copiedDataString !== '' && this._copiedDataString === rawData;\n\n    const pastedKeys = this._pasteGrid(\n      rawData,\n      targetPos,\n      isInternal,\n      cellValue,\n    );\n\n    if (this.isCut && isInternal) {\n      this._clearCutSources(pastedKeys, cellValue);\n    }\n\n    this.clear();\n  }\n\n  private _pasteGrid(\n    rawData: string,\n    targetPos: { row: number; col: number },\n    useRichValues: boolean,\n    cellValue: EditableTableState<T, F>['cellValue'],\n  ): Set<string> {\n    const pastedKeys = new Set<string>();\n    const richChanges: { rowKey: string; columnId: string; value: any }[] = [];\n    const rawChanges: { rowKey: string; columnId: string; rawValue: string }[] =\n      [];\n    const rows = rawData.split(/\\r?\\n/).filter((r) => r.length > 0);\n\n    for (let r = 0; r < rows.length; r++) {\n      const cols = rows[r].split('\\t');\n      for (let c = 0; c < cols.length; c++) {\n        const dest = this._parent._toPosition(\n          targetPos.row + r,\n          targetPos.col + c,\n        );\n        if (!dest) {\n          continue;\n        }\n\n        const richValue = useRichValues\n          ? this._copiedValues.get(`${r}:${c}`)\n          : undefined;\n\n        if (richValue !== undefined) {\n          richChanges.push({\n            rowKey: dest.rowKey,\n            columnId: dest.columnId,\n            value: richValue,\n          });\n        } else {\n          rawChanges.push({\n            rowKey: dest.rowKey,\n            columnId: dest.columnId,\n            rawValue: cols[c],\n          });\n        }\n\n        pastedKeys.add(cellKey(dest.rowKey, dest.columnId));\n      }\n    }\n\n    if (richChanges.length > 0) {\n      cellValue.applyBulkValues(richChanges);\n    }\n    if (rawChanges.length > 0) {\n      cellValue.applyBulkRawValues(rawChanges);\n    }\n\n    return pastedKeys;\n  }\n\n  private _clearCutSources(\n    pastedKeys: Set<string>,\n    cellValue: EditableTableState<T, F>['cellValue'],\n  ) {\n    const rawChanges: {\n      rowKey: string;\n      columnId: string;\n      rawValue: string;\n    }[] = [];\n    for (const key of this.copiedCells) {\n      if (pastedKeys.has(key)) {\n        continue;\n      }\n      const pos = parseCellKey(key);\n      if (pos) {\n        rawChanges.push({\n          rowKey: pos.rowKey,\n          columnId: pos.columnId,\n          rawValue: '',\n        });\n      }\n    }\n\n    cellValue.applyBulkRawValues(rawChanges);\n  }\n\n  clear() {\n    this.copiedCells.clear();\n    this.isCut = false;\n    this._copiedDataString = '';\n    this._copiedValues.clear();\n  }\n\n  isCellCopied(rowKey: string, columnId: string): boolean {\n    return this.copiedCells.has(cellKey(rowKey, columnId));\n  }\n\n  getCopiedBorder(rowKey: string, columnId: string): CellBorder {\n    if (!this.isCellCopied(rowKey, columnId)) {\n      return noBorder;\n    }\n\n    const pos = this._parent._toIndices({ rowKey, columnId });\n    if (!pos) {\n      return noBorder;\n    }\n\n    const isNeighborCopied = (row: number, col: number) => {\n      const neighbor = this._parent._toPosition(row, col);\n      return (\n        neighbor !== null &&\n        this.copiedCells.has(cellKey(neighbor.rowKey, neighbor.columnId))\n      );\n    };\n\n    return {\n      top: !isNeighborCopied(pos.row - 1, pos.col),\n      bottom: !isNeighborCopied(pos.row + 1, pos.col),\n      left: !isNeighborCopied(pos.row, pos.col - 1),\n      right: !isNeighborCopied(pos.row, pos.col + 1),\n    };\n  }\n\n  get hasCopiedCells(): boolean {\n    return this.copiedCells.size > 0;\n  }\n\n  private _storeCells(): string {\n    const cells = this._parent.cellInteraction.selectedCellsList;\n    if (cells.length === 0) {\n      return '';\n    }\n\n    const { cellValue } = this._parent;\n\n    for (const cell of cells) {\n      this.copiedCells.add(cellKey(cell.rowKey, cell.columnId));\n    }\n\n    const indices = cells\n      .map((c) => this._parent._toIndices(c))\n      .filter((idx): idx is { row: number; col: number } => idx !== null);\n\n    if (indices.length === 0) {\n      return '';\n    }\n\n    const minRow = Math.min(...indices.map((i) => i.row));\n    const maxRow = Math.max(...indices.map((i) => i.row));\n    const minCol = Math.min(...indices.map((i) => i.col));\n    const maxCol = Math.max(...indices.map((i) => i.col));\n\n    const data: string[][] = [];\n    for (let r = minRow; r <= maxRow; r++) {\n      const row: string[] = [];\n      for (let c = minCol; c <= maxCol; c++) {\n        const pos = this._parent._toPosition(r, c);\n        if (pos && this.copiedCells.has(cellKey(pos.rowKey, pos.columnId))) {\n          const serialized = cellValue.serializeCellValue(\n            pos.rowKey,\n            pos.columnId,\n          );\n          row.push(serialized);\n          this._copiedValues.set(\n            `${r - minRow}:${c - minCol}`,\n            cellValue.getCellDisplayValue(pos.rowKey, pos.columnId),\n          );\n        } else {\n          row.push('');\n        }\n      }\n      data.push(row);\n    }\n\n    const tsv = data.map((row) => row.join('\\t')).join('\\n');\n    this._copiedDataString = tsv;\n    return tsv;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,171 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.EditableTableState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _ToolbarCollectionState = require("../ToolbarCollectionState");
+var _TableState = require("../TableState");
+var _CellInteractionState = require("./CellInteractionState");
+var _CellValueState = require("./CellValueState");
+var _ClipboardState = require("./ClipboardState");
+var _MutationState = require("./MutationState");
+class EditableTableState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "toolbar", void 0);
+    (0, _defineProperty2.default)(this, "tableState", void 0);
+    (0, _defineProperty2.default)(this, "cellInteraction", void 0);
+    (0, _defineProperty2.default)(this, "cellValue", void 0);
+    (0, _defineProperty2.default)(this, "clipboard", void 0);
+    (0, _defineProperty2.default)(this, "mutation", void 0);
+    (0, _defineProperty2.default)(this, "addItemDisabled", false);
+    (0, _defineProperty2.default)(this, "updateItemDisabled", false);
+    (0, _defineProperty2.default)(this, "removeItemDisabled", false);
+    (0, _defineProperty2.default)(this, "_allColumns", []);
+    (0, _defineProperty2.default)(this, "onAddItemActionComplete", items => {
+      return this.tableState.onAddItemActionComplete(items);
+    });
+    (0, _defineProperty2.default)(this, "sort", (columnId, {
+      forceDirection,
+      multiple
+    } = {}) => {
+      this.collection.sort({
+        id: columnId
+      }, {
+        forceDirection,
+        clearResult: true,
+        multiple
+      });
+    });
+    this.toolbar = params.toolbar ?? new _ToolbarCollectionState.ToolbarCollectionState({
+      collection: params.collection,
+      container: params.container,
+      componentType: 'EditableTable'
+    });
+    this.tableState = new _TableState.TableState({
+      collection: params.collection,
+      container: params.container,
+      toolbar: this.toolbar
+    });
+    this.cellValue = new _CellValueState.CellValueState(this);
+    this.cellInteraction = new _CellInteractionState.CellInteractionState((editingValue, cell) => {
+      this.cellValue.commitHandler(editingValue, cell);
+    }, this);
+    this.clipboard = new _ClipboardState.ClipboardState(this);
+    this.mutation = new _MutationState.MutationState(this, params.mutations, params.createOptimisticActions);
+    (0, _mobx.makeObservable)(this, {
+      addItemDisabled: _mobx.observable,
+      updateItemDisabled: _mobx.observable,
+      removeItemDisabled: _mobx.observable,
+      _allColumns: _mobx.observable.ref,
+      editableColumns: _mobx.computed,
+      _columnMap: _mobx.computed,
+      init: _mobx.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 != null && 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');
+    }
+  }
+}
+exports.EditableTableState = EditableTableState;
+//# sourceMappingURL=EditableTableState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_ToolbarCollectionState","_TableState","_CellInteractionState","_CellValueState","_ClipboardState","_MutationState","EditableTableState","constructor","params","_defineProperty2","default","items","tableState","onAddItemActionComplete","columnId","forceDirection","multiple","collection","sort","id","clearResult","toolbar","ToolbarCollectionState","container","componentType","TableState","cellValue","CellValueState","cellInteraction","CellInteractionState","editingValue","cell","commitHandler","clipboard","ClipboardState","mutation","MutationState","mutations","createOptimisticActions","makeObservable","addItemDisabled","observable","updateItemDisabled","removeItemDisabled","_allColumns","ref","editableColumns","computed","_columnMap","init","action","permissions","keyedItems","visibleColumns","itemsToRenderCount","Map","map","c","_getKeyedItem","key","getKeyedItem","_toIndices","pos","row","findIndex","ki","rowKey","col","_toPosition","visibleIds","length","find","filter","undefined","columns","addItem","afterItemKey","duplicateItem","deleteItems","rowKeys","resolveCellType","type","getCellDisplayValue","getCellValidation","isCellEditable","clearCells","cells","handleCellClick","shiftKey","isEditing","column","get","resolved","cellType","toggleValue","toggleCell","focusCell","selectionAnchor","selectRange","handleCellDoubleClick","startEdit","exports"],"sources":["../../../../src/state/EditableTable/EditableTableState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport {\n  CollectionOptimisticActions,\n  CollectionState,\n  FiltersMap,\n  SortOrder,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport type { KeyedItem } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../ToolbarCollectionState';\nimport { TableState } from '../TableState';\nimport { ICollectionComponentState } from '../ICollectionComponentState';\nimport { CellInteractionState } from './CellInteractionState';\nimport { CellValueState } from './CellValueState';\nimport { ClipboardState } from './ClipboardState';\nimport { MutationState } from './MutationState';\nimport type { EditableTableMutationHandlers } from './MutationState';\nimport type { Cell, EditableColumn, ValidationResult } from './types';\n\nexport interface EditableTablePermissions {\n  addItemDisabled?: boolean;\n  updateItemDisabled?: boolean;\n  removeItemDisabled?: boolean;\n}\n\nexport interface EditableTableStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly container: WixPatternsContainer;\n  readonly toolbar?: ToolbarCollectionState<T, F>;\n  readonly permissions?: EditableTablePermissions;\n  readonly mutations: EditableTableMutationHandlers<T>;\n  readonly createOptimisticActions: (\n    collection: CollectionState<T, F>,\n  ) => CollectionOptimisticActions<T, F>;\n}\n\nexport interface EditableTableStatePublicAPI<T, F extends FiltersMap> {\n  /** Underlying CollectionState instance */\n  readonly collection: CollectionState<T, F>;\n  /** Underlying ToolbarCollectionState instance */\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  /** Reset active filters & sorting and adds new items to the collection */\n  onAddItemActionComplete(items: T[]): void;\n  /** Sort by column */\n  sort: (\n    columnId: string,\n    params?: { forceDirection?: SortOrder; multiple?: boolean },\n  ) => void;\n}\n\nexport class EditableTableState<T, F extends FiltersMap>\n  implements ICollectionComponentState, EditableTableStatePublicAPI<T, F>\n{\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly tableState: TableState<T, F>;\n\n  readonly cellInteraction: CellInteractionState<T, F>;\n  readonly cellValue: CellValueState<T, F>;\n  readonly clipboard: ClipboardState<T, F>;\n  readonly mutation: MutationState<T, F>;\n\n  addItemDisabled = false;\n  updateItemDisabled = false;\n  removeItemDisabled = false;\n\n  _allColumns: EditableColumn<T>[] = [];\n\n  constructor(params: EditableTableStateParams<T, F>) {\n    this.toolbar =\n      params.toolbar ??\n      new ToolbarCollectionState({\n        collection: params.collection,\n        container: params.container,\n        componentType: 'EditableTable',\n      });\n\n    this.tableState = new TableState({\n      collection: params.collection,\n      container: params.container,\n      toolbar: this.toolbar,\n    });\n\n    this.cellValue = new CellValueState<T, F>(this);\n\n    this.cellInteraction = new CellInteractionState<T, F>(\n      (editingValue, cell) => {\n        this.cellValue.commitHandler(editingValue, cell);\n      },\n      this,\n    );\n    this.clipboard = new ClipboardState<T, F>(this);\n    this.mutation = new MutationState<T, F>(\n      this,\n      params.mutations,\n      params.createOptimisticActions,\n    );\n\n    makeObservable(this, {\n      addItemDisabled: observable,\n      updateItemDisabled: observable,\n      removeItemDisabled: observable,\n      _allColumns: observable.ref,\n      editableColumns: computed,\n      _columnMap: computed,\n      init: action,\n    });\n\n    if (params.permissions) {\n      this.addItemDisabled = params.permissions.addItemDisabled ?? false;\n      this.updateItemDisabled = params.permissions.updateItemDisabled ?? false;\n      this.removeItemDisabled = params.permissions.removeItemDisabled ?? false;\n    }\n  }\n\n  get collection() {\n    return this.tableState.collection;\n  }\n\n  get keyedItems() {\n    return this.tableState.keyedItems;\n  }\n\n  get visibleColumns() {\n    return this.tableState.visibleColumns;\n  }\n\n  get itemsToRenderCount() {\n    return this.tableState.itemsToRenderCount;\n  }\n\n  get _columnMap(): Map<string, EditableColumn<T>> {\n    return new Map(this._allColumns.map((c) => [c.id, c]));\n  }\n\n  _getKeyedItem(key: string): KeyedItem<T> | undefined | null {\n    return this.collection.getKeyedItem(key);\n  }\n\n  _toIndices(pos: Cell): { row: number; col: number } | null {\n    const row = this.keyedItems.findIndex((ki) => ki.key === pos.rowKey);\n    const col = this.editableColumns.findIndex((c) => c.id === pos.columnId);\n    return row === -1 || col === -1 ? null : { row, col };\n  }\n\n  _toPosition(row: number, col: number): Cell | null {\n    const ki = this.keyedItems[row];\n    const c = this.editableColumns[col];\n    return ki && c ? { rowKey: ki.key, columnId: c.id } : null;\n  }\n\n  onAddItemActionComplete = (items: T[]) => {\n    return this.tableState.onAddItemActionComplete(items);\n  };\n\n  get editableColumns(): EditableColumn<T>[] {\n    const visibleIds = this.visibleColumns.map((c) => c.id);\n    if (!visibleIds.length) {\n      return this._allColumns;\n    }\n    return visibleIds\n      .map((id) => this._allColumns.find((c) => c.id === id))\n      .filter((c): c is EditableColumn<T> => c !== undefined);\n  }\n\n  init(columns: EditableColumn<T>[]) {\n    this._allColumns = columns;\n    return this.mutation.init();\n  }\n\n  addItem(afterItemKey?: string) {\n    this.mutation.addItem(afterItemKey);\n  }\n\n  duplicateItem(rowKey: string) {\n    this.mutation.duplicateItem(rowKey);\n  }\n\n  deleteItems(rowKeys: string[]) {\n    this.mutation.deleteItems(rowKeys);\n  }\n\n  resolveCellType(type: string) {\n    return this.cellValue.resolveCellType(type);\n  }\n\n  getCellDisplayValue(rowKey: string, columnId: string): any {\n    return this.cellValue.getCellDisplayValue(rowKey, columnId);\n  }\n\n  getCellValidation(rowKey: string, columnId: string): ValidationResult {\n    return this.cellValue.getCellValidation(rowKey, columnId);\n  }\n\n  isCellEditable(rowKey: string, columnId: string): boolean {\n    return this.cellValue.isCellEditable(rowKey, columnId);\n  }\n\n  clearCells(cells: Cell[]) {\n    this.cellValue.clearCells(cells);\n  }\n\n  handleCellClick(rowKey: string, columnId: string, shiftKey: boolean) {\n    if (this.cellInteraction.isEditing) {\n      return;\n    }\n\n    const column = this._columnMap.get(columnId);\n    const resolved = column ? this.resolveCellType(column.cellType) : null;\n    if (resolved?.toggleValue && !this.updateItemDisabled) {\n      this.cellValue.toggleCell(rowKey, columnId);\n      this.cellInteraction.focusCell(rowKey, columnId);\n      return;\n    }\n\n    if (shiftKey && this.cellInteraction.selectionAnchor) {\n      this.cellInteraction.selectRange(this.cellInteraction.selectionAnchor, {\n        rowKey,\n        columnId,\n      });\n    } else {\n      this.cellInteraction.focusCell(rowKey, columnId);\n    }\n  }\n\n  handleCellDoubleClick(rowKey: string, columnId: string) {\n    if (this.updateItemDisabled) {\n      return;\n    }\n    if (this.isCellEditable(rowKey, columnId)) {\n      this.cellInteraction.startEdit(rowKey, columnId, 'doubleClick');\n    }\n  }\n\n  sort = (\n    columnId: string,\n    {\n      forceDirection,\n      multiple,\n    }: { forceDirection?: SortOrder; multiple?: boolean } = {},\n  ) => {\n    this.collection.sort(\n      { id: columnId },\n      { forceDirection, clearResult: true, multiple },\n    );\n  };\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AASA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,qBAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAmCO,MAAMO,kBAAkB,CAE/B;EAeEC,WAAWA,CAACC,MAAsC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,2BANlC,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA,8BACF,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA,8BACL,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA,uBAES,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA,mCAqFVC,KAAU,IAAK;MACxC,OAAO,IAAI,CAACC,UAAU,CAACC,uBAAuB,CAACF,KAAK,CAAC;IACvD,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,gBAiFM,CACLI,QAAgB,EAChB;MACEC,cAAc;MACdC;IACkD,CAAC,GAAG,CAAC,CAAC,KACvD;MACH,IAAI,CAACC,UAAU,CAACC,IAAI,CAClB;QAAEC,EAAE,EAAEL;MAAS,CAAC,EAChB;QAAEC,cAAc;QAAEK,WAAW,EAAE,IAAI;QAAEJ;MAAS,CAChD,CAAC;IACH,CAAC;IAhLC,IAAI,CAACK,OAAO,GACVb,MAAM,CAACa,OAAO,IACd,IAAIC,8CAAsB,CAAC;MACzBL,UAAU,EAAET,MAAM,CAACS,UAAU;MAC7BM,SAAS,EAAEf,MAAM,CAACe,SAAS;MAC3BC,aAAa,EAAE;IACjB,CAAC,CAAC;IAEJ,IAAI,CAACZ,UAAU,GAAG,IAAIa,sBAAU,CAAC;MAC/BR,UAAU,EAAET,MAAM,CAACS,UAAU;MAC7BM,SAAS,EAAEf,MAAM,CAACe,SAAS;MAC3BF,OAAO,EAAE,IAAI,CAACA;IAChB,CAAC,CAAC;IAEF,IAAI,CAACK,SAAS,GAAG,IAAIC,8BAAc,CAAO,IAAI,CAAC;IAE/C,IAAI,CAACC,eAAe,GAAG,IAAIC,0CAAoB,CAC7C,CAACC,YAAY,EAAEC,IAAI,KAAK;MACtB,IAAI,CAACL,SAAS,CAACM,aAAa,CAACF,YAAY,EAAEC,IAAI,CAAC;IAClD,CAAC,EACD,IACF,CAAC;IACD,IAAI,CAACE,SAAS,GAAG,IAAIC,8BAAc,CAAO,IAAI,CAAC;IAC/C,IAAI,CAACC,QAAQ,GAAG,IAAIC,4BAAa,CAC/B,IAAI,EACJ5B,MAAM,CAAC6B,SAAS,EAChB7B,MAAM,CAAC8B,uBACT,CAAC;IAED,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,eAAe,EAAEC,gBAAU;MAC3BC,kBAAkB,EAAED,gBAAU;MAC9BE,kBAAkB,EAAEF,gBAAU;MAC9BG,WAAW,EAAEH,gBAAU,CAACI,GAAG;MAC3BC,eAAe,EAAEC,cAAQ;MACzBC,UAAU,EAAED,cAAQ;MACpBE,IAAI,EAAEC;IACR,CAAC,CAAC;IAEF,IAAI1C,MAAM,CAAC2C,WAAW,EAAE;MACtB,IAAI,CAACX,eAAe,GAAGhC,MAAM,CAAC2C,WAAW,CAACX,eAAe,IAAI,KAAK;MAClE,IAAI,CAACE,kBAAkB,GAAGlC,MAAM,CAAC2C,WAAW,CAACT,kBAAkB,IAAI,KAAK;MACxE,IAAI,CAACC,kBAAkB,GAAGnC,MAAM,CAAC2C,WAAW,CAACR,kBAAkB,IAAI,KAAK;IAC1E;EACF;EAEA,IAAI1B,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACL,UAAU,CAACK,UAAU;EACnC;EAEA,IAAImC,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACxC,UAAU,CAACwC,UAAU;EACnC;EAEA,IAAIC,cAAcA,CAAA,EAAG;IACnB,OAAO,IAAI,CAACzC,UAAU,CAACyC,cAAc;EACvC;EAEA,IAAIC,kBAAkBA,CAAA,EAAG;IACvB,OAAO,IAAI,CAAC1C,UAAU,CAAC0C,kBAAkB;EAC3C;EAEA,IAAIN,UAAUA,CAAA,EAAmC;IAC/C,OAAO,IAAIO,GAAG,CAAC,IAAI,CAACX,WAAW,CAACY,GAAG,CAAEC,CAAC,IAAK,CAACA,CAAC,CAACtC,EAAE,EAAEsC,CAAC,CAAC,CAAC,CAAC;EACxD;EAEAC,aAAaA,CAACC,GAAW,EAAmC;IAC1D,OAAO,IAAI,CAAC1C,UAAU,CAAC2C,YAAY,CAACD,GAAG,CAAC;EAC1C;EAEAE,UAAUA,CAACC,GAAS,EAAuC;IACzD,MAAMC,GAAG,GAAG,IAAI,CAACX,UAAU,CAACY,SAAS,CAAEC,EAAE,IAAKA,EAAE,CAACN,GAAG,KAAKG,GAAG,CAACI,MAAM,CAAC;IACpE,MAAMC,GAAG,GAAG,IAAI,CAACrB,eAAe,CAACkB,SAAS,CAAEP,CAAC,IAAKA,CAAC,CAACtC,EAAE,KAAK2C,GAAG,CAAChD,QAAQ,CAAC;IACxE,OAAOiD,GAAG,KAAK,CAAC,CAAC,IAAII,GAAG,KAAK,CAAC,CAAC,GAAG,IAAI,GAAG;MAAEJ,GAAG;MAAEI;IAAI,CAAC;EACvD;EAEAC,WAAWA,CAACL,GAAW,EAAEI,GAAW,EAAe;IACjD,MAAMF,EAAE,GAAG,IAAI,CAACb,UAAU,CAACW,GAAG,CAAC;IAC/B,MAAMN,CAAC,GAAG,IAAI,CAACX,eAAe,CAACqB,GAAG,CAAC;IACnC,OAAOF,EAAE,IAAIR,CAAC,GAAG;MAAES,MAAM,EAAED,EAAE,CAACN,GAAG;MAAE7C,QAAQ,EAAE2C,CAAC,CAACtC;IAAG,CAAC,GAAG,IAAI;EAC5D;EAMA,IAAI2B,eAAeA,CAAA,EAAwB;IACzC,MAAMuB,UAAU,GAAG,IAAI,CAAChB,cAAc,CAACG,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACtC,EAAE,CAAC;IACvD,IAAI,CAACkD,UAAU,CAACC,MAAM,EAAE;MACtB,OAAO,IAAI,CAAC1B,WAAW;IACzB;IACA,OAAOyB,UAAU,CACdb,GAAG,CAAErC,EAAE,IAAK,IAAI,CAACyB,WAAW,CAAC2B,IAAI,CAAEd,CAAC,IAAKA,CAAC,CAACtC,EAAE,KAAKA,EAAE,CAAC,CAAC,CACtDqD,MAAM,CAAEf,CAAC,IAA6BA,CAAC,KAAKgB,SAAS,CAAC;EAC3D;EAEAxB,IAAIA,CAACyB,OAA4B,EAAE;IACjC,IAAI,CAAC9B,WAAW,GAAG8B,OAAO;IAC1B,OAAO,IAAI,CAACvC,QAAQ,CAACc,IAAI,CAAC,CAAC;EAC7B;EAEA0B,OAAOA,CAACC,YAAqB,EAAE;IAC7B,IAAI,CAACzC,QAAQ,CAACwC,OAAO,CAACC,YAAY,CAAC;EACrC;EAEAC,aAAaA,CAACX,MAAc,EAAE;IAC5B,IAAI,CAAC/B,QAAQ,CAAC0C,aAAa,CAACX,MAAM,CAAC;EACrC;EAEAY,WAAWA,CAACC,OAAiB,EAAE;IAC7B,IAAI,CAAC5C,QAAQ,CAAC2C,WAAW,CAACC,OAAO,CAAC;EACpC;EAEAC,eAAeA,CAACC,IAAY,EAAE;IAC5B,OAAO,IAAI,CAACvD,SAAS,CAACsD,eAAe,CAACC,IAAI,CAAC;EAC7C;EAEAC,mBAAmBA,CAAChB,MAAc,EAAEpD,QAAgB,EAAO;IACzD,OAAO,IAAI,CAACY,SAAS,CAACwD,mBAAmB,CAAChB,MAAM,EAAEpD,QAAQ,CAAC;EAC7D;EAEAqE,iBAAiBA,CAACjB,MAAc,EAAEpD,QAAgB,EAAoB;IACpE,OAAO,IAAI,CAACY,SAAS,CAACyD,iBAAiB,CAACjB,MAAM,EAAEpD,QAAQ,CAAC;EAC3D;EAEAsE,cAAcA,CAAClB,MAAc,EAAEpD,QAAgB,EAAW;IACxD,OAAO,IAAI,CAACY,SAAS,CAAC0D,cAAc,CAAClB,MAAM,EAAEpD,QAAQ,CAAC;EACxD;EAEAuE,UAAUA,CAACC,KAAa,EAAE;IACxB,IAAI,CAAC5D,SAAS,CAAC2D,UAAU,CAACC,KAAK,CAAC;EAClC;EAEAC,eAAeA,CAACrB,MAAc,EAAEpD,QAAgB,EAAE0E,QAAiB,EAAE;IACnE,IAAI,IAAI,CAAC5D,eAAe,CAAC6D,SAAS,EAAE;MAClC;IACF;IAEA,MAAMC,MAAM,GAAG,IAAI,CAAC1C,UAAU,CAAC2C,GAAG,CAAC7E,QAAQ,CAAC;IAC5C,MAAM8E,QAAQ,GAAGF,MAAM,GAAG,IAAI,CAACV,eAAe,CAACU,MAAM,CAACG,QAAQ,CAAC,GAAG,IAAI;IACtE,IAAID,QAAQ,YAARA,QAAQ,CAAEE,WAAW,IAAI,CAAC,IAAI,CAACpD,kBAAkB,EAAE;MACrD,IAAI,CAAChB,SAAS,CAACqE,UAAU,CAAC7B,MAAM,EAAEpD,QAAQ,CAAC;MAC3C,IAAI,CAACc,eAAe,CAACoE,SAAS,CAAC9B,MAAM,EAAEpD,QAAQ,CAAC;MAChD;IACF;IAEA,IAAI0E,QAAQ,IAAI,IAAI,CAAC5D,eAAe,CAACqE,eAAe,EAAE;MACpD,IAAI,CAACrE,eAAe,CAACsE,WAAW,CAAC,IAAI,CAACtE,eAAe,CAACqE,eAAe,EAAE;QACrE/B,MAAM;QACNpD;MACF,CAAC,CAAC;IACJ,CAAC,MAAM;MACL,IAAI,CAACc,eAAe,CAACoE,SAAS,CAAC9B,MAAM,EAAEpD,QAAQ,CAAC;IAClD;EACF;EAEAqF,qBAAqBA,CAACjC,MAAc,EAAEpD,QAAgB,EAAE;IACtD,IAAI,IAAI,CAAC4B,kBAAkB,EAAE;MAC3B;IACF;IACA,IAAI,IAAI,CAAC0C,cAAc,CAAClB,MAAM,EAAEpD,QAAQ,CAAC,EAAE;MACzC,IAAI,CAACc,eAAe,CAACwE,SAAS,CAAClC,MAAM,EAAEpD,QAAQ,EAAE,aAAa,CAAC;IACjE;EACF;AAcF;AAACuF,OAAA,CAAA/F,kBAAA,GAAAA,kBAAA","ignoreList":[]}

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

@@ -0,0 +1,115 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MutationState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+class MutationState {
+  constructor(parent, handlers, createOptimisticActions) {
+    (0, _defineProperty2.default)(this, "_handlers", void 0);
+    (0, _defineProperty2.default)(this, "_optimisticActions", void 0);
+    (0, _defineProperty2.default)(this, "_parent", void 0);
+    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 => {
+      var _this$_parent$keyedIt;
+      return (_this$_parent$keyedIt = this._parent.keyedItems.find(ki => ki.key === key)) == null ? void 0 : _this$_parent$keyedIt.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'
+        }
+      })
+    });
+  }
+}
+exports.MutationState = MutationState;
+//# sourceMappingURL=MutationState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["MutationState","constructor","parent","handlers","createOptimisticActions","_defineProperty2","default","_parent","_handlers","_optimisticActions","collection","init","addItem","afterItemKey","newItem","createItem","createOne","submit","submitCreate","successToast","errorToast","_err","retry","message","action","onClick","text","duplicateItem","rowKey","keyedItem","keyedItems","find","ki","key","sourceItem","item","itemKey","newId","sourceId","duplicate","k","Object","keys","String","deleteItems","rowKeys","items","map","_this$_parent$keyedIt","filter","length","deleteMany","submitDelete","updateItems","updatedItems","updateMany","keepPosition","submitUpdate","exports"],"sources":["../../../../src/state/EditableTable/MutationState.ts"],"sourcesContent":["import type {\n  CollectionOptimisticActions,\n  CollectionState,\n  FiltersMap,\n} from '@wix/bex-core';\nimport type { EditableTableState } from './EditableTableState';\n\nexport interface EditableTableMutationHandlers<T> {\n  /** Factory to create a new empty item with a fresh ID */\n  createItem: () => T;\n  /** Submit updated items to the server */\n  submitUpdate: (items: T[]) => Promise<T[] | void>;\n  /** Submit newly created items to the server */\n  submitCreate: (items: T[]) => Promise<T[] | void>;\n  /** Submit item deletions to the server */\n  submitDelete: (items: T[]) => Promise<void>;\n}\n\nexport class MutationState<T, F extends FiltersMap> {\n  private readonly _handlers: EditableTableMutationHandlers<T>;\n  private readonly _optimisticActions: CollectionOptimisticActions<T, F>;\n  private readonly _parent: EditableTableState<T, F>;\n\n  constructor(\n    parent: EditableTableState<T, F>,\n    handlers: EditableTableMutationHandlers<T>,\n    createOptimisticActions: (\n      collection: CollectionState<T, F>,\n    ) => CollectionOptimisticActions<T, F>,\n  ) {\n    this._parent = parent;\n    this._handlers = handlers;\n    this._optimisticActions = createOptimisticActions(parent.collection);\n  }\n\n  init() {\n    return this._optimisticActions.init();\n  }\n\n  addItem(afterItemKey?: string) {\n    const newItem = this._handlers.createItem();\n    this._optimisticActions.createOne(newItem, {\n      submit: this._handlers.submitCreate,\n      afterItemKey,\n      successToast: 'Item created',\n      errorToast: (_err: unknown, { retry }: { retry: () => void }) => ({\n        message: 'Failed to create item',\n        action: { onClick: retry, text: 'Retry' },\n      }),\n    });\n  }\n\n  duplicateItem(rowKey: string) {\n    const keyedItem = this._parent.keyedItems.find((ki) => ki.key === rowKey);\n    if (!keyedItem) {\n      return;\n    }\n\n    const sourceItem = keyedItem.item;\n    const newItem = this._handlers.createItem();\n    const { itemKey } = this._parent.collection;\n    const newId = itemKey(newItem);\n    const sourceId = itemKey(sourceItem);\n    const duplicate = { ...sourceItem } as any;\n    for (const k of Object.keys(duplicate)) {\n      if (String(duplicate[k]) === sourceId) {\n        duplicate[k] = newId;\n        break;\n      }\n    }\n    this._optimisticActions.createOne(duplicate as T, {\n      submit: this._handlers.submitCreate,\n      afterItemKey: keyedItem.key,\n      successToast: 'Item duplicated',\n      errorToast: (_err: unknown, { retry }: { retry: () => void }) => ({\n        message: 'Failed to duplicate item',\n        action: { onClick: retry, text: 'Retry' },\n      }),\n    });\n  }\n\n  deleteItems(rowKeys: string[]) {\n    const items = rowKeys\n      .map((key) => this._parent.keyedItems.find((ki) => ki.key === key)?.item)\n      .filter((item): item is T => item != null);\n    if (items.length === 0) {\n      return;\n    }\n\n    this._optimisticActions.deleteMany(items, {\n      submit: this._handlers.submitDelete,\n      successToast:\n        items.length === 1 ? 'Item deleted' : `${items.length} items deleted`,\n      errorToast: (_err: unknown, { retry }: { retry: () => void }) => ({\n        message: 'Failed to delete items',\n        action: { onClick: retry, text: 'Retry' },\n      }),\n    });\n  }\n\n  updateItems(updatedItems: T[]) {\n    if (updatedItems.length === 0) {\n      return;\n    }\n    this._optimisticActions.updateMany(updatedItems, {\n      keepPosition: true,\n      submit: this._handlers.submitUpdate,\n      successToast:\n        updatedItems.length === 1\n          ? 'Item updated'\n          : `${updatedItems.length} items updated`,\n      errorToast: (_err: unknown, { retry }: { retry: () => void }) => ({\n        message: 'Failed to update items',\n        action: { onClick: retry, text: 'Retry' },\n      }),\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+exports.EditableTableState = void 0;
+var _EditableTableState = require("./EditableTableState");
+exports.EditableTableState = _EditableTableState.EditableTableState;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_EditableTableState","require","exports","EditableTableState"],"sources":["../../../../src/state/EditableTable/index.ts"],"sourcesContent":["export { EditableTableState } from './EditableTableState';\nexport type {\n  EditableTableStateParams,\n  EditableTableStatePublicAPI,\n  EditableTablePermissions,\n} from './EditableTableState';\n\nexport type { EditableTableMutationHandlers } from './MutationState';\n\nexport type {\n  Cell,\n  ValidationResult,\n  CellType,\n  EditableColumn,\n  SelectCellConfig,\n} from './types';\n"],"mappings":";;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAA0DC,OAAA,CAAAC,kBAAA,GAAAH,mBAAA,CAAAG,kBAAA","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/state/EditableTable/types.ts"],"sourcesContent":["import type { ComponentType } from 'react';\nimport type { TableColumn } from '../../model/tableColumn';\nimport type {\n  CellViewProps,\n  CellEditProps,\n} from '../../components/EditableTable/types';\n\nexport interface Cell {\n  rowKey: string;\n  columnId: string;\n}\n\nexport interface CellBorder {\n  top: boolean;\n  bottom: boolean;\n  left: boolean;\n  right: boolean;\n}\n\nexport type ValidationRule =\n  | { type: 'required'; message: string }\n  | { type: 'min' | 'max'; value: number; message: string }\n  | { type: 'minLength' | 'maxLength'; value: number; message: string }\n  | { type: 'pattern'; value: RegExp; message: string }\n  | { type: 'custom'; validate: (value: unknown) => boolean; message: string };\n\nexport interface ValidationResult {\n  valid: boolean;\n  errors?: string[];\n}\n\nexport interface CellType {\n  type: keyof CellTypeConfigMap;\n\n  /** Render cell in view mode (read-only display) */\n  ViewComponent: ComponentType<CellViewProps<any>>;\n\n  /** Render cell in edit mode (inline editor). Optional — omit for view-only cells. */\n  EditComponent?: ComponentType<CellEditProps<any>>;\n\n  /** Serialize value to clipboard string */\n  serialize?: (value: any) => string;\n\n  /** Deserialize clipboard string to value */\n  deserialize?: (raw: string) => any;\n\n  /** Validate a cell value. Return null if valid, or error message string. */\n  validate?: (value: any, rules?: ValidationRule[]) => string | null;\n\n  /** Can this cell type be edited? (default: true) */\n  editable?: boolean;\n\n  /** Can this cell type be cleared with Delete key? (default: true) */\n  clearable?: boolean;\n\n  /** Toggle value on single click (e.g., boolean checkbox). Skips focus→edit flow. */\n  toggleValue?: (value: any) => any;\n\n  /** Called on type-to-edit. Return object with cleared value and/or prevent flag.\n   *  CMS-web pattern: text clears to '', number clears only for digits, date blocks non-digits. */\n  onTypeToEdit?: (params: {\n    key: string;\n  }) => { value?: any; prevent?: boolean } | undefined;\n}\n\nexport interface CellTypeConfigMap {\n  text: never;\n  number: never;\n  boolean: never;\n  url: never;\n  select: SelectCellConfig;\n  date: never;\n  custom: Record<string, unknown>;\n}\n\nexport interface SelectCellConfig {\n  options: { id: string; value: string }[];\n}\n\ninterface EditableColumnBase<T> extends Omit<TableColumn<T>, 'render'> {\n  id: string;\n  /** Column type — maps to a CellType in the registry */\n  cellType: keyof CellTypeConfigMap;\n\n  /** Extract the cell value from the row data */\n  getValue: (item: T) => any;\n\n  /** Return updated item with new cell value (immutable) */\n  setValue?: (item: T, value: any) => T;\n\n  /** Column-level validation rules */\n  validation?: ValidationRule[];\n\n  /** Is this column editable? (default: true if setValue exists) */\n  editable?: boolean | ((item: T) => boolean);\n}\n\nexport type EditableColumn<\n  T,\n  C extends keyof CellTypeConfigMap = keyof CellTypeConfigMap,\n> = C extends C\n  ? EditableColumnBase<T> & {\n      cellType: C;\n      typeConfig?: CellTypeConfigMap[C] extends never\n        ? never\n        : CellTypeConfigMap[C];\n    }\n  : never;\n"],"mappings":"","ignoreList":[]}