@wix/patterns 1.433.0 → 1.434.0

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

@@ -30,9 +30,11 @@ class CellInteractionState {
       selectionAnchor: _mobx.observable.ref,
       isSelecting: _mobx.observable.ref,
       isEditing: _mobx.computed,
+      isRangeSelection: _mobx.computed,
       selectedCellsList: _mobx.computed,
       focusCell: _mobx.action,
       clearFocus: _mobx.action,
+      replaceRowKey: _mobx.action,
       startEdit: _mobx.action,
       commitEdit: _mobx.action,
       cancelEdit: _mobx.action,
@@ -50,6 +52,12 @@ class CellInteractionState {
   get isEditing() {
     return this.editingCell !== null;
   }
+
+  /** Focusing a cell also selects it, so a single selected cell is just focus.
+   *  Only a range of two or more gets the selection styling. */
+  get isRangeSelection() {
+    return this.selectedCells.size > 1;
+  }
   focusCell(rowKey, columnId) {
     if (this.editingCell) {
       this.commitEdit();
@@ -71,6 +79,24 @@ class CellInteractionState {
     this.selectionAnchor = null;
     this.cancelEdit();
   }
+  replaceRowKey(oldRowKey, newRowKey) {
+    if (oldRowKey === newRowKey) {
+      return;
+    }
+    const replaceCell = cell => (cell == null ? void 0 : cell.rowKey) === oldRowKey ? {
+      ...cell,
+      rowKey: newRowKey
+    } : cell;
+    this.focusedCell = replaceCell(this.focusedCell);
+    this.editingCell = replaceCell(this.editingCell);
+    this.selectionAnchor = replaceCell(this.selectionAnchor);
+    const selectedCells = new Set();
+    for (const key of this.selectedCells) {
+      const cell = (0, _utils.parseCellKey)(key);
+      selectedCells.add((cell == null ? void 0 : cell.rowKey) === oldRowKey ? (0, _utils.cellKey)(newRowKey, cell.columnId) : key);
+    }
+    this._diffSelection(selectedCells);
+  }
   startEdit(rowKey, columnId, trigger = 'enter') {
     var _this$focusedCell, _this$focusedCell2;
     const rk = rowKey ?? ((_this$focusedCell = this.focusedCell) == null ? void 0 : _this$focusedCell.rowKey);
@@ -277,6 +303,10 @@ class CellInteractionState {
   isCellSelected(rowKey, columnId) {
     return this.selectedCells.has((0, _utils.cellKey)(rowKey, columnId));
   }
+  isRowActive(rowKey) {
+    var _this$focusedCell5;
+    return ((_this$focusedCell5 = this.focusedCell) == null ? void 0 : _this$focusedCell5.rowKey) === rowKey;
+  }
   get selectedCellsList() {
     const result = [];
     for (const key of this.selectedCells) {

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

@@ -1 +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","isSelecting","isEditing","computed","selectedCellsList","focusCell","action","clearFocus","startEdit","commitEdit","cancelEdit","setEditingValue","selectRange","selectAll","moveFocus","moveToNextCell","moveToPreviousCell","startSweep","sweepTo","stopSweep","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","cellRect","scrollRect","effectiveTop","bottom","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';\nimport { EditTrigger } from '../../components/EditableTable/types';\n\ntype Direction = 'up' | 'down' | 'left' | 'right';\ntype CommitHandler = (editingValue: any, cell: Cell) => void;\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 | undefined = null;\n  /** True while the user is performing a mouse sweep selection. */\n  isSelecting = false;\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      isSelecting: 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      startSweep: action,\n      sweepTo: action,\n      stopSweep: 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      // Collapse any multi-cell range selection down to the editing cell.\n      // Without this, range-selected cells remain visually selected alongside\n      // the editing cell, producing an invalid \"two cells selected\" state.\n      this.selectedCells.clear();\n      this.selectedCells.add(cellKey(rk, cid));\n      this.selectionAnchor = { 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  startSweep(rowKey: string, columnId: string) {\n    this.isSelecting = true;\n    this.focusCell(rowKey, columnId);\n  }\n\n  sweepTo(rowKey: string, columnId: string) {\n    if (!this.isSelecting || !this.selectionAnchor) {\n      return;\n    }\n    this.selectRange(this.selectionAnchor, { rowKey, columnId });\n  }\n\n  stopSweep() {\n    this.isSelecting = false;\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: same pattern — check if cell is behind the sticky header\n    // or below the visible area of the page-level scroll container.\n    const headerEl = this._parent.tableState.headerElement;\n    const scrollEl = this._parent.collection.scrollableContent;\n    if (scrollEl) {\n      const cellRect = td.getBoundingClientRect();\n      const scrollRect = scrollEl.getBoundingClientRect();\n      const effectiveTop = headerEl\n        ? headerEl.getBoundingClientRect().bottom\n        : scrollRect.top;\n\n      if (cellRect.top < effectiveTop) {\n        scrollEl.scrollTop -= effectiveTop - cellRect.top + 2;\n      } else if (cellRect.bottom > scrollRect.bottom) {\n        scrollEl.scrollTop += cellRect.bottom - scrollRect.bottom + 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":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAIA,IAAAC,MAAA,GAAAD,OAAA;AAMO,MAAME,oBAAoB,CAA0B;EAazDC,WAAWA,CAACC,aAA4B,EAAEC,MAAgC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,uBAZjD,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,uBACJ,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,wBACXC,SAAS;IAAA,IAAAF,gBAAA,CAAAC,OAAA,uBACK,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,yBACtB,IAAIE,GAAG,CAAS,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,2BACF,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,8BACkB,IAAI;IACzD;IAAA,IAAAD,gBAAA,CAAAC,OAAA,uBACc,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAKjB,IAAI,CAACG,cAAc,GAAGN,aAAa;IACnC,IAAI,CAACO,OAAO,GAAGN,MAAM;IACrB,IAAAO,oBAAc,EAAC,IAAI,EAAE;MACnBC,WAAW,EAAEC,gBAAU,CAACC,GAAG;MAC3BC,WAAW,EAAEF,gBAAU,CAACC,GAAG;MAC3BE,YAAY,EAAEH,gBAAU,CAACC,GAAG;MAC5BG,WAAW,EAAEJ,gBAAU,CAACC,GAAG;MAC3BI,aAAa,EAAEL,gBAAU;MACzBM,eAAe,EAAEN,gBAAU,CAACC,GAAG;MAC/BM,WAAW,EAAEP,gBAAU,CAACC,GAAG;MAC3BO,SAAS,EAAEC,cAAQ;MACnBC,iBAAiB,EAAED,cAAQ;MAC3BE,SAAS,EAAEC,YAAM;MACjBC,UAAU,EAAED,YAAM;MAClBE,SAAS,EAAEF,YAAM;MACjBG,UAAU,EAAEH,YAAM;MAClBI,UAAU,EAAEJ,YAAM;MAClBK,eAAe,EAAEL,YAAM;MACvBM,WAAW,EAAEN,YAAM;MACnBO,SAAS,EAAEP,YAAM;MACjBQ,SAAS,EAAER,YAAM;MACjBS,cAAc,EAAET,YAAM;MACtBU,kBAAkB,EAAEV,YAAM;MAC1BW,UAAU,EAAEX,YAAM;MAClBY,OAAO,EAAEZ,YAAM;MACfa,SAAS,EAAEb;IACb,CAAC,CAAC;EACJ;EAEA,IAAIJ,SAASA,CAAA,EAAY;IACvB,OAAO,IAAI,CAACN,WAAW,KAAK,IAAI;EAClC;EAEAS,SAASA,CAACe,MAAc,EAAEC,QAAgB,EAAE;IAC1C,IAAI,IAAI,CAACzB,WAAW,EAAE;MACpB,IAAI,CAACa,UAAU,CAAC,CAAC;IACnB;IACA,IAAI,CAAChB,WAAW,GAAG;MAAE2B,MAAM;MAAEC;IAAS,CAAC;IACvC,IAAI,CAACtB,aAAa,CAACuB,KAAK,CAAC,CAAC;IAC1B,IAAI,CAACvB,aAAa,CAACwB,GAAG,CAAC,IAAAC,cAAO,EAACJ,MAAM,EAAEC,QAAQ,CAAC,CAAC;IACjD,IAAI,CAACrB,eAAe,GAAG;MAAEoB,MAAM;MAAEC;IAAS,CAAC;EAC7C;EAEAd,UAAUA,CAAA,EAAG;IACX,IAAI,CAACd,WAAW,GAAG,IAAI;IACvB,IAAI,CAACM,aAAa,CAACuB,KAAK,CAAC,CAAC;IAC1B,IAAI,CAACtB,eAAe,GAAG,IAAI;IAC3B,IAAI,CAACU,UAAU,CAAC,CAAC;EACnB;EAEAF,SAASA,CACPY,MAAe,EACfC,QAAiB,EACjBI,OAAoB,GAAG,OAAO,EAC9B;IAAA,IAAAC,iBAAA,EAAAC,kBAAA;IACA,MAAMC,EAAE,GAAGR,MAAM,MAAAM,iBAAA,GAAI,IAAI,CAACjC,WAAW,qBAAhBiC,iBAAA,CAAkBN,MAAM;IAC7C,MAAMS,GAAG,GAAGR,QAAQ,MAAAM,kBAAA,GAAI,IAAI,CAAClC,WAAW,qBAAhBkC,kBAAA,CAAkBN,QAAQ;IAClD,IAAIO,EAAE,IAAI,IAAI,IAAIC,GAAG,IAAI,IAAI,EAAE;MAC7B,IAAI,CAAChC,YAAY,GAAGT,SAAS;MAC7B,IAAI,CAACU,WAAW,GAAG2B,OAAO;MAC1B,IAAI,CAAC7B,WAAW,GAAG;QAAEwB,MAAM,EAAEQ,EAAE;QAAEP,QAAQ,EAAEQ;MAAI,CAAC;MAChD,IAAI,CAACpC,WAAW,GAAG;QAAE2B,MAAM,EAAEQ,EAAE;QAAEP,QAAQ,EAAEQ;MAAI,CAAC;MAChD;MACA;MACA;MACA,IAAI,CAAC9B,aAAa,CAACuB,KAAK,CAAC,CAAC;MAC1B,IAAI,CAACvB,aAAa,CAACwB,GAAG,CAAC,IAAAC,cAAO,EAACI,EAAE,EAAEC,GAAG,CAAC,CAAC;MACxC,IAAI,CAAC7B,eAAe,GAAG;QAAEoB,MAAM,EAAEQ,EAAE;QAAEP,QAAQ,EAAEQ;MAAI,CAAC;IACtD;EACF;EAEAlB,eAAeA,CAACmB,KAAU,EAAE;IAC1B,IAAI,CAACjC,YAAY,GAAGiC,KAAK;EAC3B;EAEArB,UAAUA,CAAA,EAAG;IACX,IAAI;MACF,IAAI,IAAI,CAACb,WAAW,EAAE;QACpB,IAAI,CAACN,cAAc,CAAC,IAAI,CAACO,YAAY,EAAE,IAAI,CAACD,WAAW,CAAC;MAC1D;IACF,CAAC,SAAS;MACR,IAAI,CAACC,YAAY,GAAGT,SAAS;MAC7B,IAAI,CAACU,WAAW,GAAG,IAAI;MACvB,IAAI,CAACF,WAAW,GAAG,IAAI;IACzB;EACF;EAEAc,UAAUA,CAAA,EAAG;IACX,IAAI,CAACb,YAAY,GAAGT,SAAS;IAC7B,IAAI,CAACU,WAAW,GAAG,IAAI;IACvB,IAAI,CAACF,WAAW,GAAG,IAAI;EACzB;EAEAgB,WAAWA,CAACmB,IAAU,EAAEC,EAAQ,EAAE;IAChC,MAAMC,OAAO,GAAG,IAAI,CAAC1C,OAAO,CAAC2C,UAAU,CAACH,IAAI,CAAC;IAC7C,MAAMI,KAAK,GAAG,IAAI,CAAC5C,OAAO,CAAC2C,UAAU,CAACF,EAAE,CAAC;IACzC,IAAI,CAACC,OAAO,IAAI,CAACE,KAAK,EAAE;MACtB;IACF;IAEA,MAAM;MAAEC,UAAU;MAAEC;IAAgB,CAAC,GAAG,IAAI,CAAC9C,OAAO;IACpD,MAAM+C,MAAM,GAAGC,IAAI,CAACC,GAAG,CAACP,OAAO,CAACQ,GAAG,EAAEN,KAAK,CAACM,GAAG,CAAC;IAC/C,MAAMC,MAAM,GAAGH,IAAI,CAACI,GAAG,CAACV,OAAO,CAACQ,GAAG,EAAEN,KAAK,CAACM,GAAG,CAAC;IAC/C,MAAMG,MAAM,GAAGL,IAAI,CAACC,GAAG,CAACP,OAAO,CAACY,GAAG,EAAEV,KAAK,CAACU,GAAG,CAAC;IAC/C,MAAMC,MAAM,GAAGP,IAAI,CAACI,GAAG,CAACV,OAAO,CAACY,GAAG,EAAEV,KAAK,CAACU,GAAG,CAAC;IAE/C,MAAME,OAAO,GAAG,IAAI1D,GAAG,CAAS,CAAC;IACjC,KAAK,IAAI2D,CAAC,GAAGV,MAAM,EAAEU,CAAC,IAAIN,MAAM,EAAEM,CAAC,EAAE,EAAE;MACrC,KAAK,IAAIC,CAAC,GAAGL,MAAM,EAAEK,CAAC,IAAIH,MAAM,EAAEG,CAAC,EAAE,EAAE;QACrCF,OAAO,CAACxB,GAAG,CAAC,IAAAC,cAAO,EAACY,UAAU,CAACY,CAAC,CAAC,CAACE,GAAG,EAAEb,eAAe,CAACY,CAAC,CAAC,CAACE,EAAE,CAAC,CAAC;MAChE;IACF;IAEA,IAAI,CAACC,cAAc,CAACL,OAAO,CAAC;IAC5B,IAAI,CAACtD,WAAW,GAAGuC,EAAE;EACvB;EAEAnB,SAASA,CAAA,EAAG;IACV,MAAM;MAAEuB,UAAU;MAAEC;IAAgB,CAAC,GAAG,IAAI,CAAC9C,OAAO;IACpD,MAAMwD,OAAO,GAAG,IAAI1D,GAAG,CAAS,CAAC;IACjC,KAAK,MAAMgE,EAAE,IAAIjB,UAAU,EAAE;MAC3B,KAAK,MAAMS,GAAG,IAAIR,eAAe,EAAE;QACjCU,OAAO,CAACxB,GAAG,CAAC,IAAAC,cAAO,EAAC6B,EAAE,CAACH,GAAG,EAAEL,GAAG,CAACM,EAAE,CAAC,CAAC;MACtC;IACF;IAEA,IAAI,CAACC,cAAc,CAACL,OAAO,CAAC;IAE5B,IAAIX,UAAU,CAACkB,MAAM,GAAG,CAAC,IAAIjB,eAAe,CAACiB,MAAM,GAAG,CAAC,EAAE;MACvD,IAAI,CAACtD,eAAe,GAAG,IAAI,CAACT,OAAO,CAACgE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAE;MACtD,IAAI,CAAC9D,WAAW,GAAG,IAAI,CAACF,OAAO,CAACgE,WAAW,CACzCnB,UAAU,CAACkB,MAAM,GAAG,CAAC,EACrBjB,eAAe,CAACiB,MAAM,GAAG,CAC3B,CAAE;IACJ;EACF;EAEAxC,SAASA,CAAC0C,SAAoB,EAAEC,MAAM,GAAG,KAAK,EAAE;IAC9C,MAAMC,GAAG,GAAG,IAAI,CAACjE,WAAW,IAAI,IAAI,CAACF,OAAO,CAAC2C,UAAU,CAAC,IAAI,CAACzC,WAAW,CAAC;IACzE,IAAI,CAACiE,GAAG,EAAE;MACR;IACF;IAEA,MAAM;MAAEtB,UAAU;MAAEC;IAAgB,CAAC,GAAG,IAAI,CAAC9C,OAAO;IACpD,IAAI;MAAEkD,GAAG;MAAEI;IAAI,CAAC,GAAGa,GAAG;IAEtB,QAAQF,SAAS;MACf,KAAK,IAAI;QACPf,GAAG,GAAGF,IAAI,CAACI,GAAG,CAAC,CAAC,EAAEF,GAAG,GAAG,CAAC,CAAC;QAC1B;MACF,KAAK,MAAM;QACTA,GAAG,GAAGF,IAAI,CAACC,GAAG,CAACJ,UAAU,CAACkB,MAAM,GAAG,CAAC,EAAEb,GAAG,GAAG,CAAC,CAAC;QAC9C;MACF,KAAK,MAAM;QACTI,GAAG,GAAGN,IAAI,CAACI,GAAG,CAAC,CAAC,EAAEE,GAAG,GAAG,CAAC,CAAC;QAC1B;MACF,KAAK,OAAO;QACVA,GAAG,GAAGN,IAAI,CAACC,GAAG,CAACH,eAAe,CAACiB,MAAM,GAAG,CAAC,EAAET,GAAG,GAAG,CAAC,CAAC;QACnD;IACJ;IAEA,MAAMc,MAAM,GAAG,IAAI,CAACpE,OAAO,CAACgE,WAAW,CAACd,GAAG,EAAEI,GAAG,CAAE;IAClD,IAAIY,MAAM,IAAI,IAAI,CAACzD,eAAe,EAAE;MAClC,IAAI,CAACY,WAAW,CAAC,IAAI,CAACZ,eAAe,EAAE2D,MAAM,CAAC;IAChD,CAAC,MAAM;MACL,IAAI,CAACtD,SAAS,CAACsD,MAAM,CAACvC,MAAM,EAAEuC,MAAM,CAACtC,QAAQ,CAAC;IAChD;EACF;EAEAN,cAAcA,CAAA,EAAG;IACf,MAAM2C,GAAG,GAAG,IAAI,CAACjE,WAAW,IAAI,IAAI,CAACF,OAAO,CAAC2C,UAAU,CAAC,IAAI,CAACzC,WAAW,CAAC;IACzE,IAAI,CAACiE,GAAG,EAAE;MACR;IACF;IAEA,MAAM;MAAEtB,UAAU;MAAEC;IAAgB,CAAC,GAAG,IAAI,CAAC9C,OAAO;IACpD,IAAI;MAAEkD,GAAG;MAAEI;IAAI,CAAC,GAAGa,GAAG;IAEtBb,GAAG,EAAE;IACL,IAAIA,GAAG,IAAIR,eAAe,CAACiB,MAAM,EAAE;MACjCT,GAAG,GAAG,CAAC;MACPJ,GAAG,EAAE;MACL,IAAIA,GAAG,IAAIL,UAAU,CAACkB,MAAM,EAAE;QAC5Bb,GAAG,GAAGL,UAAU,CAACkB,MAAM,GAAG,CAAC;QAC3BT,GAAG,GAAGR,eAAe,CAACiB,MAAM,GAAG,CAAC;MAClC;IACF;IACA,IAAI,CAACjD,SAAS,CAAC+B,UAAU,CAACK,GAAG,CAAC,CAACS,GAAG,EAAEb,eAAe,CAACQ,GAAG,CAAC,CAACM,EAAE,CAAC;EAC9D;EAEAnC,kBAAkBA,CAAA,EAAG;IACnB,MAAM0C,GAAG,GAAG,IAAI,CAACjE,WAAW,IAAI,IAAI,CAACF,OAAO,CAAC2C,UAAU,CAAC,IAAI,CAACzC,WAAW,CAAC;IACzE,IAAI,CAACiE,GAAG,EAAE;MACR;IACF;IAEA,MAAM;MAAEtB,UAAU;MAAEC;IAAgB,CAAC,GAAG,IAAI,CAAC9C,OAAO;IACpD,IAAI;MAAEkD,GAAG;MAAEI;IAAI,CAAC,GAAGa,GAAG;IAEtBb,GAAG,EAAE;IACL,IAAIA,GAAG,GAAG,CAAC,EAAE;MACXA,GAAG,GAAGR,eAAe,CAACiB,MAAM,GAAG,CAAC;MAChCb,GAAG,EAAE;MACL,IAAIA,GAAG,GAAG,CAAC,EAAE;QACXA,GAAG,GAAG,CAAC;QACPI,GAAG,GAAG,CAAC;MACT;IACF;IACA,IAAI,CAACxC,SAAS,CAAC+B,UAAU,CAACK,GAAG,CAAC,CAACS,GAAG,EAAEb,eAAe,CAACQ,GAAG,CAAC,CAACM,EAAE,CAAC;EAC9D;EAEAlC,UAAUA,CAACG,MAAc,EAAEC,QAAgB,EAAE;IAC3C,IAAI,CAACpB,WAAW,GAAG,IAAI;IACvB,IAAI,CAACI,SAAS,CAACe,MAAM,EAAEC,QAAQ,CAAC;EAClC;EAEAH,OAAOA,CAACE,MAAc,EAAEC,QAAgB,EAAE;IACxC,IAAI,CAAC,IAAI,CAACpB,WAAW,IAAI,CAAC,IAAI,CAACD,eAAe,EAAE;MAC9C;IACF;IACA,IAAI,CAACY,WAAW,CAAC,IAAI,CAACZ,eAAe,EAAE;MAAEoB,MAAM;MAAEC;IAAS,CAAC,CAAC;EAC9D;EAEAF,SAASA,CAAA,EAAG;IACV,IAAI,CAAClB,WAAW,GAAG,KAAK;EAC1B;EAEQmD,cAAcA,CAACL,OAAoB,EAAE;IAC3C,KAAK,MAAMG,GAAG,IAAI,IAAI,CAACnD,aAAa,EAAE;MACpC,IAAI,CAACgD,OAAO,CAACa,GAAG,CAACV,GAAG,CAAC,EAAE;QACrB,IAAI,CAACnD,aAAa,CAAC8D,MAAM,CAACX,GAAG,CAAC;MAChC;IACF;IACA,KAAK,MAAMA,GAAG,IAAIH,OAAO,EAAE;MACzB,IAAI,CAAC,IAAI,CAAChD,aAAa,CAAC6D,GAAG,CAACV,GAAG,CAAC,EAAE;QAChC,IAAI,CAACnD,aAAa,CAACwB,GAAG,CAAC2B,GAAG,CAAC;MAC7B;IACF;EACF;EAEAY,aAAaA,CAAC1C,MAAc,EAAEC,QAAgB,EAAW;IAAA,IAAA0C,kBAAA,EAAAC,kBAAA;IACvD,OACE,EAAAD,kBAAA,OAAI,CAACtE,WAAW,qBAAhBsE,kBAAA,CAAkB3C,MAAM,MAAKA,MAAM,IACnC,EAAA4C,kBAAA,OAAI,CAACvE,WAAW,qBAAhBuE,kBAAA,CAAkB3C,QAAQ,MAAKA,QAAQ;EAE3C;EAEA4C,aAAaA,CAAC7C,MAAc,EAAEC,QAAgB,EAAW;IAAA,IAAA6C,iBAAA,EAAAC,kBAAA;IACvD,OACE,EAAAD,iBAAA,OAAI,CAACtE,WAAW,qBAAhBsE,iBAAA,CAAkB9C,MAAM,MAAKA,MAAM,IACnC,EAAA+C,kBAAA,OAAI,CAACvE,WAAW,qBAAhBuE,kBAAA,CAAkB9C,QAAQ,MAAKA,QAAQ;EAE3C;EAEA+C,cAAcA,CAAChD,MAAc,EAAEC,QAAgB,EAAW;IACxD,OAAO,IAAI,CAACtB,aAAa,CAAC6D,GAAG,CAAC,IAAApC,cAAO,EAACJ,MAAM,EAAEC,QAAQ,CAAC,CAAC;EAC1D;EAEA,IAAIjB,iBAAiBA,CAAA,EAAW;IAC9B,MAAMiE,MAAc,GAAG,EAAE;IACzB,KAAK,MAAMnB,GAAG,IAAI,IAAI,CAACnD,aAAa,EAAE;MACpC,MAAM2D,GAAG,GAAG,IAAAY,mBAAY,EAACpB,GAAG,CAAC;MAC7B,IAAIQ,GAAG,EAAE;QACPW,MAAM,CAACE,IAAI,CAACb,GAAG,CAAC;MAClB;IACF;IACA,OAAOW,MAAM;EACf;EAEAG,yBAAyBA,CAAA,EAAG;IAC1B,IAAI,OAAOC,qBAAqB,KAAK,WAAW,EAAE;MAChD;IACF;IACAA,qBAAqB,CAAC,MAAM;MAC1B,MAAMC,MAAM,GAAG,IAAI,CAACC,kBAAkB;MACtC,IAAI,CAACD,MAAM,EAAE;QACX;MACF;MAEAA,MAAM,CAACE,cAAc,CAAC;QAAEC,KAAK,EAAE,SAAS;QAAEC,MAAM,EAAE;MAAU,CAAC,CAAC;MAC9D,IAAI,CAACC,8BAA8B,CAACL,MAAM,CAAC;IAC7C,CAAC,CAAC;EACJ;;EAEA;AACF;AACA;AACA;EACUK,8BAA8BA,CAACL,MAAmB,EAAE;IAC1D,MAAMM,EAAE,GAAGN,MAAM,CAACO,aAAa;IAC/B,IAAI,CAACD,EAAE,EAAE;MACP;IACF;;IAEA;IACA;IACA;IACA,MAAMvC,GAAG,GAAGuC,EAAE,CAACC,aAAa;IAC5B,MAAMC,QAAQ,GAAGF,EAAE,CAACG,qBAAqB,CAAC,CAAC,CAACC,IAAI;IAChD,IAAI3C,GAAG,EAAE;MACP,IAAI4C,YAAY,GAAG,CAAC;MACpB,KAAK,MAAMC,KAAK,IAAIC,KAAK,CAACxD,IAAI,CAACU,GAAG,CAAC+C,QAAQ,CAAC,EAAE;QAC5C,IAAIF,KAAK,KAAKN,EAAE,EAAE;UAChB;QACF;QACA,MAAMS,KAAK,GAAGH,KAAK,CAACH,qBAAqB,CAAC,CAAC,CAACM,KAAK;QACjD,IAAIA,KAAK,GAAGJ,YAAY,EAAE;UACxBA,YAAY,GAAGI,KAAK;QACtB;MACF;MACA,IAAIP,QAAQ,GAAGG,YAAY,EAAE;QAAA,IAAAK,eAAA;QAC3B,MAAMC,YAAY,IAAAD,eAAA,GAAGhB,MAAM,CAACkB,OAAO,CAAC,OAAO,CAAC,qBAAvBF,eAAA,CAAyBT,aAAa;QAC3D,IAAIU,YAAY,EAAE;UAChBA,YAAY,CAACE,UAAU,IAAIR,YAAY,GAAGH,QAAQ;QACpD;MACF;IACF;;IAEA;IACA;IACA,MAAMY,QAAQ,GAAG,IAAI,CAACvG,OAAO,CAACwG,UAAU,CAACC,aAAa;IACtD,MAAMC,QAAQ,GAAG,IAAI,CAAC1G,OAAO,CAAC2G,UAAU,CAACC,iBAAiB;IAC1D,IAAIF,QAAQ,EAAE;MACZ,MAAMG,QAAQ,GAAGpB,EAAE,CAACG,qBAAqB,CAAC,CAAC;MAC3C,MAAMkB,UAAU,GAAGJ,QAAQ,CAACd,qBAAqB,CAAC,CAAC;MACnD,MAAMmB,YAAY,GAAGR,QAAQ,GACzBA,QAAQ,CAACX,qBAAqB,CAAC,CAAC,CAACoB,MAAM,GACvCF,UAAU,CAACG,GAAG;MAElB,IAAIJ,QAAQ,CAACI,GAAG,GAAGF,YAAY,EAAE;QAC/BL,QAAQ,CAACQ,SAAS,IAAIH,YAAY,GAAGF,QAAQ,CAACI,GAAG,GAAG,CAAC;MACvD,CAAC,MAAM,IAAIJ,QAAQ,CAACG,MAAM,GAAGF,UAAU,CAACE,MAAM,EAAE;QAC9CN,QAAQ,CAACQ,SAAS,IAAIL,QAAQ,CAACG,MAAM,GAAGF,UAAU,CAACE,MAAM,GAAG,CAAC;MAC/D;IACF;EACF;EAEAG,kBAAkBA,CAACtF,MAAc,EAAEC,QAAgB,EAAc;IAC/D,IAAI,CAAC,IAAI,CAAC+C,cAAc,CAAChD,MAAM,EAAEC,QAAQ,CAAC,EAAE;MAC1C,OAAOsF,eAAQ;IACjB;IAEA,MAAMjD,GAAG,GAAG,IAAI,CAACnE,OAAO,CAAC2C,UAAU,CAAC;MAAEd,MAAM;MAAEC;IAAS,CAAC,CAAC;IACzD,IAAI,CAACqC,GAAG,EAAE;MACR,OAAOiD,eAAQ;IACjB;IAEA,MAAMC,kBAAkB,GAAGA,CAACnE,GAAW,EAAEI,GAAW,KAAK;MACvD,MAAMgE,QAAQ,GAAG,IAAI,CAACtH,OAAO,CAACgE,WAAW,CAACd,GAAG,EAAEI,GAAG,CAAC;MACnD,OACEgE,QAAQ,KAAK,IAAI,IACjB,IAAI,CAAC9G,aAAa,CAAC6D,GAAG,CAAC,IAAApC,cAAO,EAACqF,QAAQ,CAACzF,MAAM,EAAEyF,QAAQ,CAACxF,QAAQ,CAAC,CAAC;IAEvE,CAAC;IAED,OAAO;MACLmF,GAAG,EAAE,CAACI,kBAAkB,CAAClD,GAAG,CAACjB,GAAG,GAAG,CAAC,EAAEiB,GAAG,CAACb,GAAG,CAAC;MAC9C0D,MAAM,EAAE,CAACK,kBAAkB,CAAClD,GAAG,CAACjB,GAAG,GAAG,CAAC,EAAEiB,GAAG,CAACb,GAAG,CAAC;MACjDuC,IAAI,EAAE,CAACwB,kBAAkB,CAAClD,GAAG,CAACjB,GAAG,EAAEiB,GAAG,CAACb,GAAG,GAAG,CAAC,CAAC;MAC/C4C,KAAK,EAAE,CAACmB,kBAAkB,CAAClD,GAAG,CAACjB,GAAG,EAAEiB,GAAG,CAACb,GAAG,GAAG,CAAC;IACjD,CAAC;EACH;AACF;AAACiE,OAAA,CAAAhI,oBAAA,GAAAA,oBAAA","ignoreList":[]}
+{"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","isSelecting","isEditing","computed","isRangeSelection","selectedCellsList","focusCell","action","clearFocus","replaceRowKey","startEdit","commitEdit","cancelEdit","setEditingValue","selectRange","selectAll","moveFocus","moveToNextCell","moveToPreviousCell","startSweep","sweepTo","stopSweep","size","rowKey","columnId","clear","add","cellKey","oldRowKey","newRowKey","replaceCell","cell","key","parseCellKey","_diffSelection","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","id","ki","length","_toPosition","direction","extend","pos","target","has","delete","isCellFocused","_this$focusedCell3","_this$focusedCell4","isCellEditing","_this$editingCell","_this$editingCell2","isCellSelected","isRowActive","_this$focusedCell5","result","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","cellRect","scrollRect","effectiveTop","bottom","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';\nimport { EditTrigger } from '../../components/EditableTable/types';\n\ntype Direction = 'up' | 'down' | 'left' | 'right';\ntype CommitHandler = (editingValue: any, cell: Cell) => void;\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 | undefined = null;\n  /** True while the user is performing a mouse sweep selection. */\n  isSelecting = false;\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      isSelecting: observable.ref,\n      isEditing: computed,\n      isRangeSelection: computed,\n      selectedCellsList: computed,\n      focusCell: action,\n      clearFocus: action,\n      replaceRowKey: 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      startSweep: action,\n      sweepTo: action,\n      stopSweep: action,\n    });\n  }\n\n  get isEditing(): boolean {\n    return this.editingCell !== null;\n  }\n\n  /** Focusing a cell also selects it, so a single selected cell is just focus.\n   *  Only a range of two or more gets the selection styling. */\n  get isRangeSelection(): boolean {\n    return this.selectedCells.size > 1;\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  replaceRowKey(oldRowKey: string, newRowKey: string) {\n    if (oldRowKey === newRowKey) {\n      return;\n    }\n\n    const replaceCell = (cell: Cell | null): Cell | null =>\n      cell?.rowKey === oldRowKey ? { ...cell, rowKey: newRowKey } : cell;\n\n    this.focusedCell = replaceCell(this.focusedCell);\n    this.editingCell = replaceCell(this.editingCell);\n    this.selectionAnchor = replaceCell(this.selectionAnchor);\n\n    const selectedCells = new Set<string>();\n    for (const key of this.selectedCells) {\n      const cell = parseCellKey(key);\n      selectedCells.add(\n        cell?.rowKey === oldRowKey ? cellKey(newRowKey, cell.columnId) : key,\n      );\n    }\n    this._diffSelection(selectedCells);\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      // Collapse any multi-cell range selection down to the editing cell.\n      // Without this, range-selected cells remain visually selected alongside\n      // the editing cell, producing an invalid \"two cells selected\" state.\n      this.selectedCells.clear();\n      this.selectedCells.add(cellKey(rk, cid));\n      this.selectionAnchor = { 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  startSweep(rowKey: string, columnId: string) {\n    this.isSelecting = true;\n    this.focusCell(rowKey, columnId);\n  }\n\n  sweepTo(rowKey: string, columnId: string) {\n    if (!this.isSelecting || !this.selectionAnchor) {\n      return;\n    }\n    this.selectRange(this.selectionAnchor, { rowKey, columnId });\n  }\n\n  stopSweep() {\n    this.isSelecting = false;\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  isRowActive(rowKey: string): boolean {\n    return this.focusedCell?.rowKey === rowKey;\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: same pattern — check if cell is behind the sticky header\n    // or below the visible area of the page-level scroll container.\n    const headerEl = this._parent.tableState.headerElement;\n    const scrollEl = this._parent.collection.scrollableContent;\n    if (scrollEl) {\n      const cellRect = td.getBoundingClientRect();\n      const scrollRect = scrollEl.getBoundingClientRect();\n      const effectiveTop = headerEl\n        ? headerEl.getBoundingClientRect().bottom\n        : scrollRect.top;\n\n      if (cellRect.top < effectiveTop) {\n        scrollEl.scrollTop -= effectiveTop - cellRect.top + 2;\n      } else if (cellRect.bottom > scrollRect.bottom) {\n        scrollEl.scrollTop += cellRect.bottom - scrollRect.bottom + 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/MutationState.js

@@ -9,6 +9,23 @@ class MutationState {
     (0, _defineProperty2.default)(this, "_handlers", void 0);
     (0, _defineProperty2.default)(this, "_optimisticActions", void 0);
     (0, _defineProperty2.default)(this, "_parent", void 0);
+    (0, _defineProperty2.default)(this, "_submitCreate", async items => {
+      const createdItems = await this._handlers.submitCreate(items);
+      if (!createdItems) {
+        return createdItems;
+      }
+      const {
+        itemKey
+      } = this._parent.collection;
+      createdItems.forEach((createdItem, index) => {
+        const submittedItem = items[index];
+        if (!submittedItem) {
+          return;
+        }
+        this._parent.cellInteraction.replaceRowKey(itemKey(submittedItem), itemKey(createdItem));
+      });
+      return createdItems;
+    });
     this._parent = parent;
     this._handlers = handlers;
     this._optimisticActions = createOptimisticActions(parent.collection);
@@ -19,7 +36,7 @@ class MutationState {
   addItem(afterItemKey) {
     const newItem = this._handlers.createItem();
     this._optimisticActions.createOne(newItem, {
-      submit: this._handlers.submitCreate,
+      submit: this._submitCreate,
       afterItemKey,
       successToast: 'Item created',
       errorToast: (_err, {
@@ -56,7 +73,7 @@ class MutationState {
       }
     }
     this._optimisticActions.createOne(duplicate, {
-      submit: this._handlers.submitCreate,
+      submit: this._submitCreate,
       afterItemKey: keyedItem.key,
       successToast: 'Item duplicated',
       errorToast: (_err, {

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

@@ -1 +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","itemKey","duplicateItem","rowKey","keyedItem","keyedItems","find","ki","key","sourceItem","item","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): 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    return this._parent.collection.itemKey(newItem);\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":[]}
+{"version":3,"names":["MutationState","constructor","parent","handlers","createOptimisticActions","_defineProperty2","default","items","createdItems","_handlers","submitCreate","itemKey","_parent","collection","forEach","createdItem","index","submittedItem","cellInteraction","replaceRowKey","_optimisticActions","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","newId","sourceId","duplicate","k","Object","keys","String","deleteItems","rowKeys","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): string {\n    const newItem = this._handlers.createItem();\n    this._optimisticActions.createOne(newItem, {\n      submit: this._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    return this._parent.collection.itemKey(newItem);\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._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  private readonly _submitCreate = async (items: T[]) => {\n    const createdItems = await this._handlers.submitCreate(items);\n    if (!createdItems) {\n      return createdItems;\n    }\n\n    const { itemKey } = this._parent.collection;\n    createdItems.forEach((createdItem, index) => {\n      const submittedItem = items[index];\n      if (!submittedItem) {\n        return;\n      }\n\n      this._parent.cellInteraction.replaceRowKey(\n        itemKey(submittedItem),\n        itemKey(createdItem),\n      );\n    });\n\n    return createdItems;\n  };\n}\n"],"mappings":";;;;;;AAkBO,MAAMA,aAAa,CAA0B;EAKlDC,WAAWA,CACTC,MAAgC,EAChCC,QAA0C,EAC1CC,uBAEsC,EACtC;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,yBA0F+B,MAAOC,KAAU,IAAK;MACrD,MAAMC,YAAY,GAAG,MAAM,IAAI,CAACC,SAAS,CAACC,YAAY,CAACH,KAAK,CAAC;MAC7D,IAAI,CAACC,YAAY,EAAE;QACjB,OAAOA,YAAY;MACrB;MAEA,MAAM;QAAEG;MAAQ,CAAC,GAAG,IAAI,CAACC,OAAO,CAACC,UAAU;MAC3CL,YAAY,CAACM,OAAO,CAAC,CAACC,WAAW,EAAEC,KAAK,KAAK;QAC3C,MAAMC,aAAa,GAAGV,KAAK,CAACS,KAAK,CAAC;QAClC,IAAI,CAACC,aAAa,EAAE;UAClB;QACF;QAEA,IAAI,CAACL,OAAO,CAACM,eAAe,CAACC,aAAa,CACxCR,OAAO,CAACM,aAAa,CAAC,EACtBN,OAAO,CAACI,WAAW,CACrB,CAAC;MACH,CAAC,CAAC;MAEF,OAAOP,YAAY;IACrB,CAAC;IA7GC,IAAI,CAACI,OAAO,GAAGV,MAAM;IACrB,IAAI,CAACO,SAAS,GAAGN,QAAQ;IACzB,IAAI,CAACiB,kBAAkB,GAAGhB,uBAAuB,CAACF,MAAM,CAACW,UAAU,CAAC;EACtE;EAEAQ,IAAIA,CAAA,EAAG;IACL,OAAO,IAAI,CAACD,kBAAkB,CAACC,IAAI,CAAC,CAAC;EACvC;EAEAC,OAAOA,CAACC,YAAqB,EAAU;IACrC,MAAMC,OAAO,GAAG,IAAI,CAACf,SAAS,CAACgB,UAAU,CAAC,CAAC;IAC3C,IAAI,CAACL,kBAAkB,CAACM,SAAS,CAACF,OAAO,EAAE;MACzCG,MAAM,EAAE,IAAI,CAACC,aAAa;MAC1BL,YAAY;MACZM,YAAY,EAAE,cAAc;MAC5BC,UAAU,EAAEA,CAACC,IAAa,EAAE;QAAEC;MAA6B,CAAC,MAAM;QAChEC,OAAO,EAAE,uBAAuB;QAChCC,MAAM,EAAE;UAAEC,OAAO,EAAEH,KAAK;UAAEI,IAAI,EAAE;QAAQ;MAC1C,CAAC;IACH,CAAC,CAAC;IACF,OAAO,IAAI,CAACxB,OAAO,CAACC,UAAU,CAACF,OAAO,CAACa,OAAO,CAAC;EACjD;EAEAa,aAAaA,CAACC,MAAc,EAAE;IAC5B,MAAMC,SAAS,GAAG,IAAI,CAAC3B,OAAO,CAAC4B,UAAU,CAACC,IAAI,CAAEC,EAAE,IAAKA,EAAE,CAACC,GAAG,KAAKL,MAAM,CAAC;IACzE,IAAI,CAACC,SAAS,EAAE;MACd;IACF;IAEA,MAAMK,UAAU,GAAGL,SAAS,CAACM,IAAI;IACjC,MAAMrB,OAAO,GAAG,IAAI,CAACf,SAAS,CAACgB,UAAU,CAAC,CAAC;IAC3C,MAAM;MAAEd;IAAQ,CAAC,GAAG,IAAI,CAACC,OAAO,CAACC,UAAU;IAC3C,MAAMiC,KAAK,GAAGnC,OAAO,CAACa,OAAO,CAAC;IAC9B,MAAMuB,QAAQ,GAAGpC,OAAO,CAACiC,UAAU,CAAC;IACpC,MAAMI,SAAS,GAAG;MAAE,GAAGJ;IAAW,CAAQ;IAC1C,KAAK,MAAMK,CAAC,IAAIC,MAAM,CAACC,IAAI,CAACH,SAAS,CAAC,EAAE;MACtC,IAAII,MAAM,CAACJ,SAAS,CAACC,CAAC,CAAC,CAAC,KAAKF,QAAQ,EAAE;QACrCC,SAAS,CAACC,CAAC,CAAC,GAAGH,KAAK;QACpB;MACF;IACF;IACA,IAAI,CAAC1B,kBAAkB,CAACM,SAAS,CAACsB,SAAS,EAAO;MAChDrB,MAAM,EAAE,IAAI,CAACC,aAAa;MAC1BL,YAAY,EAAEgB,SAAS,CAACI,GAAG;MAC3Bd,YAAY,EAAE,iBAAiB;MAC/BC,UAAU,EAAEA,CAACC,IAAa,EAAE;QAAEC;MAA6B,CAAC,MAAM;QAChEC,OAAO,EAAE,0BAA0B;QACnCC,MAAM,EAAE;UAAEC,OAAO,EAAEH,KAAK;UAAEI,IAAI,EAAE;QAAQ;MAC1C,CAAC;IACH,CAAC,CAAC;EACJ;EAEAiB,WAAWA,CAACC,OAAiB,EAAE;IAC7B,MAAM/C,KAAK,GAAG+C,OAAO,CAClBC,GAAG,CAAEZ,GAAG;MAAA,IAAAa,qBAAA;MAAA,QAAAA,qBAAA,GAAK,IAAI,CAAC5C,OAAO,CAAC4B,UAAU,CAACC,IAAI,CAAEC,EAAE,IAAKA,EAAE,CAACC,GAAG,KAAKA,GAAG,CAAC,qBAApDa,qBAAA,CAAsDX,IAAI;IAAA,EAAC,CACxEY,MAAM,CAAEZ,IAAI,IAAgBA,IAAI,IAAI,IAAI,CAAC;IAC5C,IAAItC,KAAK,CAACmD,MAAM,KAAK,CAAC,EAAE;MACtB;IACF;IAEA,IAAI,CAACtC,kBAAkB,CAACuC,UAAU,CAACpD,KAAK,EAAE;MACxCoB,MAAM,EAAE,IAAI,CAAClB,SAAS,CAACmD,YAAY;MACnC/B,YAAY,EACVtB,KAAK,CAACmD,MAAM,KAAK,CAAC,GAAG,cAAc,GAAG,GAAGnD,KAAK,CAACmD,MAAM,gBAAgB;MACvE5B,UAAU,EAAEA,CAACC,IAAa,EAAE;QAAEC;MAA6B,CAAC,MAAM;QAChEC,OAAO,EAAE,wBAAwB;QACjCC,MAAM,EAAE;UAAEC,OAAO,EAAEH,KAAK;UAAEI,IAAI,EAAE;QAAQ;MAC1C,CAAC;IACH,CAAC,CAAC;EACJ;EAEAyB,WAAWA,CAACC,YAAiB,EAAE;IAC7B,IAAIA,YAAY,CAACJ,MAAM,KAAK,CAAC,EAAE;MAC7B;IACF;IACA,IAAI,CAACtC,kBAAkB,CAAC2C,UAAU,CAACD,YAAY,EAAE;MAC/CE,YAAY,EAAE,IAAI;MAClBrC,MAAM,EAAE,IAAI,CAAClB,SAAS,CAACwD,YAAY;MACnCpC,YAAY,EACViC,YAAY,CAACJ,MAAM,KAAK,CAAC,GACrB,cAAc,GACd,GAAGI,YAAY,CAACJ,MAAM,gBAAgB;MAC5C5B,UAAU,EAAEA,CAACC,IAAa,EAAE;QAAEC;MAA6B,CAAC,MAAM;QAChEC,OAAO,EAAE,wBAAwB;QACjCC,MAAM,EAAE;UAAEC,OAAO,EAAEH,KAAK;UAAEI,IAAI,EAAE;QAAQ;MAC1C,CAAC;IACH,CAAC,CAAC;EACJ;AAuBF;AAAC8B,OAAA,CAAAlE,aAAA,GAAAA,aAAA","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "FormPageHeader137457648";
+var _namespace_ = "FormPageHeader1888813645";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "FormPageHeader137457648__root"
+  "root": "FormPageHeader1888813645__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader137457648\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"FormPageHeader137457648__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader1888813645\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"FormPageHeader1888813645__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer1996631385__root.CardContainer1996631385--mobile{border-radius:0}.CmsFieldForm1956475299__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal45411424__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection411259117__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput4042816749__field{flex:1;min-width:0}.Collapse2758930313__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2758930313__exit{height:0}.CollectionPage1852116837__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1852116837__root.CollectionPage1852116837--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1852116837__root.CollectionPage1852116837--panel{overflow:hidden;position:relative}.CollectionSectionHeader4174355409__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3856077387__root td{vertical-align:middle}.CollectionTable3856077387__root.CollectionTable3856077387--mobile td:first-child{padding-left:18px}.CollectionTable3856077387__root.CollectionTable3856077387--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable2783860405__root.CollectionTableWSRTable2783860405--resizable table{min-width:100%}.CollectionTableWSRTable2783860405__root.CollectionTableWSRTable2783860405--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1618305658__root.CollectionToolbar1618305658--harmony .CollectionToolbar1618305658__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar1618305658__left{min-width:0}.CollectionToolbar1618305658__left.CollectionToolbar1618305658--expandable{flex:auto}.CollectionToolbar1618305658__left.CollectionToolbar1618305658--title>*{width:100%}.CollectionToolbar1618305658__root.CollectionToolbar1618305658---responsiveMode-5-title .CollectionToolbar1618305658__left{flex:1 100;min-width:50px}.CollectionToolbar1618305658__root.CollectionToolbar1618305658---responsiveMode-4-tabs .CollectionToolbar1618305658__left,.CollectionToolbar1618305658__root.CollectionToolbar1618305658---responsiveMode-4-tabs .CollectionToolbar1618305658__left.CollectionToolbar1618305658--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1618305658__root.CollectionToolbar1618305658---responsiveMode-4-tabs .CollectionToolbar1618305658__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1618305658__root .CollectionToolbar1618305658__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1618305658__root.CollectionToolbar1618305658--views .CollectionToolbar1618305658__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1618305658__root.CollectionToolbar1618305658---responsiveMode-4-tabs .CollectionToolbar1618305658__right,.CollectionToolbar1618305658__root.CollectionToolbar1618305658---responsiveMode-5-title .CollectionToolbar1618305658__right{flex:0 1 auto;min-width:0}.CollectionToolbar1618305658__root .CollectionToolbar1618305658__right.CollectionToolbar1618305658__fullWidth{margin-inline-start:0!important}.CollectionToolbar1618305658__root.CollectionToolbar1618305658--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter4157439794__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter4157439794__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter4157439794__searchMobile:not(.SearchOrCustomFilter4157439794--expandable){left:18px}.SearchOrCustomFilter4157439794__searchMobile.SearchOrCustomFilter4157439794--expandable.SearchOrCustomFilter4157439794--expanded{left:18px}.AutoCompleteReadonly2534510933__root.AutoCompleteReadonly2534510933--disableEditing{cursor:pointer}.AutoCompleteReadonly2534510933__root.AutoCompleteReadonly2534510933--disableEditing input{cursor:pointer}.ViewsDropdown588051888__root{width:200px}.DragHandle47840941__root{display:flex;align-items:center}.DragHandle47840941__root:not(.DragHandle47840941--disabled){cursor:grab;color:#a8caff}.DragHandle47840941__root.DragHandle47840941--disabled{color:#acafc4}.DragHandle47840941__root:focus-visible:not(.DragHandle47840941--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle47840941__root.DragHandle47840941--disabled{pointer-events:none}.DragHandle47840941__root.DragHandle47840941--dragging:not(.DragHandle47840941--disabled){cursor:grabbing}td:has(>.EditableCell2760915353__root){position:relative;overflow:visible;min-height:24px}.EditableCell2760915353__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell2760915353__root.EditableCell2760915353--selected{background:rgba(56,153,236,.08)}.EditableCell2760915353__root.EditableCell2760915353--focused:not(.EditableCell2760915353--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell2760915353__root.EditableCell2760915353--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell2760915353__root.EditableCell2760915353--editing:not(.EditableCell2760915353--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell2760915353__root.EditableCell2760915353--focused.EditableCell2760915353--growable{background-color:var(--wsr-color-D80);background-image:linear-gradient(rgba(56,153,236,.08),rgba(56,153,236,.08));bottom:auto;min-height:100%;z-index:3}.EditableCell2760915353__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--selectionTop:not(.EditableCell2760915353--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--selectionBottom:not(.EditableCell2760915353--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--selectionLeft:not(.EditableCell2760915353--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--selectionRight:not(.EditableCell2760915353--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--selectionTop.EditableCell2760915353--editing.EditableCell2760915353--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--selectionBottom.EditableCell2760915353--editing.EditableCell2760915353--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--selectionLeft.EditableCell2760915353--editing.EditableCell2760915353--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--selectionRight.EditableCell2760915353--editing.EditableCell2760915353--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--invalid:not(.EditableCell2760915353--editing){background:rgba(229,0,77,.06)}.EditableCell2760915353__root.EditableCell2760915353--copiedTop:not(.EditableCell2760915353--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--copiedBottom:not(.EditableCell2760915353--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--copiedLeft:not(.EditableCell2760915353--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--copiedRight:not(.EditableCell2760915353--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell2760915353__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover2149224872__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover2149224872__root,.HeaderActionsPopover2149224872__root[data-menu-open=true],.HeaderActionsPopover2149224872__root:focus-within{opacity:1}.CellViewLayout1552180148__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout1552180148__root>*{flex:1;min-width:0}.Edit2058877370__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:6px;padding-right:6px;min-width:0;overflow:hidden}.Edit2058877370__addressInput>div,.Edit2058877370__addressInput>div>div,.Edit2058877370__addressInput>div>div>div{width:100%;min-width:0}.Edit1749998855__jsonInput{width:100%;margin-left:-1px}.Edit3605644959__booleanEdit{display:flex;align-items:center;margin-left:12px}.View1659296202__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit1758951656__root{width:100%;height:100%;display:flex;align-items:center}.Edit895269248__dateInput{width:100%;margin-left:-1px}.Edit4238098641__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit4238098641__dateHalf{flex:60 1 0}.Edit4238098641__timeHalf{flex:40 1 0}.Edit4238098641__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit4238098641__passiveText{padding:9px 12px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit4238098641__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View1910944526__leaf{min-width:0;padding:9px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View1910944526__datePart{flex:60 1 0}.View1910944526__timePart{flex:40 1 0}.View1910944526__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View1910944526__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit1227363736__emailInput{width:100%;margin-left:-1px}.Edit1369489208__numberInput{width:100%;margin-right:2px}.Edit1369489208__numberInput input{text-align:right;direction:ltr}.View1644359652__textView{width:100%;text-align:right}.Edit2157031009__jsonInput{width:100%;margin-left:-1px}.Edit391171980__selectInput{width:100%}.Edit813414738__editWrapper{width:100%}.Edit813414738__inputArea{background-color:transparent;width:100%}.Edit813414738__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit813414738__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit813414738__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit813414738__inputArea:not(.Edit813414738--isFocused) textarea{resize:none;overflow:hidden}.Edit813414738__inputArea:not(.Edit813414738--isFocused) textarea::-webkit-scrollbar{display:none}.Edit257158381__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
+.CardContainer892613341__root.CardContainer892613341--mobile{border-radius:0}.CmsFieldForm949764821__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal1471165315__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection3796101284__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput1565385755__field{flex:1;min-width:0}.Collapse2393188252__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2393188252__exit{height:0}.CollectionPage2115536449__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2115536449__root.CollectionPage2115536449--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2115536449__root.CollectionPage2115536449--panel{overflow:hidden;position:relative}.CollectionSectionHeader3526530237__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2481738602__root td{vertical-align:middle}.CollectionTable2481738602__root.CollectionTable2481738602--mobile td:first-child{padding-left:18px}.CollectionTable2481738602__root.CollectionTable2481738602--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3520584632__root.CollectionTableWSRTable3520584632--resizable table{min-width:100%}.CollectionTableWSRTable3520584632__root.CollectionTableWSRTable3520584632--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar3918320737__root.CollectionToolbar3918320737--harmony .CollectionToolbar3918320737__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar3918320737__left{min-width:0}.CollectionToolbar3918320737__left.CollectionToolbar3918320737--expandable{flex:auto}.CollectionToolbar3918320737__left.CollectionToolbar3918320737--title>*{width:100%}.CollectionToolbar3918320737__root.CollectionToolbar3918320737---responsiveMode-5-title .CollectionToolbar3918320737__left{flex:1 100;min-width:50px}.CollectionToolbar3918320737__root.CollectionToolbar3918320737---responsiveMode-4-tabs .CollectionToolbar3918320737__left,.CollectionToolbar3918320737__root.CollectionToolbar3918320737---responsiveMode-4-tabs .CollectionToolbar3918320737__left.CollectionToolbar3918320737--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3918320737__root.CollectionToolbar3918320737---responsiveMode-4-tabs .CollectionToolbar3918320737__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3918320737__root .CollectionToolbar3918320737__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3918320737__root.CollectionToolbar3918320737--views .CollectionToolbar3918320737__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3918320737__root.CollectionToolbar3918320737---responsiveMode-4-tabs .CollectionToolbar3918320737__right,.CollectionToolbar3918320737__root.CollectionToolbar3918320737---responsiveMode-5-title .CollectionToolbar3918320737__right{flex:0 1 auto;min-width:0}.CollectionToolbar3918320737__root .CollectionToolbar3918320737__right.CollectionToolbar3918320737__fullWidth{margin-inline-start:0!important}.CollectionToolbar3918320737__root.CollectionToolbar3918320737--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter33704318__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter33704318__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter33704318__searchMobile:not(.SearchOrCustomFilter33704318--expandable){left:18px}.SearchOrCustomFilter33704318__searchMobile.SearchOrCustomFilter33704318--expandable.SearchOrCustomFilter33704318--expanded{left:18px}.AutoCompleteReadonly257985153__root.AutoCompleteReadonly257985153--disableEditing{cursor:pointer}.AutoCompleteReadonly257985153__root.AutoCompleteReadonly257985153--disableEditing input{cursor:pointer}.ViewsDropdown3946390091__root{width:200px}.DragHandle3580633791__root{display:flex;align-items:center}.DragHandle3580633791__root:not(.DragHandle3580633791--disabled){cursor:grab;color:#a8caff}.DragHandle3580633791__root.DragHandle3580633791--disabled{color:#acafc4}.DragHandle3580633791__root:focus-visible:not(.DragHandle3580633791--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3580633791__root.DragHandle3580633791--disabled{pointer-events:none}.DragHandle3580633791__root.DragHandle3580633791--dragging:not(.DragHandle3580633791--disabled){cursor:grabbing}td:has(>.EditableCell4238353398__root){position:relative;overflow:visible}tr:has(.EditableCell4238353398__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell4238353398__root{display:flex;align-items:center;padding:0;position:absolute;top:-1px;left:-1px;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff));border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb))}tr:first-child>td>.EditableCell4238353398__root{top:0}.EditableCell4238353398__root:hover:not(.EditableCell4238353398--rowActive):not(.EditableCell4238353398--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell4238353398__root.EditableCell4238353398--rowActive:not(.EditableCell4238353398--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell4238353398__root.EditableCell4238353398--rowActive:hover:not(.EditableCell4238353398--focused):not(.EditableCell4238353398--rangeSelected){border-color:var(--wds-input-border-color-hover, var(--wsr-color-B40, #d6e6fe));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell4238353398__root.EditableCell4238353398--focused:not(.EditableCell4238353398--rangeSelected){border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell4238353398__root.EditableCell4238353398--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell4238353398__root.EditableCell4238353398--editing:not(.EditableCell4238353398--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell4238353398__root.EditableCell4238353398--focused.EditableCell4238353398--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell4238353398__root:has([data-inner-focused]){overflow:visible;z-index:3;border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell4238353398__root.EditableCell4238353398--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell4238353398__root.EditableCell4238353398--selectionTop:not(.EditableCell4238353398--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell4238353398__root.EditableCell4238353398--selectionBottom:not(.EditableCell4238353398--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell4238353398__root.EditableCell4238353398--selectionLeft:not(.EditableCell4238353398--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell4238353398__root.EditableCell4238353398--selectionRight:not(.EditableCell4238353398--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell4238353398__root.EditableCell4238353398--invalid:not(.EditableCell4238353398--editing){background:rgba(229,0,77,.06)}.EditableCell4238353398__root.EditableCell4238353398--copiedTop:not(.EditableCell4238353398--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell4238353398__root.EditableCell4238353398--copiedBottom:not(.EditableCell4238353398--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell4238353398__root.EditableCell4238353398--copiedLeft:not(.EditableCell4238353398--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell4238353398__root.EditableCell4238353398--copiedRight:not(.EditableCell4238353398--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell4238353398__validationIndicator{flex-shrink:0;margin-left:8px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover1458022149__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover1458022149__root,.HeaderActionsPopover1458022149__root[data-menu-open=true],.HeaderActionsPopover1458022149__root:focus-within{opacity:1}.CellViewLayout2274258535__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2274258535__root>*{flex:1;min-width:0}.Edit2525511369__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:8px;padding-right:8px;min-width:0;overflow:hidden}.Edit2525511369__addressInput>div,.Edit2525511369__addressInput>div>div,.Edit2525511369__addressInput>div>div>div{width:100%;min-width:0}.Edit2981320112__jsonInput{width:100%;margin-left:-1px}.Edit4150083857__booleanEdit{display:flex;align-items:center;margin-left:8px}.View772475961__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit770452658__root{width:100%;height:100%;display:flex;align-items:center}.Edit4239755524__dateInput{width:100%;margin-left:-1px}.Edit4259770619__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit4259770619__dateHalf{flex:60 1 0}.Edit4259770619__timeHalf{flex:40 1 0}.Edit4259770619__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit4259770619__passiveText{padding:6px 8px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit4259770619__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View4034504375__leaf{min-width:0;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View4034504375__datePart{flex:60 1 0}.View4034504375__timePart{flex:40 1 0}.View4034504375__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View4034504375__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3518008869__emailInput{width:100%;margin-left:-1px}.Edit3123858299__numberInput{width:100%;margin-right:2px}.Edit3123858299__numberInput input{text-align:right;direction:ltr}.View3131273237__textView{width:100%;text-align:right}.Edit4094000354__jsonInput{width:100%;margin-left:-1px}.Edit678433903__selectInput{width:100%}.Edit1380780013__editWrapper{width:100%}.Edit1380780013__inputArea{background-color:transparent;width:100%}.Edit1380780013__inputArea input,.Edit1380780013__inputArea textarea{font-size:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px))!important;line-height:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px))!important}.Edit1380780013__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1380780013__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit1380780013__inputArea>div::after{box-shadow:none!important}.Edit1380780013__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1380780013__inputArea:not(.Edit1380780013--isFocused) textarea{resize:none;overflow:hidden}.Edit1380780013__inputArea:not(.Edit1380780013--isFocused) textarea::-webkit-scrollbar{display:none}.Edit1089604992__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
     --wds-font-line-height-body-small
-  )}.Edit257158381__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit1804190103__urlInput{width:100%;margin-left:-1px}.View1839492545__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View1839492545__urlText{flex:1;min-width:0}.View1839492545__suffix{flex-shrink:0;margin-left:10px}.View1839492545__textView.View1839492545--suffixOnHover:not(:hover) .View1839492545__suffix{display:none}.EntityPagePlain560955816__root.EntityPagePlain560955816--mobile{--wds-page-header-padding-horizontal:0}.Fade410252676__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade410252676__root.Fade410252676--exit{opacity:0}.Heading2094996794__root{visibility:visible}.Heading2094996794__root.Heading2094996794--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2501529488__fileUpload{width:100%}.InputOverflow320214964__root.InputOverflow320214964--selected:not(.InputOverflow320214964--focused) input::placeholder{color:#000624}@keyframes LoadingRow1504112851__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow1504112851__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow1504112851__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3055850773__root{opacity:1}.MaxHeightText3055850773__root.MaxHeightText3055850773--height24{line-height:24px}.MaxLines1849116077__root{overflow:hidden}.MaxLines1849116077__root.MaxLines1849116077--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1481972970__root{min-width:0}.MultiBulkActionToolbar1481972970__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1481972970__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1481972970__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow812840859__root td{padding:0!important;width:100%}.NestedTableRow2829227085__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2829227085__root:hover{background-color:#e7f0ff!important}.NestedTableRow2829227085__root.NestedTableRow2829227085--expandable{cursor:pointer}.NestedTableRow2829227085__placeholder td{padding:0!important;width:100%}.NestedTableRow2829227085__root:hover td:first-of-type::before,.NestedTableRow2829227085__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect900919034__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow3774769656__root.NestedTableDragAndDropRow3774769656--draggingInto td{background-color:#e7f0ff!important}.PickerContent4220848037__root{display:flex}.PickerContentAdditionalStep205887611__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep205887611__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3188700452__root{box-sizing:border-box}.ScrollableContent3106237506__root.ScrollableContent3106237506--overflowY{overflow-y:auto}.ScrollableContent3106237506__root.ScrollableContent3106237506--overflowX{overflow-x:auto}.ScrollableContent3106237506__root.ScrollableContent3106237506--smooth{scroll-behavior:smooth}.SetupWidget2832764723__row{display:flex;flex-direction:column;padding:var(--wds-space-100, 6px);border-radius:var(--wds-border-radius-200, 4px);border:1px solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB));background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));overflow:clip}.SetupWidget2832764723__row.SetupWidget2832764723--clickable{cursor:pointer}.SetupWidget2832764723__row.SetupWidget2832764723--hoverable:hover{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));border-color:var(--wds-color-border-standard-secondary, var(--wsr-color-B40, #D6E6FE))}.SetupWidget2832764723__row.SetupWidget2832764723--focused{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));border-color:var(--wds-color-border-standard-primary, var(--wsr-color-B30, #A8CAFF))}.SetupWidget2832764723__completedCta{opacity:0;transition:opacity .25s ease-in-out}.SetupWidget2832764723__row:hover .SetupWidget2832764723__completedCta,.SetupWidget2832764723__row:focus-within .SetupWidget2832764723__completedCta{opacity:1}.SetupWidget2832764723__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget2832764723__card.SetupWidget2832764723--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2832764723__card.SetupWidget2832764723--clickable{cursor:pointer}.SetupWidget2832764723__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget2832764723__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget2832764723__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget2832764723__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard1542096506__headerLoading{display:block!important}.SlidingModal942360491__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal942360491__root.SlidingModal942360491--overlay{transition:transform 0s ease 0s}.SlidingModal942360491__root.SlidingModal942360491---appendTo-6-parent{position:absolute}.SlidingModal942360491__root:not(.SlidingModal942360491--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader448034550__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader448034550__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader448034550__hoverBridge{display:inline-block;padding:4px 13px 4px 4px;background:0 0}[data-content-element^=popover-content-add-field-popover-][data-hook=popover-content][class]{background:0 0;border:0;box-shadow:none;border-radius:0;padding:0}.TabsFilter3678414365__root .TabsFilter3678414365__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter3678414365__root.TabsFilter3678414365--selected .TabsFilter3678414365__title,.TabsFilter3678414365__root:hover .TabsFilter3678414365__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal2727734484__root{display:flex}.ManageTagsModal2727734484__root.ManageTagsModal2727734484--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal2727734484__root.ManageTagsModal2727734484--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem4020054682__root{min-width:0}.ToolbarItemBox2514597951__root{min-width:0}.ToolbarItemBox2514597951__root.ToolbarItemBox2514597951--removeStartPadding{margin-left:-24px}.ToolbarItemBox2514597951__root.ToolbarItemBox2514597951--expandable{flex:1 0}.common1215794069__column{display:flex;flex-direction:column}.common1215794069__fullHeight{height:100%;min-height:0}.CollectionPageHeader317245957__root:not(.CollectionPageHeader317245957--mobile){gap:12px}.CollectionPageHeader317245957__root.CollectionPageHeader317245957--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader317245957__root.CollectionPageHeader317245957--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader137457648__root.FormPageHeader137457648--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader137457648__root.FormPageHeader137457648--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.Edit1089604992__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit1905676537__urlInput{width:100%;margin-left:-1px}.View379792089__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View379792089__urlText{flex:1;min-width:0}.View379792089__suffix{flex-shrink:0;margin-left:10px}.View379792089__textView.View379792089--suffixOnHover:not(:hover) .View379792089__suffix{display:none}.EntityPagePlain3658276137__root.EntityPagePlain3658276137--mobile{--wds-page-header-padding-horizontal:0}.Fade3842269714__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3842269714__root.Fade3842269714--exit{opacity:0}.Heading1047267685__root{visibility:visible}.Heading1047267685__root.Heading1047267685--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2184561826__fileUpload{width:100%}.InputOverflow76574458__root.InputOverflow76574458--selected:not(.InputOverflow76574458--focused) input::placeholder{color:#000624}@keyframes LoadingRow1130441557__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow1130441557__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow1130441557__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1050269616__root{opacity:1}.MaxHeightText1050269616__root.MaxHeightText1050269616--height24{line-height:24px}.MaxLines1963498891__root{overflow:hidden}.MaxLines1963498891__root.MaxLines1963498891--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3848768586__root{min-width:0}.MultiBulkActionToolbar3848768586__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3848768586__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3848768586__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1090080776__root td{padding:0!important;width:100%}.NestedTableRow2441062097__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2441062097__root:hover{background-color:#e7f0ff!important}.NestedTableRow2441062097__root.NestedTableRow2441062097--expandable{cursor:pointer}.NestedTableRow2441062097__placeholder td{padding:0!important;width:100%}.NestedTableRow2441062097__root:hover td:first-of-type::before,.NestedTableRow2441062097__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2325489378__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow4280626577__root.NestedTableDragAndDropRow4280626577--draggingInto td{background-color:#e7f0ff!important}.PickerContent2797420304__root{display:flex}.PickerContentAdditionalStep1055771732__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1055771732__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem4154832707__root{box-sizing:border-box}.ScrollableContent2990159044__root.ScrollableContent2990159044--overflowY{overflow-y:auto}.ScrollableContent2990159044__root.ScrollableContent2990159044--overflowX{overflow-x:auto}.ScrollableContent2990159044__root.ScrollableContent2990159044--smooth{scroll-behavior:smooth}.SetupWidget122544272__row{display:flex;flex-direction:column;padding:var(--wds-space-100, 6px);border-radius:var(--wds-border-radius-200, 4px);border:1px solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB));background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));overflow:clip}.SetupWidget122544272__row.SetupWidget122544272--clickable{cursor:pointer}.SetupWidget122544272__row.SetupWidget122544272--hoverable:hover{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));border-color:var(--wds-color-border-standard-secondary, var(--wsr-color-B40, #D6E6FE))}.SetupWidget122544272__row.SetupWidget122544272--focused{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));border-color:var(--wds-color-border-standard-primary, var(--wsr-color-B30, #A8CAFF))}.SetupWidget122544272__completedCta{opacity:0;transition:opacity .25s ease-in-out}.SetupWidget122544272__row:hover .SetupWidget122544272__completedCta,.SetupWidget122544272__row:focus-within .SetupWidget122544272__completedCta{opacity:1}.SetupWidget122544272__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget122544272__card.SetupWidget122544272--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget122544272__card.SetupWidget122544272--clickable{cursor:pointer}.SetupWidget122544272__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget122544272__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget122544272__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget122544272__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard2938728785__headerLoading{display:block!important}.SlidingModal2563845956__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2563845956__root.SlidingModal2563845956--overlay{transition:transform 0s ease 0s}.SlidingModal2563845956__root.SlidingModal2563845956---appendTo-6-parent{position:absolute}.SlidingModal2563845956__root:not(.SlidingModal2563845956--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader1409429537__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader1409429537__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader1409429537__hoverBridge{display:inline-block;padding:4px 13px 4px 4px;background:0 0}[data-content-element^=popover-content-add-field-popover-][data-hook=popover-content][class]{background:0 0;border:0;box-shadow:none;border-radius:0;padding:0}.TabsFilter2813371047__root .TabsFilter2813371047__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)));font-size:var(--wds-tabs-label-font-size-medium, var(--wsr-text-font-size-medium, 16px));line-height:var(--wds-tabs-label-line-height-medium, var(--wsr-text-line-height-medium, 22px))}.TabsFilter2813371047__root.TabsFilter2813371047--selected .TabsFilter2813371047__title,.TabsFilter2813371047__root:hover .TabsFilter2813371047__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal2370684890__root{display:flex}.ManageTagsModal2370684890__root.ManageTagsModal2370684890--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal2370684890__root.ManageTagsModal2370684890--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem2624997349__root{min-width:0}.ToolbarItemBox3168569819__root{min-width:0}.ToolbarItemBox3168569819__root.ToolbarItemBox3168569819--removeStartPadding{margin-left:-24px}.ToolbarItemBox3168569819__root.ToolbarItemBox3168569819--expandable{flex:1 0}.common3154596631__column{display:flex;flex-direction:column}.common3154596631__fullHeight{height:100%;min-height:0}.CollectionPageHeader3390935773__root:not(.CollectionPageHeader3390935773--mobile){gap:12px}.CollectionPageHeader3390935773__root.CollectionPageHeader3390935773--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3390935773__root.CollectionPageHeader3390935773--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1888813645__root.FormPageHeader1888813645--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1888813645__root.FormPageHeader1888813645--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.433.0';
+const version = exports.version = 'patterns@1.434.0';
 //# sourceMappingURL=version.js.map

package/dist/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.433.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.434.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/docs/CollectionEmptyState.md

@@ -234,7 +234,7 @@ function PassiveEmptyState() {
 | `theme` | `"page" \| "page-no-border" \| "section"` | No | - | @deprecated use skin prop instead |
 | `subtitle` | `string` | No | - | Overrides the default subtitle. |
 | `image` | `ReactNode` | No | - | Overrides the default image. Accepts a custom `ReactElement` or boolean value. Pass `false` to hide the default image. |
+| `customCta` | `ReactNode` | No | - | Adds another custom call to action button. Pass a [TextButton](https://www.docs.wixdesignsystem.com/?path=/story/components-actions--textbutton) component. |
 | `classNames` | `{ imageContainer?: string; }` | No | - | Sets the empty state image bottom margin. If not specified, use the default padding defined in the CSS. |
 | `align` | `"start" \| "center" \| "end"` | No | `'center'` | Sets the alignment of all empty state contents within the component container |
-| `customCta` | `ReactNode` | No | - | Adds another custom call to action button. Pass a [TextButton](https://www.docs.wixdesignsystem.com/?path=/story/components-actions--textbutton) component. |
 

package/dist/docs/CollectionPremiumEmptyState.md

@@ -109,7 +109,7 @@ function CollectionPremiumEmptyStateExample() {
 | `theme` | `"page" \| "page-no-border" \| "section"` | No | - | @deprecated use skin prop instead |
 | `subtitle` | `string` | No | - | Overrides the default subtitle. |
 | `image` | `ReactNode` | No | - | Overrides the default image. Accepts a custom `ReactElement` or boolean value. Pass `false` to hide the default image. |
+| `customCta` | `ReactNode` | No | - | Adds another custom call to action button. Pass a [TextButton](https://www.docs.wixdesignsystem.com/?path=/story/components-actions--textbutton) component. |
 | `classNames` | `{ imageContainer?: string; }` | No | - | Sets the empty state image bottom margin. If not specified, use the default padding defined in the CSS. |
 | `align` | `"start" \| "center" \| "end"` | No | `'center'` | Sets the alignment of all empty state contents within the component container |
-| `customCta` | `ReactNode` | No | - | Adds another custom call to action button. Pass a [TextButton](https://www.docs.wixdesignsystem.com/?path=/story/components-actions--textbutton) component. |