@wix/patterns 1.364.0 → 1.369.0

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

@@ -0,0 +1,347 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CellInteractionState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _utils = require("./utils");
+class CellInteractionState {
+  constructor(commitHandler, parent) {
+    (0, _defineProperty2.default)(this, "focusedCell", null);
+    (0, _defineProperty2.default)(this, "editingCell", null);
+    (0, _defineProperty2.default)(this, "editingValue", undefined);
+    (0, _defineProperty2.default)(this, "editTrigger", null);
+    (0, _defineProperty2.default)(this, "selectedCells", new Set());
+    (0, _defineProperty2.default)(this, "selectionAnchor", null);
+    (0, _defineProperty2.default)(this, "focusedCellElement", null);
+    (0, _defineProperty2.default)(this, "_parent", void 0);
+    (0, _defineProperty2.default)(this, "_commitHandler", void 0);
+    this._commitHandler = commitHandler;
+    this._parent = parent;
+    (0, _mobx.makeObservable)(this, {
+      focusedCell: _mobx.observable.ref,
+      editingCell: _mobx.observable.ref,
+      editingValue: _mobx.observable.ref,
+      editTrigger: _mobx.observable.ref,
+      selectedCells: _mobx.observable,
+      selectionAnchor: _mobx.observable.ref,
+      isEditing: _mobx.computed,
+      selectedCellsList: _mobx.computed,
+      focusCell: _mobx.action,
+      clearFocus: _mobx.action,
+      startEdit: _mobx.action,
+      commitEdit: _mobx.action,
+      cancelEdit: _mobx.action,
+      setEditingValue: _mobx.action,
+      selectRange: _mobx.action,
+      selectAll: _mobx.action,
+      moveFocus: _mobx.action,
+      moveToNextCell: _mobx.action,
+      moveToPreviousCell: _mobx.action
+    });
+  }
+  get isEditing() {
+    return this.editingCell !== null;
+  }
+  focusCell(rowKey, columnId) {
+    if (this.editingCell) {
+      this.commitEdit();
+    }
+    this.focusedCell = {
+      rowKey,
+      columnId
+    };
+    this.selectedCells.clear();
+    this.selectedCells.add((0, _utils.cellKey)(rowKey, columnId));
+    this.selectionAnchor = {
+      rowKey,
+      columnId
+    };
+  }
+  clearFocus() {
+    this.focusedCell = null;
+    this.selectedCells.clear();
+    this.selectionAnchor = null;
+    this.cancelEdit();
+  }
+  startEdit(rowKey, columnId, trigger = 'enter') {
+    var _this$focusedCell, _this$focusedCell2;
+    const rk = rowKey ?? ((_this$focusedCell = this.focusedCell) == null ? void 0 : _this$focusedCell.rowKey);
+    const cid = columnId ?? ((_this$focusedCell2 = this.focusedCell) == null ? void 0 : _this$focusedCell2.columnId);
+    if (rk != null && cid != null) {
+      this.editingValue = undefined;
+      this.editTrigger = trigger;
+      this.editingCell = {
+        rowKey: rk,
+        columnId: cid
+      };
+      this.focusedCell = {
+        rowKey: rk,
+        columnId: cid
+      };
+    }
+  }
+  setEditingValue(value) {
+    this.editingValue = value;
+  }
+  commitEdit() {
+    try {
+      if (this.editingCell) {
+        this._commitHandler(this.editingValue, this.editingCell);
+      }
+    } finally {
+      this.editingValue = undefined;
+      this.editTrigger = null;
+      this.editingCell = null;
+    }
+  }
+  cancelEdit() {
+    this.editingValue = undefined;
+    this.editTrigger = null;
+    this.editingCell = null;
+  }
+  selectRange(from, to) {
+    const fromPos = this._parent._toIndices(from);
+    const toPos = this._parent._toIndices(to);
+    if (!fromPos || !toPos) {
+      return;
+    }
+    const {
+      keyedItems,
+      editableColumns
+    } = this._parent;
+    const minRow = Math.min(fromPos.row, toPos.row);
+    const maxRow = Math.max(fromPos.row, toPos.row);
+    const minCol = Math.min(fromPos.col, toPos.col);
+    const maxCol = Math.max(fromPos.col, toPos.col);
+    const newKeys = new Set();
+    for (let r = minRow; r <= maxRow; r++) {
+      for (let c = minCol; c <= maxCol; c++) {
+        newKeys.add((0, _utils.cellKey)(keyedItems[r].key, editableColumns[c].id));
+      }
+    }
+    this._diffSelection(newKeys);
+    this.focusedCell = to;
+  }
+  selectAll() {
+    const {
+      keyedItems,
+      editableColumns
+    } = this._parent;
+    const newKeys = new Set();
+    for (const ki of keyedItems) {
+      for (const col of editableColumns) {
+        newKeys.add((0, _utils.cellKey)(ki.key, col.id));
+      }
+    }
+    this._diffSelection(newKeys);
+    if (keyedItems.length > 0 && editableColumns.length > 0) {
+      this.selectionAnchor = this._parent._toPosition(0, 0);
+      this.focusedCell = this._parent._toPosition(keyedItems.length - 1, editableColumns.length - 1);
+    }
+  }
+  moveFocus(direction, extend = false) {
+    const pos = this.focusedCell && this._parent._toIndices(this.focusedCell);
+    if (!pos) {
+      return;
+    }
+    const {
+      keyedItems,
+      editableColumns
+    } = this._parent;
+    let {
+      row,
+      col
+    } = pos;
+    switch (direction) {
+      case 'up':
+        row = Math.max(0, row - 1);
+        break;
+      case 'down':
+        row = Math.min(keyedItems.length - 1, row + 1);
+        break;
+      case 'left':
+        col = Math.max(0, col - 1);
+        break;
+      case 'right':
+        col = Math.min(editableColumns.length - 1, col + 1);
+        break;
+    }
+    const target = this._parent._toPosition(row, col);
+    if (extend && this.selectionAnchor) {
+      this.selectRange(this.selectionAnchor, target);
+    } else {
+      this.focusCell(target.rowKey, target.columnId);
+    }
+  }
+  moveToNextCell() {
+    const pos = this.focusedCell && this._parent._toIndices(this.focusedCell);
+    if (!pos) {
+      return;
+    }
+    const {
+      keyedItems,
+      editableColumns
+    } = this._parent;
+    let {
+      row,
+      col
+    } = pos;
+    col++;
+    if (col >= editableColumns.length) {
+      col = 0;
+      row++;
+      if (row >= keyedItems.length) {
+        row = keyedItems.length - 1;
+        col = editableColumns.length - 1;
+      }
+    }
+    this.focusCell(keyedItems[row].key, editableColumns[col].id);
+  }
+  moveToPreviousCell() {
+    const pos = this.focusedCell && this._parent._toIndices(this.focusedCell);
+    if (!pos) {
+      return;
+    }
+    const {
+      keyedItems,
+      editableColumns
+    } = this._parent;
+    let {
+      row,
+      col
+    } = pos;
+    col--;
+    if (col < 0) {
+      col = editableColumns.length - 1;
+      row--;
+      if (row < 0) {
+        row = 0;
+        col = 0;
+      }
+    }
+    this.focusCell(keyedItems[row].key, editableColumns[col].id);
+  }
+  _diffSelection(newKeys) {
+    for (const key of this.selectedCells) {
+      if (!newKeys.has(key)) {
+        this.selectedCells.delete(key);
+      }
+    }
+    for (const key of newKeys) {
+      if (!this.selectedCells.has(key)) {
+        this.selectedCells.add(key);
+      }
+    }
+  }
+  isCellFocused(rowKey, columnId) {
+    var _this$focusedCell3, _this$focusedCell4;
+    return ((_this$focusedCell3 = this.focusedCell) == null ? void 0 : _this$focusedCell3.rowKey) === rowKey && ((_this$focusedCell4 = this.focusedCell) == null ? void 0 : _this$focusedCell4.columnId) === columnId;
+  }
+  isCellEditing(rowKey, columnId) {
+    var _this$editingCell, _this$editingCell2;
+    return ((_this$editingCell = this.editingCell) == null ? void 0 : _this$editingCell.rowKey) === rowKey && ((_this$editingCell2 = this.editingCell) == null ? void 0 : _this$editingCell2.columnId) === columnId;
+  }
+  isCellSelected(rowKey, columnId) {
+    return this.selectedCells.has((0, _utils.cellKey)(rowKey, columnId));
+  }
+  get selectedCellsList() {
+    const result = [];
+    for (const key of this.selectedCells) {
+      const pos = (0, _utils.parseCellKey)(key);
+      if (pos) {
+        result.push(pos);
+      }
+    }
+    return result;
+  }
+  scrollFocusedCellIntoView() {
+    if (typeof requestAnimationFrame === 'undefined') {
+      return;
+    }
+    requestAnimationFrame(() => {
+      const cellEl = this.focusedCellElement;
+      if (!cellEl) {
+        return;
+      }
+      cellEl.scrollIntoView({
+        block: 'nearest',
+        inline: 'nearest'
+      });
+      this._adjustScrollForStickyElements(cellEl);
+    });
+  }
+
+  /**
+   * After scrollIntoView, the cell may be hidden behind sticky columns
+   * or the sticky header. If so, scroll a bit more to fully reveal it.
+   */
+  _adjustScrollForStickyElements(cellEl) {
+    const td = cellEl.parentElement;
+    if (!td) {
+      return;
+    }
+
+    // Horizontal: check if cell is behind a sticky column.
+    // Sticky columns stay in place while other columns scroll, so their
+    // bounding rect's right edge can overlap the focused cell's left edge.
+    const row = td.parentElement;
+    const cellLeft = td.getBoundingClientRect().left;
+    if (row) {
+      let maxPrevRight = 0;
+      for (const child of Array.from(row.children)) {
+        if (child === td) {
+          break;
+        }
+        const right = child.getBoundingClientRect().right;
+        if (right > maxPrevRight) {
+          maxPrevRight = right;
+        }
+      }
+      if (cellLeft < maxPrevRight) {
+        var _cellEl$closest;
+        const scrollParent = (_cellEl$closest = cellEl.closest('table')) == null ? void 0 : _cellEl$closest.parentElement;
+        if (scrollParent) {
+          scrollParent.scrollLeft -= maxPrevRight - cellLeft;
+        }
+      }
+    }
+
+    // Vertical: check if cell is behind the sticky header/toolbar.
+    const headerEl = this._parent.tableState.headerElement;
+    const scrollEl = this._parent.collection.scrollableContent;
+    if (headerEl && scrollEl) {
+      const headerBottom = headerEl.getBoundingClientRect().bottom;
+      const cellTop = td.getBoundingClientRect().top;
+      if (cellTop < headerBottom) {
+        // +2px buffer to prevent the cell from touching the header border
+        scrollEl.scrollTop -= headerBottom - cellTop + 2;
+      }
+    }
+  }
+  getSelectionBorder(rowKey, columnId) {
+    if (!this.isCellSelected(rowKey, columnId)) {
+      return _utils.noBorder;
+    }
+    const pos = this._parent._toIndices({
+      rowKey,
+      columnId
+    });
+    if (!pos) {
+      return _utils.noBorder;
+    }
+    const isNeighborSelected = (row, col) => {
+      const neighbor = this._parent._toPosition(row, col);
+      return neighbor !== null && this.selectedCells.has((0, _utils.cellKey)(neighbor.rowKey, neighbor.columnId));
+    };
+    return {
+      top: !isNeighborSelected(pos.row - 1, pos.col),
+      bottom: !isNeighborSelected(pos.row + 1, pos.col),
+      left: !isNeighborSelected(pos.row, pos.col - 1),
+      right: !isNeighborSelected(pos.row, pos.col + 1)
+    };
+  }
+}
+exports.CellInteractionState = CellInteractionState;
+//# sourceMappingURL=CellInteractionState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_utils","CellInteractionState","constructor","commitHandler","parent","_defineProperty2","default","undefined","Set","_commitHandler","_parent","makeObservable","focusedCell","observable","ref","editingCell","editingValue","editTrigger","selectedCells","selectionAnchor","isEditing","computed","selectedCellsList","focusCell","action","clearFocus","startEdit","commitEdit","cancelEdit","setEditingValue","selectRange","selectAll","moveFocus","moveToNextCell","moveToPreviousCell","rowKey","columnId","clear","add","cellKey","trigger","_this$focusedCell","_this$focusedCell2","rk","cid","value","from","to","fromPos","_toIndices","toPos","keyedItems","editableColumns","minRow","Math","min","row","maxRow","max","minCol","col","maxCol","newKeys","r","c","key","id","_diffSelection","ki","length","_toPosition","direction","extend","pos","target","has","delete","isCellFocused","_this$focusedCell3","_this$focusedCell4","isCellEditing","_this$editingCell","_this$editingCell2","isCellSelected","result","parseCellKey","push","scrollFocusedCellIntoView","requestAnimationFrame","cellEl","focusedCellElement","scrollIntoView","block","inline","_adjustScrollForStickyElements","td","parentElement","cellLeft","getBoundingClientRect","left","maxPrevRight","child","Array","children","right","_cellEl$closest","scrollParent","closest","scrollLeft","headerEl","tableState","headerElement","scrollEl","collection","scrollableContent","headerBottom","bottom","cellTop","top","scrollTop","getSelectionBorder","noBorder","isNeighborSelected","neighbor","exports"],"sources":["../../../../src/state/EditableTable/CellInteractionState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport type { Cell, CellBorder } from './types';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { EditableTableState } from './EditableTableState';\nimport { cellKey, parseCellKey, noBorder } from './utils';\n\ntype Direction = 'up' | 'down' | 'left' | 'right';\ntype CommitHandler = (editingValue: any, cell: Cell) => void;\nexport type EditTrigger = 'type' | 'enter' | 'doubleClick';\n\nexport class CellInteractionState<T, F extends FiltersMap> {\n  focusedCell: Cell | null = null;\n  editingCell: Cell | null = null;\n  editingValue: any = undefined;\n  editTrigger: EditTrigger | null = null;\n  selectedCells = new Set<string>();\n  selectionAnchor: Cell | null = null;\n  focusedCellElement: HTMLElement | null = null;\n  private readonly _parent: EditableTableState<T, F>;\n  private readonly _commitHandler: CommitHandler;\n\n  constructor(commitHandler: CommitHandler, parent: EditableTableState<T, F>) {\n    this._commitHandler = commitHandler;\n    this._parent = parent;\n    makeObservable(this, {\n      focusedCell: observable.ref,\n      editingCell: observable.ref,\n      editingValue: observable.ref,\n      editTrigger: observable.ref,\n      selectedCells: observable,\n      selectionAnchor: observable.ref,\n      isEditing: computed,\n      selectedCellsList: computed,\n      focusCell: action,\n      clearFocus: action,\n      startEdit: action,\n      commitEdit: action,\n      cancelEdit: action,\n      setEditingValue: action,\n      selectRange: action,\n      selectAll: action,\n      moveFocus: action,\n      moveToNextCell: action,\n      moveToPreviousCell: action,\n    });\n  }\n\n  get isEditing(): boolean {\n    return this.editingCell !== null;\n  }\n\n  focusCell(rowKey: string, columnId: string) {\n    if (this.editingCell) {\n      this.commitEdit();\n    }\n    this.focusedCell = { rowKey, columnId };\n    this.selectedCells.clear();\n    this.selectedCells.add(cellKey(rowKey, columnId));\n    this.selectionAnchor = { rowKey, columnId };\n  }\n\n  clearFocus() {\n    this.focusedCell = null;\n    this.selectedCells.clear();\n    this.selectionAnchor = null;\n    this.cancelEdit();\n  }\n\n  startEdit(\n    rowKey?: string,\n    columnId?: string,\n    trigger: EditTrigger = 'enter',\n  ) {\n    const rk = rowKey ?? this.focusedCell?.rowKey;\n    const cid = columnId ?? this.focusedCell?.columnId;\n    if (rk != null && cid != null) {\n      this.editingValue = undefined;\n      this.editTrigger = trigger;\n      this.editingCell = { rowKey: rk, columnId: cid };\n      this.focusedCell = { rowKey: rk, columnId: cid };\n    }\n  }\n\n  setEditingValue(value: any) {\n    this.editingValue = value;\n  }\n\n  commitEdit() {\n    try {\n      if (this.editingCell) {\n        this._commitHandler(this.editingValue, this.editingCell);\n      }\n    } finally {\n      this.editingValue = undefined;\n      this.editTrigger = null;\n      this.editingCell = null;\n    }\n  }\n\n  cancelEdit() {\n    this.editingValue = undefined;\n    this.editTrigger = null;\n    this.editingCell = null;\n  }\n\n  selectRange(from: Cell, to: Cell) {\n    const fromPos = this._parent._toIndices(from);\n    const toPos = this._parent._toIndices(to);\n    if (!fromPos || !toPos) {\n      return;\n    }\n\n    const { keyedItems, editableColumns } = this._parent;\n    const minRow = Math.min(fromPos.row, toPos.row);\n    const maxRow = Math.max(fromPos.row, toPos.row);\n    const minCol = Math.min(fromPos.col, toPos.col);\n    const maxCol = Math.max(fromPos.col, toPos.col);\n\n    const newKeys = new Set<string>();\n    for (let r = minRow; r <= maxRow; r++) {\n      for (let c = minCol; c <= maxCol; c++) {\n        newKeys.add(cellKey(keyedItems[r].key, editableColumns[c].id));\n      }\n    }\n\n    this._diffSelection(newKeys);\n    this.focusedCell = to;\n  }\n\n  selectAll() {\n    const { keyedItems, editableColumns } = this._parent;\n    const newKeys = new Set<string>();\n    for (const ki of keyedItems) {\n      for (const col of editableColumns) {\n        newKeys.add(cellKey(ki.key, col.id));\n      }\n    }\n\n    this._diffSelection(newKeys);\n\n    if (keyedItems.length > 0 && editableColumns.length > 0) {\n      this.selectionAnchor = this._parent._toPosition(0, 0)!;\n      this.focusedCell = this._parent._toPosition(\n        keyedItems.length - 1,\n        editableColumns.length - 1,\n      )!;\n    }\n  }\n\n  moveFocus(direction: Direction, extend = false) {\n    const pos = this.focusedCell && this._parent._toIndices(this.focusedCell);\n    if (!pos) {\n      return;\n    }\n\n    const { keyedItems, editableColumns } = this._parent;\n    let { row, col } = pos;\n\n    switch (direction) {\n      case 'up':\n        row = Math.max(0, row - 1);\n        break;\n      case 'down':\n        row = Math.min(keyedItems.length - 1, row + 1);\n        break;\n      case 'left':\n        col = Math.max(0, col - 1);\n        break;\n      case 'right':\n        col = Math.min(editableColumns.length - 1, col + 1);\n        break;\n    }\n\n    const target = this._parent._toPosition(row, col)!;\n    if (extend && this.selectionAnchor) {\n      this.selectRange(this.selectionAnchor, target);\n    } else {\n      this.focusCell(target.rowKey, target.columnId);\n    }\n  }\n\n  moveToNextCell() {\n    const pos = this.focusedCell && this._parent._toIndices(this.focusedCell);\n    if (!pos) {\n      return;\n    }\n\n    const { keyedItems, editableColumns } = this._parent;\n    let { row, col } = pos;\n\n    col++;\n    if (col >= editableColumns.length) {\n      col = 0;\n      row++;\n      if (row >= keyedItems.length) {\n        row = keyedItems.length - 1;\n        col = editableColumns.length - 1;\n      }\n    }\n    this.focusCell(keyedItems[row].key, editableColumns[col].id);\n  }\n\n  moveToPreviousCell() {\n    const pos = this.focusedCell && this._parent._toIndices(this.focusedCell);\n    if (!pos) {\n      return;\n    }\n\n    const { keyedItems, editableColumns } = this._parent;\n    let { row, col } = pos;\n\n    col--;\n    if (col < 0) {\n      col = editableColumns.length - 1;\n      row--;\n      if (row < 0) {\n        row = 0;\n        col = 0;\n      }\n    }\n    this.focusCell(keyedItems[row].key, editableColumns[col].id);\n  }\n\n  private _diffSelection(newKeys: Set<string>) {\n    for (const key of this.selectedCells) {\n      if (!newKeys.has(key)) {\n        this.selectedCells.delete(key);\n      }\n    }\n    for (const key of newKeys) {\n      if (!this.selectedCells.has(key)) {\n        this.selectedCells.add(key);\n      }\n    }\n  }\n\n  isCellFocused(rowKey: string, columnId: string): boolean {\n    return (\n      this.focusedCell?.rowKey === rowKey &&\n      this.focusedCell?.columnId === columnId\n    );\n  }\n\n  isCellEditing(rowKey: string, columnId: string): boolean {\n    return (\n      this.editingCell?.rowKey === rowKey &&\n      this.editingCell?.columnId === columnId\n    );\n  }\n\n  isCellSelected(rowKey: string, columnId: string): boolean {\n    return this.selectedCells.has(cellKey(rowKey, columnId));\n  }\n\n  get selectedCellsList(): Cell[] {\n    const result: Cell[] = [];\n    for (const key of this.selectedCells) {\n      const pos = parseCellKey(key);\n      if (pos) {\n        result.push(pos);\n      }\n    }\n    return result;\n  }\n\n  scrollFocusedCellIntoView() {\n    if (typeof requestAnimationFrame === 'undefined') {\n      return;\n    }\n    requestAnimationFrame(() => {\n      const cellEl = this.focusedCellElement;\n      if (!cellEl) {\n        return;\n      }\n\n      cellEl.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n      this._adjustScrollForStickyElements(cellEl);\n    });\n  }\n\n  /**\n   * After scrollIntoView, the cell may be hidden behind sticky columns\n   * or the sticky header. If so, scroll a bit more to fully reveal it.\n   */\n  private _adjustScrollForStickyElements(cellEl: HTMLElement) {\n    const td = cellEl.parentElement;\n    if (!td) {\n      return;\n    }\n\n    // Horizontal: check if cell is behind a sticky column.\n    // Sticky columns stay in place while other columns scroll, so their\n    // bounding rect's right edge can overlap the focused cell's left edge.\n    const row = td.parentElement;\n    const cellLeft = td.getBoundingClientRect().left;\n    if (row) {\n      let maxPrevRight = 0;\n      for (const child of Array.from(row.children)) {\n        if (child === td) {\n          break;\n        }\n        const right = child.getBoundingClientRect().right;\n        if (right > maxPrevRight) {\n          maxPrevRight = right;\n        }\n      }\n      if (cellLeft < maxPrevRight) {\n        const scrollParent = cellEl.closest('table')?.parentElement;\n        if (scrollParent) {\n          scrollParent.scrollLeft -= maxPrevRight - cellLeft;\n        }\n      }\n    }\n\n    // Vertical: check if cell is behind the sticky header/toolbar.\n    const headerEl = this._parent.tableState.headerElement;\n    const scrollEl = this._parent.collection.scrollableContent;\n    if (headerEl && scrollEl) {\n      const headerBottom = headerEl.getBoundingClientRect().bottom;\n      const cellTop = td.getBoundingClientRect().top;\n      if (cellTop < headerBottom) {\n        // +2px buffer to prevent the cell from touching the header border\n        scrollEl.scrollTop -= headerBottom - cellTop + 2;\n      }\n    }\n  }\n\n  getSelectionBorder(rowKey: string, columnId: string): CellBorder {\n    if (!this.isCellSelected(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 isNeighborSelected = (row: number, col: number) => {\n      const neighbor = this._parent._toPosition(row, col);\n      return (\n        neighbor !== null &&\n        this.selectedCells.has(cellKey(neighbor.rowKey, neighbor.columnId))\n      );\n    };\n\n    return {\n      top: !isNeighborSelected(pos.row - 1, pos.col),\n      bottom: !isNeighborSelected(pos.row + 1, pos.col),\n      left: !isNeighborSelected(pos.row, pos.col - 1),\n      right: !isNeighborSelected(pos.row, pos.col + 1),\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,263 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CellValueState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _cellTypes = require("../../components/EditableTable/cellTypes");
+var _utils = require("./utils");
+const cellTypeMap = new Map(_cellTypes.builtInCellTypes.map(ct => [ct.type, ct]));
+class CellValueState {
+  constructor(parent) {
+    /** Pending invalid cell values, keyed by `${itemId}:${colId}`. */
+    (0, _defineProperty2.default)(this, "_pendingCells", new Map());
+    (0, _defineProperty2.default)(this, "_parent", void 0);
+    this._parent = parent;
+    (0, _mobx.makeObservable)(this, {
+      _pendingCells: _mobx.observable,
+      clearCells: _mobx.action,
+      toggleCell: _mobx.action,
+      commitHandler: _mobx.action,
+      applyBulkRawValues: _mobx.action,
+      applyBulkValues: _mobx.action
+    });
+  }
+  resolveCellType(type) {
+    return cellTypeMap.get(type) ?? _cellTypes.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 _utils.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 != null && 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 != null && 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 != null && column.setValue) || !keyedItem) {
+        continue;
+      }
+      const resolved = this.resolveCellType(column.cellType);
+      const result = (0, _utils.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 != null && column.setValue) || !keyedItem) {
+      return;
+    }
+    const resolved = this.resolveCellType(column.cellType);
+    const result = (0, _utils.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 ?? []
+      });
+    }
+  }
+}
+exports.CellValueState = CellValueState;
+//# sourceMappingURL=CellValueState.js.map