@wix/patterns 1.461.0 → 1.462.0

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

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_utils","ClipboardState","constructor","parent","_defineProperty2","default","Set","Map","_parent","makeObservable","copiedCells","observable","isCut","hasCopiedCells","computed","copy","action","cut","paste","clear","_storeCells","rawData","cellValue","cellInteraction","target","focusedCell","targetPos","_toIndices","isInternal","_copiedDataString","undefined","pastedKeys","_pasteGrid","_clearCutSources","useRichValues","richChanges","rawChanges","rows","split","filter","row","length","r","cols","c","dest","_toPosition","col","copiedValueKey","_copiedValues","has","push","rowKey","columnId","value","get","rawValue","add","cellKey","applyBulkValues","applyBulkRawValues","cells","key","pos","parseCellKey","clearCells","isCellCopied","getCopiedBorder","noBorder","isNeighborCopied","neighbor","top","bottom","left","right","size","selectedCellsList","cell","indices","map","idx","minRow","Math","min","i","maxRow","max","minCol","maxCol","data","serialized","serializeCellValue","set","getCellDisplayValue","tsv","join","exports"],"sources":["../../../../src/state/EditableTable/ClipboardState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport type { Cell, CellBorder } from './types';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { EditableTableState } from './EditableTableState';\nimport { cellKey, parseCellKey, noBorder } from './utils';\n\nexport class ClipboardState<T, F extends FiltersMap> {\n  copiedCells = new Set<string>();\n  isCut = false;\n  private _copiedDataString?: string;\n  private _copiedValues = new Map<string, any>();\n  private readonly _parent: EditableTableState<T, F>;\n\n  constructor(parent: EditableTableState<T, F>) {\n    this._parent = parent;\n    makeObservable(this, {\n      copiedCells: observable,\n      isCut: observable,\n      hasCopiedCells: computed,\n      copy: action,\n      cut: action,\n      paste: action,\n      clear: action,\n    });\n  }\n\n  /**\n   * Copy selected cells. Returns serialized TSV string for clipboard.\n   */\n  copy(): string {\n    this.clear();\n    return this._storeCells();\n  }\n\n  /**\n   * Cut selected cells. Returns serialized TSV string for clipboard.\n   */\n  cut(): string {\n    this.clear();\n    this.isCut = true;\n    return this._storeCells();\n  }\n\n  /**\n   * Paste data starting at target position.\n   * If the clipboard text matches what we stored at copy time, uses the rich\n   * typed values instead of deserializing from TSV (avoids lossy round-trip).\n   */\n  paste(rawData: string) {\n    const { cellValue, cellInteraction } = this._parent;\n    const target = cellInteraction.focusedCell;\n    if (!target) {\n      return;\n    }\n    const targetPos = this._parent._toIndices(target);\n    if (!targetPos) {\n      return;\n    }\n\n    const isInternal =\n      this._copiedDataString !== undefined &&\n      this._copiedDataString === rawData;\n\n    const pastedKeys = this._pasteGrid(\n      rawData,\n      targetPos,\n      isInternal,\n      cellValue,\n    );\n\n    if (this.isCut && isInternal) {\n      this._clearCutSources(pastedKeys, cellValue);\n    }\n\n    this.clear();\n  }\n\n  private _pasteGrid(\n    rawData: string,\n    targetPos: { row: number; col: number },\n    useRichValues: boolean,\n    cellValue: EditableTableState<T, F>['cellValue'],\n  ): Set<string> {\n    const pastedKeys = new Set<string>();\n    const richChanges: { rowKey: string; columnId: string; value: any }[] = [];\n    const rawChanges: { rowKey: string; columnId: string; rawValue: string }[] =\n      [];\n    const rows = rawData\n      .split(/\\r?\\n/)\n      .filter((row) => useRichValues || row.length > 0);\n\n    for (let r = 0; r < rows.length; r++) {\n      const cols = rows[r].split('\\t');\n      for (let c = 0; c < cols.length; c++) {\n        const dest = this._parent._toPosition(\n          targetPos.row + r,\n          targetPos.col + c,\n        );\n        if (!dest) {\n          continue;\n        }\n\n        const copiedValueKey = `${r}:${c}`;\n\n        if (useRichValues && this._copiedValues.has(copiedValueKey)) {\n          richChanges.push({\n            rowKey: dest.rowKey,\n            columnId: dest.columnId,\n            value: this._copiedValues.get(copiedValueKey),\n          });\n        } else {\n          rawChanges.push({\n            rowKey: dest.rowKey,\n            columnId: dest.columnId,\n            rawValue: cols[c],\n          });\n        }\n\n        pastedKeys.add(cellKey(dest.rowKey, dest.columnId));\n      }\n    }\n\n    if (richChanges.length > 0) {\n      cellValue.applyBulkValues(richChanges);\n    }\n    if (rawChanges.length > 0) {\n      cellValue.applyBulkRawValues(rawChanges);\n    }\n\n    return pastedKeys;\n  }\n\n  private _clearCutSources(\n    pastedKeys: Set<string>,\n    cellValue: EditableTableState<T, F>['cellValue'],\n  ) {\n    const cells: Cell[] = [];\n    for (const key of this.copiedCells) {\n      if (pastedKeys.has(key)) {\n        continue;\n      }\n      const pos = parseCellKey(key);\n      if (pos) {\n        cells.push(pos);\n      }\n    }\n\n    cellValue.clearCells(cells);\n  }\n\n  clear() {\n    this.copiedCells.clear();\n    this.isCut = false;\n    this._copiedDataString = undefined;\n    this._copiedValues.clear();\n  }\n\n  isCellCopied(rowKey: string, columnId: string): boolean {\n    return this.copiedCells.has(cellKey(rowKey, columnId));\n  }\n\n  getCopiedBorder(rowKey: string, columnId: string): CellBorder {\n    if (!this.isCellCopied(rowKey, columnId)) {\n      return noBorder;\n    }\n\n    const pos = this._parent._toIndices({ rowKey, columnId });\n    if (!pos) {\n      return noBorder;\n    }\n\n    const isNeighborCopied = (row: number, col: number) => {\n      const neighbor = this._parent._toPosition(row, col);\n      return (\n        neighbor !== null &&\n        this.copiedCells.has(cellKey(neighbor.rowKey, neighbor.columnId))\n      );\n    };\n\n    return {\n      top: !isNeighborCopied(pos.row - 1, pos.col),\n      bottom: !isNeighborCopied(pos.row + 1, pos.col),\n      left: !isNeighborCopied(pos.row, pos.col - 1),\n      right: !isNeighborCopied(pos.row, pos.col + 1),\n    };\n  }\n\n  get hasCopiedCells(): boolean {\n    return this.copiedCells.size > 0;\n  }\n\n  private _storeCells(): string {\n    const cells = this._parent.cellInteraction.selectedCellsList;\n    if (cells.length === 0) {\n      return '';\n    }\n\n    const { cellValue } = this._parent;\n\n    for (const cell of cells) {\n      this.copiedCells.add(cellKey(cell.rowKey, cell.columnId));\n    }\n\n    const indices = cells\n      .map((c) => this._parent._toIndices(c))\n      .filter((idx): idx is { row: number; col: number } => idx !== null);\n\n    if (indices.length === 0) {\n      return '';\n    }\n\n    const minRow = Math.min(...indices.map((i) => i.row));\n    const maxRow = Math.max(...indices.map((i) => i.row));\n    const minCol = Math.min(...indices.map((i) => i.col));\n    const maxCol = Math.max(...indices.map((i) => i.col));\n\n    const data: string[][] = [];\n    for (let r = minRow; r <= maxRow; r++) {\n      const row: string[] = [];\n      for (let c = minCol; c <= maxCol; c++) {\n        const pos = this._parent._toPosition(r, c);\n        if (pos && this.copiedCells.has(cellKey(pos.rowKey, pos.columnId))) {\n          const serialized = cellValue.serializeCellValue(\n            pos.rowKey,\n            pos.columnId,\n          );\n          row.push(serialized);\n          this._copiedValues.set(\n            `${r - minRow}:${c - minCol}`,\n            cellValue.getCellDisplayValue(pos.rowKey, pos.columnId),\n          );\n        } else {\n          row.push('');\n        }\n      }\n      data.push(row);\n    }\n\n    const tsv = data.map((row) => row.join('\\t')).join('\\n');\n    this._copiedDataString = tsv;\n    return tsv;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_utils","ClipboardState","constructor","parent","_defineProperty2","default","Set","Map","_parent","makeObservable","copiedCells","observable","isCut","hasCopiedCells","computed","copy","action","cut","paste","clear","_storeCells","data","size","rawData","cellValue","cellInteraction","target","focusedCell","getCellActionDisabledTooltip","targetPos","_toIndices","isInternal","_copiedDataString","undefined","keptSourceKeys","_pasteGrid","_clearCutSources","useRichValues","richChanges","rawChanges","rows","split","filter","row","length","r","cols","c","offset","_copiedValues","has","dest","_toPosition","col","isColumnEditable","rowKey","columnId","sourceKey","_copiedSourceKeys","get","add","cellKey","push","value","rawValue","applyBulkValues","applyBulkRawValues","cells","key","pos","parseCellKey","clearCells","isCellCopied","getCopiedBorder","noBorder","isNeighborCopied","neighbor","top","bottom","left","right","actionId","selectedCells","selectedCellsList","getActionableCells","cell","indices","map","idx","minRow","Math","min","i","maxRow","max","minCol","maxCol","serialized","serializeCellValue","set","getCellDisplayValue","tsv","join","exports"],"sources":["../../../../src/state/EditableTable/ClipboardState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport type { Cell, CellBorder } from './types';\nimport type { EditableCellContextMenuAction, FiltersMap } from '@wix/bex-core';\nimport type { EditableTableState } from './EditableTableState';\nimport { cellKey, parseCellKey, noBorder } from './utils';\n\nexport class ClipboardState<T, F extends FiltersMap> {\n  copiedCells = new Set<string>();\n  isCut = false;\n  private _copiedDataString?: string;\n  private _copiedValues = new Map<string, any>();\n  private _copiedSourceKeys = new Map<string, string>();\n  private readonly _parent: EditableTableState<T, F>;\n\n  constructor(parent: EditableTableState<T, F>) {\n    this._parent = parent;\n    makeObservable(this, {\n      copiedCells: observable,\n      isCut: observable,\n      hasCopiedCells: computed,\n      copy: action,\n      cut: action,\n      paste: action,\n      clear: action,\n    });\n  }\n\n  /**\n   * Copy selected cells. Returns serialized TSV string for clipboard.\n   */\n  copy(): string {\n    this.clear();\n    return this._storeCells('copy');\n  }\n\n  /**\n   * Cut selected cells. Returns serialized TSV string for clipboard.\n   */\n  cut(): string {\n    this.clear();\n    const data = this._storeCells('cut');\n    this.isCut = this.copiedCells.size > 0;\n    return data;\n  }\n\n  /**\n   * Paste data starting at target position.\n   * If the clipboard text matches what we stored at copy time, uses the rich\n   * typed values instead of deserializing from TSV (avoids lossy round-trip).\n   */\n  paste(rawData: string) {\n    const { cellValue, cellInteraction } = this._parent;\n    const target = cellInteraction.focusedCell;\n    if (!target) {\n      return;\n    }\n    if (cellValue.getCellActionDisabledTooltip('paste', target)) {\n      return;\n    }\n    const targetPos = this._parent._toIndices(target);\n    if (!targetPos) {\n      return;\n    }\n\n    const isInternal =\n      this._copiedDataString !== undefined &&\n      this._copiedDataString === rawData;\n\n    const keptSourceKeys = this._pasteGrid(\n      rawData,\n      targetPos,\n      isInternal,\n      cellValue,\n    );\n\n    if (this.isCut && isInternal) {\n      this._clearCutSources(keptSourceKeys, cellValue);\n    }\n\n    this.clear();\n  }\n\n  private _pasteGrid(\n    rawData: string,\n    targetPos: { row: number; col: number },\n    useRichValues: boolean,\n    cellValue: EditableTableState<T, F>['cellValue'],\n  ): Set<string> {\n    const keptSourceKeys = new Set<string>();\n    const richChanges: { rowKey: string; columnId: string; value: any }[] = [];\n    const rawChanges: { rowKey: string; columnId: string; rawValue: string }[] =\n      [];\n    const rows = rawData\n      .split(/\\r?\\n/)\n      .filter((row) => useRichValues || row.length > 0);\n\n    for (let r = 0; r < rows.length; r++) {\n      const cols = rows[r].split('\\t');\n      for (let c = 0; c < cols.length; c++) {\n        const offset = `${r}:${c}`;\n        if (useRichValues && !this._copiedValues.has(offset)) {\n          continue;\n        }\n\n        const dest = this._parent._toPosition(\n          targetPos.row + r,\n          targetPos.col + c,\n        );\n        if (\n          !dest ||\n          !cellValue.isColumnEditable(dest.rowKey, dest.columnId) ||\n          cellValue.getCellActionDisabledTooltip('paste', dest)\n        ) {\n          const sourceKey = this._copiedSourceKeys.get(offset);\n          if (sourceKey) {\n            keptSourceKeys.add(sourceKey);\n          }\n          continue;\n        }\n\n        keptSourceKeys.add(cellKey(dest.rowKey, dest.columnId));\n        if (useRichValues) {\n          richChanges.push({\n            rowKey: dest.rowKey,\n            columnId: dest.columnId,\n            value: this._copiedValues.get(offset),\n          });\n        } else {\n          rawChanges.push({\n            rowKey: dest.rowKey,\n            columnId: dest.columnId,\n            rawValue: cols[c],\n          });\n        }\n      }\n    }\n\n    if (richChanges.length > 0) {\n      cellValue.applyBulkValues(richChanges);\n    }\n    if (rawChanges.length > 0) {\n      cellValue.applyBulkRawValues(rawChanges);\n    }\n\n    return keptSourceKeys;\n  }\n\n  private _clearCutSources(\n    keptSourceKeys: Set<string>,\n    cellValue: EditableTableState<T, F>['cellValue'],\n  ) {\n    const cells: Cell[] = [];\n    for (const key of this.copiedCells) {\n      if (keptSourceKeys.has(key)) {\n        continue;\n      }\n      const pos = parseCellKey(key);\n      if (pos) {\n        cells.push(pos);\n      }\n    }\n\n    cellValue.clearCells(cells);\n  }\n\n  clear() {\n    this.copiedCells.clear();\n    this.isCut = false;\n    this._copiedDataString = undefined;\n    this._copiedValues.clear();\n    this._copiedSourceKeys.clear();\n  }\n\n  isCellCopied(rowKey: string, columnId: string): boolean {\n    return this.copiedCells.has(cellKey(rowKey, columnId));\n  }\n\n  getCopiedBorder(rowKey: string, columnId: string): CellBorder {\n    if (!this.isCellCopied(rowKey, columnId)) {\n      return noBorder;\n    }\n\n    const pos = this._parent._toIndices({ rowKey, columnId });\n    if (!pos) {\n      return noBorder;\n    }\n\n    const isNeighborCopied = (row: number, col: number) => {\n      const neighbor = this._parent._toPosition(row, col);\n      return (\n        neighbor !== null &&\n        this.copiedCells.has(cellKey(neighbor.rowKey, neighbor.columnId))\n      );\n    };\n\n    return {\n      top: !isNeighborCopied(pos.row - 1, pos.col),\n      bottom: !isNeighborCopied(pos.row + 1, pos.col),\n      left: !isNeighborCopied(pos.row, pos.col - 1),\n      right: !isNeighborCopied(pos.row, pos.col + 1),\n    };\n  }\n\n  get hasCopiedCells(): boolean {\n    return this.copiedCells.size > 0;\n  }\n\n  private _storeCells(actionId: EditableCellContextMenuAction): string {\n    const selectedCells = this._parent.cellInteraction.selectedCellsList;\n    if (selectedCells.length === 0) {\n      return '';\n    }\n\n    const { cellValue } = this._parent;\n    const cells = cellValue.getActionableCells(actionId, selectedCells);\n    if (cells.length === 0) {\n      return '';\n    }\n\n    for (const cell of cells) {\n      this.copiedCells.add(cellKey(cell.rowKey, cell.columnId));\n    }\n\n    const indices = selectedCells\n      .map((c) => this._parent._toIndices(c))\n      .filter((idx): idx is { row: number; col: number } => idx !== null);\n\n    if (indices.length === 0) {\n      return '';\n    }\n\n    const minRow = Math.min(...indices.map((i) => i.row));\n    const maxRow = Math.max(...indices.map((i) => i.row));\n    const minCol = Math.min(...indices.map((i) => i.col));\n    const maxCol = Math.max(...indices.map((i) => i.col));\n\n    const data: string[][] = [];\n    for (let r = minRow; r <= maxRow; r++) {\n      const row: string[] = [];\n      for (let c = minCol; c <= maxCol; c++) {\n        const pos = this._parent._toPosition(r, c);\n        if (pos && this.copiedCells.has(cellKey(pos.rowKey, pos.columnId))) {\n          const serialized = cellValue.serializeCellValue(\n            pos.rowKey,\n            pos.columnId,\n          );\n          row.push(serialized);\n          const offset = `${r - minRow}:${c - minCol}`;\n          this._copiedValues.set(\n            offset,\n            cellValue.getCellDisplayValue(pos.rowKey, pos.columnId),\n          );\n          this._copiedSourceKeys.set(offset, cellKey(pos.rowKey, pos.columnId));\n        } else {\n          row.push('');\n        }\n      }\n      data.push(row);\n    }\n\n    const tsv = data.map((row) => row.join('\\t')).join('\\n');\n    this._copiedDataString = tsv;\n    return tsv;\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAIA,IAAAC,MAAA,GAAAD,OAAA;AAEO,MAAME,cAAc,CAA0B;EAQnDC,WAAWA,CAACC,MAAgC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,uBAPhC,IAAIC,GAAG,CAAS,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,iBACvB,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,yBAEW,IAAIE,GAAG,CAAc,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,6BAClB,IAAIE,GAAG,CAAiB,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA;IAInD,IAAI,CAACG,OAAO,GAAGL,MAAM;IACrB,IAAAM,oBAAc,EAAC,IAAI,EAAE;MACnBC,WAAW,EAAEC,gBAAU;MACvBC,KAAK,EAAED,gBAAU;MACjBE,cAAc,EAAEC,cAAQ;MACxBC,IAAI,EAAEC,YAAM;MACZC,GAAG,EAAED,YAAM;MACXE,KAAK,EAAEF,YAAM;MACbG,KAAK,EAAEH;IACT,CAAC,CAAC;EACJ;;EAEA;AACF;AACA;EACED,IAAIA,CAAA,EAAW;IACb,IAAI,CAACI,KAAK,CAAC,CAAC;IACZ,OAAO,IAAI,CAACC,WAAW,CAAC,MAAM,CAAC;EACjC;;EAEA;AACF;AACA;EACEH,GAAGA,CAAA,EAAW;IACZ,IAAI,CAACE,KAAK,CAAC,CAAC;IACZ,MAAME,IAAI,GAAG,IAAI,CAACD,WAAW,CAAC,KAAK,CAAC;IACpC,IAAI,CAACR,KAAK,GAAG,IAAI,CAACF,WAAW,CAACY,IAAI,GAAG,CAAC;IACtC,OAAOD,IAAI;EACb;;EAEA;AACF;AACA;AACA;AACA;EACEH,KAAKA,CAACK,OAAe,EAAE;IACrB,MAAM;MAAEC,SAAS;MAAEC;IAAgB,CAAC,GAAG,IAAI,CAACjB,OAAO;IACnD,MAAMkB,MAAM,GAAGD,eAAe,CAACE,WAAW;IAC1C,IAAI,CAACD,MAAM,EAAE;MACX;IACF;IACA,IAAIF,SAAS,CAACI,4BAA4B,CAAC,OAAO,EAAEF,MAAM,CAAC,EAAE;MAC3D;IACF;IACA,MAAMG,SAAS,GAAG,IAAI,CAACrB,OAAO,CAACsB,UAAU,CAACJ,MAAM,CAAC;IACjD,IAAI,CAACG,SAAS,EAAE;MACd;IACF;IAEA,MAAME,UAAU,GACd,IAAI,CAACC,iBAAiB,KAAKC,SAAS,IACpC,IAAI,CAACD,iBAAiB,KAAKT,OAAO;IAEpC,MAAMW,cAAc,GAAG,IAAI,CAACC,UAAU,CACpCZ,OAAO,EACPM,SAAS,EACTE,UAAU,EACVP,SACF,CAAC;IAED,IAAI,IAAI,CAACZ,KAAK,IAAImB,UAAU,EAAE;MAC5B,IAAI,CAACK,gBAAgB,CAACF,cAAc,EAAEV,SAAS,CAAC;IAClD;IAEA,IAAI,CAACL,KAAK,CAAC,CAAC;EACd;EAEQgB,UAAUA,CAChBZ,OAAe,EACfM,SAAuC,EACvCQ,aAAsB,EACtBb,SAAgD,EACnC;IACb,MAAMU,cAAc,GAAG,IAAI5B,GAAG,CAAS,CAAC;IACxC,MAAMgC,WAA+D,GAAG,EAAE;IAC1E,MAAMC,UAAoE,GACxE,EAAE;IACJ,MAAMC,IAAI,GAAGjB,OAAO,CACjBkB,KAAK,CAAC,OAAO,CAAC,CACdC,MAAM,CAAEC,GAAG,IAAKN,aAAa,IAAIM,GAAG,CAACC,MAAM,GAAG,CAAC,CAAC;IAEnD,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGL,IAAI,CAACI,MAAM,EAAEC,CAAC,EAAE,EAAE;MACpC,MAAMC,IAAI,GAAGN,IAAI,CAACK,CAAC,CAAC,CAACJ,KAAK,CAAC,IAAI,CAAC;MAChC,KAAK,IAAIM,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,IAAI,CAACF,MAAM,EAAEG,CAAC,EAAE,EAAE;QACpC,MAAMC,MAAM,GAAG,GAAGH,CAAC,IAAIE,CAAC,EAAE;QAC1B,IAAIV,aAAa,IAAI,CAAC,IAAI,CAACY,aAAa,CAACC,GAAG,CAACF,MAAM,CAAC,EAAE;UACpD;QACF;QAEA,MAAMG,IAAI,GAAG,IAAI,CAAC3C,OAAO,CAAC4C,WAAW,CACnCvB,SAAS,CAACc,GAAG,GAAGE,CAAC,EACjBhB,SAAS,CAACwB,GAAG,GAAGN,CAClB,CAAC;QACD,IACE,CAACI,IAAI,IACL,CAAC3B,SAAS,CAAC8B,gBAAgB,CAACH,IAAI,CAACI,MAAM,EAAEJ,IAAI,CAACK,QAAQ,CAAC,IACvDhC,SAAS,CAACI,4BAA4B,CAAC,OAAO,EAAEuB,IAAI,CAAC,EACrD;UACA,MAAMM,SAAS,GAAG,IAAI,CAACC,iBAAiB,CAACC,GAAG,CAACX,MAAM,CAAC;UACpD,IAAIS,SAAS,EAAE;YACbvB,cAAc,CAAC0B,GAAG,CAACH,SAAS,CAAC;UAC/B;UACA;QACF;QAEAvB,cAAc,CAAC0B,GAAG,CAAC,IAAAC,cAAO,EAACV,IAAI,CAACI,MAAM,EAAEJ,IAAI,CAACK,QAAQ,CAAC,CAAC;QACvD,IAAInB,aAAa,EAAE;UACjBC,WAAW,CAACwB,IAAI,CAAC;YACfP,MAAM,EAAEJ,IAAI,CAACI,MAAM;YACnBC,QAAQ,EAAEL,IAAI,CAACK,QAAQ;YACvBO,KAAK,EAAE,IAAI,CAACd,aAAa,CAACU,GAAG,CAACX,MAAM;UACtC,CAAC,CAAC;QACJ,CAAC,MAAM;UACLT,UAAU,CAACuB,IAAI,CAAC;YACdP,MAAM,EAAEJ,IAAI,CAACI,MAAM;YACnBC,QAAQ,EAAEL,IAAI,CAACK,QAAQ;YACvBQ,QAAQ,EAAElB,IAAI,CAACC,CAAC;UAClB,CAAC,CAAC;QACJ;MACF;IACF;IAEA,IAAIT,WAAW,CAACM,MAAM,GAAG,CAAC,EAAE;MAC1BpB,SAAS,CAACyC,eAAe,CAAC3B,WAAW,CAAC;IACxC;IACA,IAAIC,UAAU,CAACK,MAAM,GAAG,CAAC,EAAE;MACzBpB,SAAS,CAAC0C,kBAAkB,CAAC3B,UAAU,CAAC;IAC1C;IAEA,OAAOL,cAAc;EACvB;EAEQE,gBAAgBA,CACtBF,cAA2B,EAC3BV,SAAgD,EAChD;IACA,MAAM2C,KAAa,GAAG,EAAE;IACxB,KAAK,MAAMC,GAAG,IAAI,IAAI,CAAC1D,WAAW,EAAE;MAClC,IAAIwB,cAAc,CAACgB,GAAG,CAACkB,GAAG,CAAC,EAAE;QAC3B;MACF;MACA,MAAMC,GAAG,GAAG,IAAAC,mBAAY,EAACF,GAAG,CAAC;MAC7B,IAAIC,GAAG,EAAE;QACPF,KAAK,CAACL,IAAI,CAACO,GAAG,CAAC;MACjB;IACF;IAEA7C,SAAS,CAAC+C,UAAU,CAACJ,KAAK,CAAC;EAC7B;EAEAhD,KAAKA,CAAA,EAAG;IACN,IAAI,CAACT,WAAW,CAACS,KAAK,CAAC,CAAC;IACxB,IAAI,CAACP,KAAK,GAAG,KAAK;IAClB,IAAI,CAACoB,iBAAiB,GAAGC,SAAS;IAClC,IAAI,CAACgB,aAAa,CAAC9B,KAAK,CAAC,CAAC;IAC1B,IAAI,CAACuC,iBAAiB,CAACvC,KAAK,CAAC,CAAC;EAChC;EAEAqD,YAAYA,CAACjB,MAAc,EAAEC,QAAgB,EAAW;IACtD,OAAO,IAAI,CAAC9C,WAAW,CAACwC,GAAG,CAAC,IAAAW,cAAO,EAACN,MAAM,EAAEC,QAAQ,CAAC,CAAC;EACxD;EAEAiB,eAAeA,CAAClB,MAAc,EAAEC,QAAgB,EAAc;IAC5D,IAAI,CAAC,IAAI,CAACgB,YAAY,CAACjB,MAAM,EAAEC,QAAQ,CAAC,EAAE;MACxC,OAAOkB,eAAQ;IACjB;IAEA,MAAML,GAAG,GAAG,IAAI,CAAC7D,OAAO,CAACsB,UAAU,CAAC;MAAEyB,MAAM;MAAEC;IAAS,CAAC,CAAC;IACzD,IAAI,CAACa,GAAG,EAAE;MACR,OAAOK,eAAQ;IACjB;IAEA,MAAMC,gBAAgB,GAAGA,CAAChC,GAAW,EAAEU,GAAW,KAAK;MACrD,MAAMuB,QAAQ,GAAG,IAAI,CAACpE,OAAO,CAAC4C,WAAW,CAACT,GAAG,EAAEU,GAAG,CAAC;MACnD,OACEuB,QAAQ,KAAK,IAAI,IACjB,IAAI,CAAClE,WAAW,CAACwC,GAAG,CAAC,IAAAW,cAAO,EAACe,QAAQ,CAACrB,MAAM,EAAEqB,QAAQ,CAACpB,QAAQ,CAAC,CAAC;IAErE,CAAC;IAED,OAAO;MACLqB,GAAG,EAAE,CAACF,gBAAgB,CAACN,GAAG,CAAC1B,GAAG,GAAG,CAAC,EAAE0B,GAAG,CAAChB,GAAG,CAAC;MAC5CyB,MAAM,EAAE,CAACH,gBAAgB,CAACN,GAAG,CAAC1B,GAAG,GAAG,CAAC,EAAE0B,GAAG,CAAChB,GAAG,CAAC;MAC/C0B,IAAI,EAAE,CAACJ,gBAAgB,CAACN,GAAG,CAAC1B,GAAG,EAAE0B,GAAG,CAAChB,GAAG,GAAG,CAAC,CAAC;MAC7C2B,KAAK,EAAE,CAACL,gBAAgB,CAACN,GAAG,CAAC1B,GAAG,EAAE0B,GAAG,CAAChB,GAAG,GAAG,CAAC;IAC/C,CAAC;EACH;EAEA,IAAIxC,cAAcA,CAAA,EAAY;IAC5B,OAAO,IAAI,CAACH,WAAW,CAACY,IAAI,GAAG,CAAC;EAClC;EAEQF,WAAWA,CAAC6D,QAAuC,EAAU;IACnE,MAAMC,aAAa,GAAG,IAAI,CAAC1E,OAAO,CAACiB,eAAe,CAAC0D,iBAAiB;IACpE,IAAID,aAAa,CAACtC,MAAM,KAAK,CAAC,EAAE;MAC9B,OAAO,EAAE;IACX;IAEA,MAAM;MAAEpB;IAAU,CAAC,GAAG,IAAI,CAAChB,OAAO;IAClC,MAAM2D,KAAK,GAAG3C,SAAS,CAAC4D,kBAAkB,CAACH,QAAQ,EAAEC,aAAa,CAAC;IACnE,IAAIf,KAAK,CAACvB,MAAM,KAAK,CAAC,EAAE;MACtB,OAAO,EAAE;IACX;IAEA,KAAK,MAAMyC,IAAI,IAAIlB,KAAK,EAAE;MACxB,IAAI,CAACzD,WAAW,CAACkD,GAAG,CAAC,IAAAC,cAAO,EAACwB,IAAI,CAAC9B,MAAM,EAAE8B,IAAI,CAAC7B,QAAQ,CAAC,CAAC;IAC3D;IAEA,MAAM8B,OAAO,GAAGJ,aAAa,CAC1BK,GAAG,CAAExC,CAAC,IAAK,IAAI,CAACvC,OAAO,CAACsB,UAAU,CAACiB,CAAC,CAAC,CAAC,CACtCL,MAAM,CAAE8C,GAAG,IAA0CA,GAAG,KAAK,IAAI,CAAC;IAErE,IAAIF,OAAO,CAAC1C,MAAM,KAAK,CAAC,EAAE;MACxB,OAAO,EAAE;IACX;IAEA,MAAM6C,MAAM,GAAGC,IAAI,CAACC,GAAG,CAAC,GAAGL,OAAO,CAACC,GAAG,CAAEK,CAAC,IAAKA,CAAC,CAACjD,GAAG,CAAC,CAAC;IACrD,MAAMkD,MAAM,GAAGH,IAAI,CAACI,GAAG,CAAC,GAAGR,OAAO,CAACC,GAAG,CAAEK,CAAC,IAAKA,CAAC,CAACjD,GAAG,CAAC,CAAC;IACrD,MAAMoD,MAAM,GAAGL,IAAI,CAACC,GAAG,CAAC,GAAGL,OAAO,CAACC,GAAG,CAAEK,CAAC,IAAKA,CAAC,CAACvC,GAAG,CAAC,CAAC;IACrD,MAAM2C,MAAM,GAAGN,IAAI,CAACI,GAAG,CAAC,GAAGR,OAAO,CAACC,GAAG,CAAEK,CAAC,IAAKA,CAAC,CAACvC,GAAG,CAAC,CAAC;IAErD,MAAMhC,IAAgB,GAAG,EAAE;IAC3B,KAAK,IAAIwB,CAAC,GAAG4C,MAAM,EAAE5C,CAAC,IAAIgD,MAAM,EAAEhD,CAAC,EAAE,EAAE;MACrC,MAAMF,GAAa,GAAG,EAAE;MACxB,KAAK,IAAII,CAAC,GAAGgD,MAAM,EAAEhD,CAAC,IAAIiD,MAAM,EAAEjD,CAAC,EAAE,EAAE;QACrC,MAAMsB,GAAG,GAAG,IAAI,CAAC7D,OAAO,CAAC4C,WAAW,CAACP,CAAC,EAAEE,CAAC,CAAC;QAC1C,IAAIsB,GAAG,IAAI,IAAI,CAAC3D,WAAW,CAACwC,GAAG,CAAC,IAAAW,cAAO,EAACQ,GAAG,CAACd,MAAM,EAAEc,GAAG,CAACb,QAAQ,CAAC,CAAC,EAAE;UAClE,MAAMyC,UAAU,GAAGzE,SAAS,CAAC0E,kBAAkB,CAC7C7B,GAAG,CAACd,MAAM,EACVc,GAAG,CAACb,QACN,CAAC;UACDb,GAAG,CAACmB,IAAI,CAACmC,UAAU,CAAC;UACpB,MAAMjD,MAAM,GAAG,GAAGH,CAAC,GAAG4C,MAAM,IAAI1C,CAAC,GAAGgD,MAAM,EAAE;UAC5C,IAAI,CAAC9C,aAAa,CAACkD,GAAG,CACpBnD,MAAM,EACNxB,SAAS,CAAC4E,mBAAmB,CAAC/B,GAAG,CAACd,MAAM,EAAEc,GAAG,CAACb,QAAQ,CACxD,CAAC;UACD,IAAI,CAACE,iBAAiB,CAACyC,GAAG,CAACnD,MAAM,EAAE,IAAAa,cAAO,EAACQ,GAAG,CAACd,MAAM,EAAEc,GAAG,CAACb,QAAQ,CAAC,CAAC;QACvE,CAAC,MAAM;UACLb,GAAG,CAACmB,IAAI,CAAC,EAAE,CAAC;QACd;MACF;MACAzC,IAAI,CAACyC,IAAI,CAACnB,GAAG,CAAC;IAChB;IAEA,MAAM0D,GAAG,GAAGhF,IAAI,CAACkE,GAAG,CAAE5C,GAAG,IAAKA,GAAG,CAAC2D,IAAI,CAAC,IAAI,CAAC,CAAC,CAACA,IAAI,CAAC,IAAI,CAAC;IACxD,IAAI,CAACtE,iBAAiB,GAAGqE,GAAG;IAC5B,OAAOA,GAAG;EACZ;AACF;AAACE,OAAA,CAAAtG,cAAA,GAAAA,cAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/state/EditableTable/types.ts"],"sourcesContent":["import type { ComponentType } from 'react';\nimport type { Translate, ValidationRule } from '@wix/bex-core';\nimport type { RichTextStyleVariables } from '@wix/patterns-fields';\nimport type { TableColumn } from '../../model/tableColumn';\nimport type { ReferenceTypeConfig } from '../../components/EditableTable/cellTypes/reference/types';\nimport type { AddressCellTypeConfig } from '../../components/EditableTable/cellTypes/address';\nimport type {\n  CellViewProps,\n  CellEditProps,\n  CellEditWrapperProps,\n} from '../../components/EditableTable/types';\n\nexport interface RichTextCellTypeConfig {\n  textStyle?: RichTextStyleVariables;\n}\n\nexport interface Cell {\n  rowKey: string;\n  columnId: string;\n}\n\nexport interface CellBorder {\n  top: boolean;\n  bottom: boolean;\n  left: boolean;\n  right: boolean;\n}\n\nexport type { ValidationRule } from '@wix/bex-core';\n\nexport interface ValidationResult {\n  valid: boolean;\n  errors?: string[];\n}\n\nexport interface CellType {\n  type: keyof CellTypeConfigMap;\n\n  /** Render cell in view mode (read-only display) */\n  ViewComponent: ComponentType<CellViewProps<any>>;\n\n  /** Render cell in edit mode (inline editor). Optional — omit for view-only cells. */\n  EditComponent?: ComponentType<CellEditProps<any>>;\n\n  /** Serialize value to clipboard string */\n  serialize?: (value: any) => string;\n\n  /** Deserialize clipboard string to value */\n  deserialize?: (raw: string) => any;\n\n  /** Validate a cell value. Return null if valid, or error message string.\n   *  `translate` is optional so cell types whose validate doesn't need\n   *  localization (text/number/date/…) can keep their existing call sites.\n   *  Cell types that DO localize (array/object) must be called with a translator. */\n  validate?: (\n    value: any,\n    rules?: ValidationRule[],\n    translate?: Translate,\n  ) => string | null;\n\n  /** Can this cell type be edited? (default: true) */\n  editable?: boolean;\n\n  /** Can this cell type be cleared with Delete key? (default: true) */\n  clearable?: boolean;\n\n  /** Toggle value on single click (e.g., boolean checkbox). Skips focus→edit flow. */\n  toggleValue?: (value: any) => any;\n\n  /** Enter edit mode on single click (e.g., image cell with no value). */\n  editOnClick?: (value: any) => boolean;\n\n  /** Show the EditComponent when the cell is focused, without entering edit mode.\n   *  Keyboard navigation remains active. Similar to toggleValue but without toggling. */\n  showEditWhenFocused?: boolean;\n\n  /** Optional wrapper component the cell type defines to own behavior that must\n   *  outlive the inline editor. EditableCell mounts it around the cell content\n   *  and keeps it mounted across the edit↔view transition (e.g. a reference cell\n   *  navigating to an overlay and refreshing the table on return). The wrapper\n   *  hands anything the editor needs down via its own context. */\n  EditWrapper?: ComponentType<CellEditWrapperProps>;\n\n  /** Cell content can grow past row height when focused (e.g. multi-document\n   *  wraps chips into multiple rows). The framework releases the bottom anchor\n   *  and lays an opaque base under the selection tint so the overflow doesn't\n   *  bleed adjacent rows through.\n   *  Only applies to showEditWhenFocused cells — others release the bottom\n   *  anchor via :editing already. */\n  growable?: boolean;\n\n  /** Called on type-to-edit. Return object with cleared value and/or prevent flag.\n   *  CMS-web pattern: text clears to '', number clears only for digits, date blocks non-digits.\n   *  Return undefined to block the key. Return {} to enter edit mode without changing the value. */\n  onTypeToEdit?: (params: {\n    key: string;\n    validation?: ValidationRule[];\n  }) => { value?: any } | undefined;\n\n  /** Optional hook to normalize the committed value (e.g. auto-prepend https://).\n   *  Called before commitEdit() from EditableCell (blur/Enter) and useKeyboardNavigation (Tab).\n   *  The value is written back to editingValue via runInAction before committing. */\n  normalizeOnCommit?: (value: any) => any;\n\n  /** When true, type-to-edit flushes the edit-mode render synchronously and\n   *  focuses the input within the same keydown event, then lets the browser's\n   *  default action deliver the keystroke to the now-focused input naturally\n   *  (no preventDefault, no programmatic value injection).\n   *  Mirrors cms-web's `focusOnTyping` pattern. Use for cells that wrap a\n   *  controlled input whose value can't be seeded via props (e.g. WSR TimeInput). */\n  nativeTypeToEdit?: boolean;\n}\n\nexport interface CellTypeConfigMap {\n  text: never;\n  number: never;\n  boolean: never;\n  url: never;\n  email: never;\n  color: never;\n  date: never;\n  time: never;\n  datetime: never;\n  object: never;\n  array: never;\n  image: never;\n  document: never;\n  multiDocument: never;\n  richContent: never;\n  video: never;\n  audio: never;\n  richText: RichTextCellTypeConfig;\n  mediaGallery: never;\n  reference: ReferenceTypeConfig;\n  multiReference: ReferenceTypeConfig;\n  address: AddressCellTypeConfig;\n  /** An inline custom cell: the full cell contract minus the registry key.\n   *  Authorable directly on a column (`cellType: 'custom'` + `typeConfig`),\n   *  and also produced by the column builder when a schema field's type\n   *  definition (registered via the source's `fieldTypes`) has an\n   *  `editableTable` slot. */\n  custom: Omit<CellType, 'type'>;\n}\n\ninterface EditableColumnBase<T> extends Omit<TableColumn<T>, 'render'> {\n  id: string;\n  /** Column type — maps to a CellType in the registry */\n  cellType: keyof CellTypeConfigMap;\n\n  /** Extract the cell value from the row data */\n  getValue: (item: T) => any;\n\n  /** Return updated item with new cell value (immutable) */\n  setValue?: (item: T, value: any) => T;\n\n  /** Column-level validation rules */\n  validation?: ValidationRule[];\n\n  /** Is this column editable? (default: true if setValue exists) */\n  editable?: boolean | ((item: T) => boolean);\n\n  /** True if this column represents the schema's primary field. Drives header-action disable rules (e.g. blocks Delete, blocks Make Primary). */\n  isPrimary?: boolean;\n\n  /** True if this column represents a system field. Drives header-action disable rules (e.g. blocks Edit, Delete, Duplicate). */\n  isSystem?: boolean;\n}\n\nexport type EditableColumn<\n  T,\n  C extends keyof CellTypeConfigMap = keyof CellTypeConfigMap,\n> = C extends C\n  ? EditableColumnBase<T> & {\n      cellType: C;\n      typeConfig?: CellTypeConfigMap[C] extends never\n        ? never\n        : CellTypeConfigMap[C];\n    }\n  : never;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/state/EditableTable/types.ts"],"sourcesContent":["import type { ComponentType } from 'react';\nimport type {\n  EditableCellConfig,\n  Field,\n  Translate,\n  ValidationRule,\n} from '@wix/bex-core';\nimport type { RichTextStyleVariables } from '@wix/patterns-fields';\nimport type { TableColumn } from '../../model/tableColumn';\nimport type { ReferenceTypeConfig } from '../../components/EditableTable/cellTypes/reference/types';\nimport type { AddressCellTypeConfig } from '../../components/EditableTable/cellTypes/address';\nimport type {\n  CellViewProps,\n  CellEditProps,\n  CellEditWrapperProps,\n} from '../../components/EditableTable/types';\n\nexport interface RichTextCellTypeConfig {\n  textStyle?: RichTextStyleVariables;\n}\n\nexport interface Cell {\n  rowKey: string;\n  columnId: string;\n}\n\nexport interface CellBorder {\n  top: boolean;\n  bottom: boolean;\n  left: boolean;\n  right: boolean;\n}\n\nexport type { ValidationRule } from '@wix/bex-core';\n\nexport interface ValidationResult {\n  valid: boolean;\n  errors?: string[];\n}\n\nexport interface CellType {\n  type: keyof CellTypeConfigMap;\n\n  /** Render cell in view mode (read-only display) */\n  ViewComponent: ComponentType<CellViewProps<any>>;\n\n  /** Render cell in edit mode (inline editor). Optional — omit for view-only cells. */\n  EditComponent?: ComponentType<CellEditProps<any>>;\n\n  /** Serialize value to clipboard string */\n  serialize?: (value: any) => string;\n\n  /** Deserialize clipboard string to value */\n  deserialize?: (raw: string) => any;\n\n  /** Validate a cell value. Return null if valid, or error message string.\n   *  `translate` is optional so cell types whose validate doesn't need\n   *  localization (text/number/date/…) can keep their existing call sites.\n   *  Cell types that DO localize (array/object) must be called with a translator. */\n  validate?: (\n    value: any,\n    rules?: ValidationRule[],\n    translate?: Translate,\n  ) => string | null;\n\n  /** Can this cell type be edited? (default: true) */\n  editable?: boolean;\n\n  /** Availability of Cairo's built-in cell context-menu actions. */\n  contextMenu?: EditableCellConfig<unknown>['contextMenu'];\n\n  /** Toggle value on single click (e.g., boolean checkbox). Skips focus→edit flow. */\n  toggleValue?: (value: any) => any;\n\n  /** Enter edit mode on single click (e.g., image cell with no value). */\n  editOnClick?: (value: any) => boolean;\n\n  /** Show the EditComponent when the cell is focused, without entering edit mode.\n   *  Keyboard navigation remains active. Similar to toggleValue but without toggling. */\n  showEditWhenFocused?: boolean;\n\n  /** Optional wrapper component the cell type defines to own behavior that must\n   *  outlive the inline editor. EditableCell mounts it around the cell content\n   *  and keeps it mounted across the edit↔view transition (e.g. a reference cell\n   *  navigating to an overlay and refreshing the table on return). The wrapper\n   *  hands anything the editor needs down via its own context. */\n  EditWrapper?: ComponentType<CellEditWrapperProps>;\n\n  /** Cell content can grow past row height when focused (e.g. multi-document\n   *  wraps chips into multiple rows). The framework releases the bottom anchor\n   *  and lays an opaque base under the selection tint so the overflow doesn't\n   *  bleed adjacent rows through.\n   *  Only applies to showEditWhenFocused cells — others release the bottom\n   *  anchor via :editing already. */\n  growable?: boolean;\n\n  /** Called on type-to-edit. Return object with cleared value and/or prevent flag.\n   *  CMS-web pattern: text clears to '', number clears only for digits, date blocks non-digits.\n   *  Return undefined to block the key. Return {} to enter edit mode without changing the value. */\n  onTypeToEdit?: (params: {\n    key: string;\n    validation?: ValidationRule[];\n  }) => { value?: any } | undefined;\n\n  /** Optional hook to normalize the committed value (e.g. auto-prepend https://).\n   *  Called before commitEdit() from EditableCell (blur/Enter) and useKeyboardNavigation (Tab).\n   *  The value is written back to editingValue via runInAction before committing. */\n  normalizeOnCommit?: (value: any) => any;\n\n  /** When true, type-to-edit flushes the edit-mode render synchronously and\n   *  focuses the input within the same keydown event, then lets the browser's\n   *  default action deliver the keystroke to the now-focused input naturally\n   *  (no preventDefault, no programmatic value injection).\n   *  Mirrors cms-web's `focusOnTyping` pattern. Use for cells that wrap a\n   *  controlled input whose value can't be seeded via props (e.g. WSR TimeInput). */\n  nativeTypeToEdit?: boolean;\n}\n\nexport interface CellTypeConfigMap {\n  text: never;\n  number: never;\n  boolean: never;\n  url: never;\n  email: never;\n  color: never;\n  date: never;\n  time: never;\n  datetime: never;\n  object: never;\n  array: never;\n  image: never;\n  document: never;\n  multiDocument: never;\n  richContent: never;\n  video: never;\n  audio: never;\n  richText: RichTextCellTypeConfig;\n  mediaGallery: never;\n  reference: ReferenceTypeConfig;\n  multiReference: ReferenceTypeConfig;\n  address: AddressCellTypeConfig;\n  /** An inline custom cell: the full cell contract minus the registry key.\n   *  Authorable directly on a column (`cellType: 'custom'` + `typeConfig`),\n   *  and also produced by the column builder when a schema field's type\n   *  definition (registered via the source's `fieldTypes`) has an\n   *  `editableTable` slot. */\n  custom: Omit<CellType, 'type'>;\n}\n\ninterface EditableColumnBase<T> extends Omit<TableColumn<T>, 'render'> {\n  id: string;\n  /** Column type — maps to a CellType in the registry */\n  cellType: keyof CellTypeConfigMap;\n\n  /** Extract the cell value from the row data */\n  getValue: (item: T) => any;\n\n  /** Field metadata associated with the column, when available. */\n  field?: Field;\n\n  /** Return updated item with new cell value (immutable) */\n  setValue?: (item: T, value: any) => T;\n\n  /** Column-level validation rules */\n  validation?: ValidationRule[];\n\n  /** Is this column editable? (default: true if setValue exists) */\n  editable?: boolean | ((item: T) => boolean);\n\n  /** True if this column represents the schema's primary field. Drives header-action disable rules (e.g. blocks Delete, blocks Make Primary). */\n  isPrimary?: boolean;\n\n  /** True if this column represents a system field. Drives header-action disable rules (e.g. blocks Edit, Delete, Duplicate). */\n  isSystem?: boolean;\n}\n\nexport type EditableColumn<\n  T,\n  C extends keyof CellTypeConfigMap = keyof CellTypeConfigMap,\n> = C extends C\n  ? EditableColumnBase<T> & {\n      cellType: C;\n      typeConfig?: CellTypeConfigMap[C] extends never\n        ? never\n        : CellTypeConfigMap[C];\n    }\n  : never;\n"],"mappings":"","ignoreList":[]}

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_ = "FormPageHeader3777948636";
+var _namespace_ = "FormPageHeader2338696575";
 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": "FormPageHeader3777948636__root"
+  "root": "FormPageHeader2338696575__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_ = \"FormPageHeader3777948636\";\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\":\"FormPageHeader3777948636__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":[]}
+{"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_ = \"FormPageHeader2338696575\";\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\":\"FormPageHeader2338696575__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/state/FormPage/useFormPageHeader.js

@@ -11,6 +11,7 @@ var _FormPage = require("../../components/FormPage");
 var _PageSubTitle = require("../../components/PageSubTitle");
 var _FormPageHeaderStCss = require("./FormPageHeader.st.css.js");
 var _useIsMobile = require("../../hooks/useIsMobile");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/state/FormPage/useFormPageHeader.tsx";
 function useFormPageHeader(child, {
   headerProps = {},
@@ -18,6 +19,7 @@ function useFormPageHeader(child, {
 } = {}) {
   const state = (0, _providers.useFormPageContext)();
   const isMobile = (0, _useIsMobile.useIsMobile)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const {
     title,
     subtitle,
@@ -28,7 +30,7 @@ function useFormPageHeader(child, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 39,
       columnNumber: 5
     }
   });
@@ -40,7 +42,7 @@ function useFormPageHeader(child, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 42,
+          lineNumber: 44,
           columnNumber: 14
         }
       });
@@ -49,6 +51,11 @@ function useFormPageHeader(child, {
       text,
       badges
     } = title;
+
+    // Match the size Page.Header's own title wrapper takes from
+    // `--wds-page-header-title-font-size` — otherwise this nested Heading
+    // paints the 32px `extraLarge` tokens over Harmony's 24px.
+    const titleSize = isMobile || isBmHarmonyTheme ? 'large' : 'extraLarge';
     return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       gap: "SP2",
       verticalAlign: "middle",
@@ -56,15 +63,17 @@ function useFormPageHeader(child, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 48,
+        lineNumber: 55,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
-      size: isMobile ? 'large' : 'extraLarge',
+      as: "span",
+      dataHook: "form-page-header-title",
+      size: titleSize,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 49,
+        lineNumber: 56,
         columnNumber: 9
       }
     }, text), badges && badges.length > 0 && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -72,7 +81,7 @@ function useFormPageHeader(child, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 51,
+        lineNumber: 60,
         columnNumber: 11
       }
     }, badges.map((badge, index) => /*#__PURE__*/_react.default.createElement(_designSystem.Badge, (0, _extends2.default)({
@@ -82,7 +91,7 @@ function useFormPageHeader(child, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 53,
+        lineNumber: 62,
         columnNumber: 15
       }
     }), badge.text))));
@@ -100,14 +109,14 @@ function useFormPageHeader(child, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 74,
+        lineNumber: 83,
         columnNumber: 11
       }
     }) : subtitle && /*#__PURE__*/_react.default.createElement(_PageSubTitle.PageSubTitle, (0, _extends2.default)({}, subtitle, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 76,
+        lineNumber: 85,
         columnNumber: 23
       }
     })),
@@ -117,7 +126,7 @@ function useFormPageHeader(child, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 77,
       columnNumber: 5
     }
   }));

package/dist/cjs/state/FormPage/useFormPageHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_providers","_FormPage","_PageSubTitle","_FormPageHeaderStCss","_useIsMobile","_jsxFileName","useFormPageHeader","child","headerProps","overrides","state","useFormPageContext","isMobile","useIsMobile","title","subtitle","breadcrumbs","actionsBar","default","createElement","FormPageActionsBar","moreActions","props","__self","__source","fileName","lineNumber","columnNumber","renderTitle","text","SkeletonRectangle","height","width","badges","Box","gap","verticalAlign","alignContent","Heading","size","length","map","badge","index","Badge","_extends2","key","dataHook","Page","Header","className","st","classes","root","mobile","isFetching","marginTop","PageSubTitle"],"sources":["../../../../src/state/FormPage/useFormPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Breadcrumbs,\n  Heading,\n  Page,\n  PageHeaderProps,\n  SkeletonRectangle,\n  Box,\n  Badge,\n} from '@wix/design-system';\nimport { useFormPageContext } from '../../providers';\nimport { FormPageActionsBar } from '../../components/FormPage';\nimport { PageSubTitle, PageSubTitleProps } from '../../components/PageSubTitle';\nimport { st, classes } from './FormPageHeader.st.css.js';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { FormPageHeaderProps } from '../../components/FormPageHeader';\n\nexport function useFormPageHeader(\n  child: JSX.Element,\n  {\n    headerProps = {},\n    overrides = {},\n  }: {\n    headerProps?: PageHeaderProps;\n    overrides?: {\n      title?: FormPageHeaderProps['title'] | null;\n      subtitle?: PageSubTitleProps | null;\n      breadcrumbs?: React.ReactElement<Breadcrumbs> | null;\n    };\n  } = {},\n) {\n  const state = useFormPageContext();\n  const isMobile = useIsMobile();\n  const { title, subtitle, breadcrumbs } = overrides;\n\n  const actionsBar = (\n    <FormPageActionsBar moreActions={child.props.moreActions} />\n  );\n\n  const renderTitle = () => {\n    if (!title?.text) {\n      return <SkeletonRectangle height=\"24px\" width=\"50%\" />;\n    }\n\n    const { text, badges } = title;\n\n    return (\n      <Box gap=\"SP2\" verticalAlign=\"middle\" alignContent=\"center\">\n        <Heading size={isMobile ? 'large' : 'extraLarge'}>{text}</Heading>\n        {badges && badges.length > 0 && (\n          <Box gap=\"SP2\">\n            {badges.map((badge, index) => (\n              <Badge\n                key={index}\n                {...badge}\n                dataHook={`form-page-header-badge-${index}`}\n              >\n                {badge.text}\n              </Badge>\n            ))}\n          </Box>\n        )}\n      </Box>\n    );\n  };\n\n  return (\n    <Page.Header\n      className={st(classes.root, { mobile: isMobile })}\n      key={child.key}\n      title={renderTitle()}\n      subtitle={\n        !subtitle && state.isFetching ? (\n          <SkeletonRectangle marginTop=\"SP1\" height=\"12px\" width=\"70%\" />\n        ) : (\n          subtitle && <PageSubTitle {...subtitle} />\n        )\n      }\n      actionsBar={actionsBar}\n      breadcrumbs={breadcrumbs}\n      {...headerProps}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_providers","_FormPage","_PageSubTitle","_FormPageHeaderStCss","_useIsMobile","_useBmHarmonyTheme","_jsxFileName","useFormPageHeader","child","headerProps","overrides","state","useFormPageContext","isMobile","useIsMobile","isBmHarmonyTheme","useBmHarmonyTheme","title","subtitle","breadcrumbs","actionsBar","default","createElement","FormPageActionsBar","moreActions","props","__self","__source","fileName","lineNumber","columnNumber","renderTitle","text","SkeletonRectangle","height","width","badges","titleSize","Box","gap","verticalAlign","alignContent","Heading","as","dataHook","size","length","map","badge","index","Badge","_extends2","key","Page","Header","className","st","classes","root","mobile","isFetching","marginTop","PageSubTitle"],"sources":["../../../../src/state/FormPage/useFormPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Breadcrumbs,\n  Heading,\n  Page,\n  PageHeaderProps,\n  SkeletonRectangle,\n  Box,\n  Badge,\n} from '@wix/design-system';\nimport { useFormPageContext } from '../../providers';\nimport { FormPageActionsBar } from '../../components/FormPage';\nimport { PageSubTitle, PageSubTitleProps } from '../../components/PageSubTitle';\nimport { st, classes } from './FormPageHeader.st.css.js';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { FormPageHeaderProps } from '../../components/FormPageHeader';\n\nexport function useFormPageHeader(\n  child: JSX.Element,\n  {\n    headerProps = {},\n    overrides = {},\n  }: {\n    headerProps?: PageHeaderProps;\n    overrides?: {\n      title?: FormPageHeaderProps['title'] | null;\n      subtitle?: PageSubTitleProps | null;\n      breadcrumbs?: React.ReactElement<Breadcrumbs> | null;\n    };\n  } = {},\n) {\n  const state = useFormPageContext();\n  const isMobile = useIsMobile();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const { title, subtitle, breadcrumbs } = overrides;\n\n  const actionsBar = (\n    <FormPageActionsBar moreActions={child.props.moreActions} />\n  );\n\n  const renderTitle = () => {\n    if (!title?.text) {\n      return <SkeletonRectangle height=\"24px\" width=\"50%\" />;\n    }\n\n    const { text, badges } = title;\n\n    // Match the size Page.Header's own title wrapper takes from\n    // `--wds-page-header-title-font-size` — otherwise this nested Heading\n    // paints the 32px `extraLarge` tokens over Harmony's 24px.\n    const titleSize = isMobile || isBmHarmonyTheme ? 'large' : 'extraLarge';\n\n    return (\n      <Box gap=\"SP2\" verticalAlign=\"middle\" alignContent=\"center\">\n        <Heading as=\"span\" dataHook=\"form-page-header-title\" size={titleSize}>\n          {text}\n        </Heading>\n        {badges && badges.length > 0 && (\n          <Box gap=\"SP2\">\n            {badges.map((badge, index) => (\n              <Badge\n                key={index}\n                {...badge}\n                dataHook={`form-page-header-badge-${index}`}\n              >\n                {badge.text}\n              </Badge>\n            ))}\n          </Box>\n        )}\n      </Box>\n    );\n  };\n\n  return (\n    <Page.Header\n      className={st(classes.root, { mobile: isMobile })}\n      key={child.key}\n      title={renderTitle()}\n      subtitle={\n        !subtitle && state.isFetching ? (\n          <SkeletonRectangle marginTop=\"SP1\" height=\"12px\" width=\"70%\" />\n        ) : (\n          subtitle && <PageSubTitle {...subtitle} />\n        )\n      }\n      actionsBar={actionsBar}\n      breadcrumbs={breadcrumbs}\n      {...headerProps}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer3835918071__root.CardContainer3835918071--mobile{border-radius:0}.CmsFieldForm2783539848__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal3339688929__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection273088678__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse2666109171__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2666109171__exit{height:0}.CollectionPage3980667022__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3980667022__root.CollectionPage3980667022--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3980667022__root.CollectionPage3980667022--panel{overflow:hidden;position:relative}.CollectionSectionHeader3075660753__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable842236443__root td{vertical-align:middle}.CollectionTable842236443__root.CollectionTable842236443--mobile td:first-child{padding-left:18px}.CollectionTable842236443__root.CollectionTable842236443--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable2546952532__root.CollectionTableWSRTable2546952532--resizable table{min-width:100%}.CollectionTableWSRTable2546952532__root.CollectionTableWSRTable2546952532--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar4143698975__root.CollectionToolbar4143698975--harmony .CollectionToolbar4143698975__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar4143698975__left{min-width:0}.CollectionToolbar4143698975__left.CollectionToolbar4143698975--expandable{flex:auto}.CollectionToolbar4143698975__left.CollectionToolbar4143698975--title>*{width:100%}.CollectionToolbar4143698975__root.CollectionToolbar4143698975---responsiveMode-5-title .CollectionToolbar4143698975__left{flex:1 100;min-width:50px}.CollectionToolbar4143698975__root.CollectionToolbar4143698975---responsiveMode-4-tabs .CollectionToolbar4143698975__left,.CollectionToolbar4143698975__root.CollectionToolbar4143698975---responsiveMode-4-tabs .CollectionToolbar4143698975__left.CollectionToolbar4143698975--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar4143698975__root.CollectionToolbar4143698975---responsiveMode-4-tabs .CollectionToolbar4143698975__left>*{flex-shrink:1;min-width:0}.CollectionToolbar4143698975__root .CollectionToolbar4143698975__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar4143698975__root.CollectionToolbar4143698975--views .CollectionToolbar4143698975__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar4143698975__root.CollectionToolbar4143698975---responsiveMode-4-tabs .CollectionToolbar4143698975__right,.CollectionToolbar4143698975__root.CollectionToolbar4143698975---responsiveMode-5-title .CollectionToolbar4143698975__right{flex:0 1 auto;min-width:0}.CollectionToolbar4143698975__root .CollectionToolbar4143698975__right.CollectionToolbar4143698975__fullWidth{margin-inline-start:0!important}.CollectionToolbar4143698975__root.CollectionToolbar4143698975--mobile:not(.CollectionToolbar4143698975--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter4233897407__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter4233897407__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter4233897407__searchMobile:not(.SearchOrCustomFilter4233897407--expandable){left:18px}.SearchOrCustomFilter4233897407__searchMobile.SearchOrCustomFilter4233897407--expandable.SearchOrCustomFilter4233897407--expanded{left:18px}.AutoCompleteReadonly2918676909__root.AutoCompleteReadonly2918676909--disableEditing{cursor:pointer}.AutoCompleteReadonly2918676909__root.AutoCompleteReadonly2918676909--disableEditing input{cursor:pointer}.ViewsDropdown1450285275__root{width:200px}.DragHandle3340491551__root{display:flex;align-items:center}.DragHandle3340491551__root:not(.DragHandle3340491551--disabled){cursor:grab;color:#a8caff}.DragHandle3340491551__root.DragHandle3340491551--disabled{color:#acafc4}.DragHandle3340491551__root:focus-visible:not(.DragHandle3340491551--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3340491551__root.DragHandle3340491551--disabled{pointer-events:none}.DragHandle3340491551__root.DragHandle3340491551--dragging:not(.DragHandle3340491551--disabled){cursor:grabbing}td:has(>.EditableCell853184343__root){position:relative;overflow:visible}tr:has(.EditableCell853184343__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell853184343__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>.EditableCell853184343__root{top:0}.EditableCell853184343__root:hover:not(.EditableCell853184343--rowActive):not(.EditableCell853184343--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell853184343__root.EditableCell853184343--rowActive:not(.EditableCell853184343--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell853184343__root.EditableCell853184343--rowActive:hover:not(.EditableCell853184343--focused):not(.EditableCell853184343--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)}.EditableCell853184343__root.EditableCell853184343--focused:not(.EditableCell853184343--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}.EditableCell853184343__root.EditableCell853184343--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell853184343__root.EditableCell853184343--editing:not(.EditableCell853184343--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell853184343__root.EditableCell853184343--focused.EditableCell853184343--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell853184343__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)}.EditableCell853184343__root.EditableCell853184343--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell853184343__root.EditableCell853184343--selectionTop:not(.EditableCell853184343--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell853184343__root.EditableCell853184343--selectionBottom:not(.EditableCell853184343--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell853184343__root.EditableCell853184343--selectionLeft:not(.EditableCell853184343--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell853184343__root.EditableCell853184343--selectionRight:not(.EditableCell853184343--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell853184343__root.EditableCell853184343--invalid,.EditableCell853184343__root.EditableCell853184343--invalid.EditableCell853184343--rowActive:hover:not(.EditableCell853184343--focused):not(.EditableCell853184343--rangeSelected),.EditableCell853184343__root.EditableCell853184343--invalid.EditableCell853184343--focused:not(.EditableCell853184343--rangeSelected),.EditableCell853184343__root.EditableCell853184343--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell853184343__root.EditableCell853184343--copiedTop:not(.EditableCell853184343--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell853184343__root.EditableCell853184343--copiedBottom:not(.EditableCell853184343--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell853184343__root.EditableCell853184343--copiedLeft:not(.EditableCell853184343--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell853184343__root.EditableCell853184343--copiedRight:not(.EditableCell853184343--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell853184343__root.EditableCell853184343--invalid:not(.EditableCell853184343--focused):not(.EditableCell853184343--editing){z-index:1}.EditableCell853184343__errorMessage{position:absolute;top:calc(100% + 4px);left:-1px;z-index:4;box-sizing:border-box;width:max-content;max-width:240px;padding:6px 8px;pointer-events:none;border-radius:var(--wds-popover-border-radius, var(--wds-border-radius-400, 8px));background:var(--wds-popover-fill, var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff)));box-shadow:var(--wds-shadow-surface-overlay, 0 0 18px rgba(0, 6, 36, 0.1), 0 6px 6px rgba(0, 6, 36, 0.05))}tr:last-child .EditableCell853184343__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover3750238423__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3750238423__root,.HeaderActionsPopover3750238423__root[data-menu-open=true],.HeaderActionsPopover3750238423__root:focus-within{opacity:1}.CellViewLayout2743917314__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2743917314__root>*{flex:1;min-width:0}.Edit179810824__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}.Edit179810824__addressInput>div,.Edit179810824__addressInput>div>div,.Edit179810824__addressInput>div>div>div{width:100%;min-width:0}.Edit69223625__jsonInput{width:100%;margin-left:-1px}.Edit3626190483__booleanEdit{display:flex;align-items:center;margin-left:8px}.View1234825910__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit251814073__root{width:100%;height:100%;display:flex;align-items:center}.Edit71976597__dateInput{width:100%;margin-left:-1px}.Edit2502569259__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit2502569259__dateHalf{flex:60 1 0}.Edit2502569259__timeHalf{flex:40 1 0}.Edit2502569259__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2502569259__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%}.Edit2502569259__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View2592559188__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}.View2592559188__datePart{flex:60 1 0}.View2592559188__timePart{flex:40 1 0}.View2592559188__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View2592559188__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit688342946__emailInput{width:100%;margin-left:-1px}.Edit1473858831__numberInput{width:100%;margin-right:2px}.Edit1473858831__numberInput input{text-align:right;direction:ltr}.View1557573447__textView{width:100%;text-align:right}.Edit591042281__jsonInput{width:100%;margin-left:-1px}.Edit2583059106__selectInput{width:100%}.Edit1994557381__editWrapper{width:100%}.Edit1994557381__inputArea{background-color:transparent;width:100%}.Edit1994557381__inputArea input,.Edit1994557381__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}.Edit1994557381__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1994557381__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit1994557381__inputArea>div::after{box-shadow:none!important}.Edit1994557381__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1994557381__inputArea:not(.Edit1994557381--isFocused) textarea{resize:none;overflow:hidden}.Edit1994557381__inputArea:not(.Edit1994557381--isFocused) textarea::-webkit-scrollbar{display:none}.Edit3976434641__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(
+.CardContainer4169661533__root.CardContainer4169661533--mobile{border-radius:0}.CmsFieldForm547150418__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal1799131433__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection2260299288__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse3883776103__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3883776103__exit{height:0}.CollectionPage2643935396__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2643935396__root.CollectionPage2643935396--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2643935396__root.CollectionPage2643935396--panel{overflow:hidden;position:relative}.CollectionSectionHeader1403109224__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable556496282__root td{vertical-align:middle}.CollectionTable556496282__root.CollectionTable556496282--mobile td:first-child{padding-left:18px}.CollectionTable556496282__root.CollectionTable556496282--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable1318192250__root.CollectionTableWSRTable1318192250--resizable table{min-width:100%}.CollectionTableWSRTable1318192250__root.CollectionTableWSRTable1318192250--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1587251440__root.CollectionToolbar1587251440--harmony .CollectionToolbar1587251440__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar1587251440__left{min-width:0}.CollectionToolbar1587251440__left.CollectionToolbar1587251440--expandable{flex:auto}.CollectionToolbar1587251440__left.CollectionToolbar1587251440--title>*{width:100%}.CollectionToolbar1587251440__root.CollectionToolbar1587251440---responsiveMode-5-title .CollectionToolbar1587251440__left{flex:1 100;min-width:50px}.CollectionToolbar1587251440__root.CollectionToolbar1587251440---responsiveMode-4-tabs .CollectionToolbar1587251440__left,.CollectionToolbar1587251440__root.CollectionToolbar1587251440---responsiveMode-4-tabs .CollectionToolbar1587251440__left.CollectionToolbar1587251440--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1587251440__root.CollectionToolbar1587251440---responsiveMode-4-tabs .CollectionToolbar1587251440__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1587251440__root .CollectionToolbar1587251440__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1587251440__root.CollectionToolbar1587251440--views .CollectionToolbar1587251440__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1587251440__root.CollectionToolbar1587251440---responsiveMode-4-tabs .CollectionToolbar1587251440__right,.CollectionToolbar1587251440__root.CollectionToolbar1587251440---responsiveMode-5-title .CollectionToolbar1587251440__right{flex:0 1 auto;min-width:0}.CollectionToolbar1587251440__root .CollectionToolbar1587251440__right.CollectionToolbar1587251440__fullWidth{margin-inline-start:0!important}.CollectionToolbar1587251440__root.CollectionToolbar1587251440--mobile:not(.CollectionToolbar1587251440--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter7814507__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter7814507__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter7814507__searchMobile:not(.SearchOrCustomFilter7814507--expandable){left:18px}.SearchOrCustomFilter7814507__searchMobile.SearchOrCustomFilter7814507--expandable.SearchOrCustomFilter7814507--expanded{left:18px}.AutoCompleteReadonly1212018788__root.AutoCompleteReadonly1212018788--disableEditing{cursor:pointer}.AutoCompleteReadonly1212018788__root.AutoCompleteReadonly1212018788--disableEditing input{cursor:pointer}.ViewsDropdown1721159365__root{width:200px}.DragHandle3857496114__root{display:flex;align-items:center}.DragHandle3857496114__root:not(.DragHandle3857496114--disabled){cursor:grab;color:#a8caff}.DragHandle3857496114__root.DragHandle3857496114--disabled{color:#acafc4}.DragHandle3857496114__root:focus-visible:not(.DragHandle3857496114--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3857496114__root.DragHandle3857496114--disabled{pointer-events:none}.DragHandle3857496114__root.DragHandle3857496114--dragging:not(.DragHandle3857496114--disabled){cursor:grabbing}td:has(>.EditableCell3695138072__root){position:relative;overflow:visible}tr:has(.EditableCell3695138072__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell3695138072__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>.EditableCell3695138072__root{top:0}.EditableCell3695138072__root:hover:not(.EditableCell3695138072--rowActive):not(.EditableCell3695138072--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell3695138072__root.EditableCell3695138072--rowActive:not(.EditableCell3695138072--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell3695138072__root.EditableCell3695138072--rowActive:hover:not(.EditableCell3695138072--focused):not(.EditableCell3695138072--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)}.EditableCell3695138072__root.EditableCell3695138072--focused:not(.EditableCell3695138072--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}.EditableCell3695138072__root.EditableCell3695138072--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell3695138072__root.EditableCell3695138072--editing:not(.EditableCell3695138072--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell3695138072__root.EditableCell3695138072--focused.EditableCell3695138072--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell3695138072__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)}.EditableCell3695138072__root.EditableCell3695138072--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell3695138072__root.EditableCell3695138072--selectionTop:not(.EditableCell3695138072--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell3695138072__root.EditableCell3695138072--selectionBottom:not(.EditableCell3695138072--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3695138072__root.EditableCell3695138072--selectionLeft:not(.EditableCell3695138072--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell3695138072__root.EditableCell3695138072--selectionRight:not(.EditableCell3695138072--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell3695138072__root.EditableCell3695138072--invalid,.EditableCell3695138072__root.EditableCell3695138072--invalid.EditableCell3695138072--rowActive:hover:not(.EditableCell3695138072--focused):not(.EditableCell3695138072--rangeSelected),.EditableCell3695138072__root.EditableCell3695138072--invalid.EditableCell3695138072--focused:not(.EditableCell3695138072--rangeSelected),.EditableCell3695138072__root.EditableCell3695138072--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell3695138072__root.EditableCell3695138072--copiedTop:not(.EditableCell3695138072--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell3695138072__root.EditableCell3695138072--copiedBottom:not(.EditableCell3695138072--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell3695138072__root.EditableCell3695138072--copiedLeft:not(.EditableCell3695138072--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell3695138072__root.EditableCell3695138072--copiedRight:not(.EditableCell3695138072--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell3695138072__root.EditableCell3695138072--invalid:not(.EditableCell3695138072--focused):not(.EditableCell3695138072--editing){z-index:1}.EditableCell3695138072__errorMessage{position:absolute;top:calc(100% + 4px);left:-1px;z-index:4;box-sizing:border-box;width:max-content;max-width:240px;padding:6px 8px;pointer-events:none;border-radius:var(--wds-popover-border-radius, var(--wds-border-radius-400, 8px));background:var(--wds-popover-fill, var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff)));box-shadow:var(--wds-shadow-surface-overlay, 0 0 18px rgba(0, 6, 36, 0.1), 0 6px 6px rgba(0, 6, 36, 0.05))}tr:last-child .EditableCell3695138072__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover1774199072__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover1774199072__root,.HeaderActionsPopover1774199072__root[data-menu-open=true],.HeaderActionsPopover1774199072__root:focus-within{opacity:1}.CellViewLayout3458924742__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3458924742__root>*{flex:1;min-width:0}.Edit4124644988__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}.Edit4124644988__addressInput>div,.Edit4124644988__addressInput>div>div,.Edit4124644988__addressInput>div>div>div{width:100%;min-width:0}.Edit816201746__jsonInput{width:100%;margin-left:-1px}.Edit994452219__booleanEdit{display:flex;align-items:center;margin-left:8px}.View2106200449__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit1252358591__root{width:100%;height:100%;display:flex;align-items:center}.Edit3606366046__dateInput{width:100%;margin-left:-1px}.Edit1438927137__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit1438927137__dateHalf{flex:60 1 0}.Edit1438927137__timeHalf{flex:40 1 0}.Edit1438927137__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit1438927137__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%}.Edit1438927137__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View2332818077__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}.View2332818077__datePart{flex:60 1 0}.View2332818077__timePart{flex:40 1 0}.View2332818077__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View2332818077__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit1245914332__emailInput{width:100%;margin-left:-1px}.Edit215111258__numberInput{width:100%;margin-right:2px}.Edit215111258__numberInput input{text-align:right;direction:ltr}.View2537877611__textView{width:100%;text-align:right}.Edit1729479327__jsonInput{width:100%;margin-left:-1px}.Edit654479110__selectInput{width:100%}.Edit2758759133__editWrapper{width:100%}.Edit2758759133__inputArea{background-color:transparent;width:100%}.Edit2758759133__inputArea input,.Edit2758759133__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}.Edit2758759133__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2758759133__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2758759133__inputArea>div::after{box-shadow:none!important}.Edit2758759133__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2758759133__inputArea:not(.Edit2758759133--isFocused) textarea{resize:none;overflow:hidden}.Edit2758759133__inputArea:not(.Edit2758759133--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2124514227__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
-  )}.Edit3976434641__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit4029121885__urlInput{width:100%;margin-left:-1px}.View385205916__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View385205916__urlText{flex:1;min-width:0}.View385205916__suffix{flex-shrink:0;margin-left:10px}.View385205916__textView.View385205916--suffixOnHover:not(:hover) .View385205916__suffix{display:none}.EmptyStateBase3595007617__root{min-height:230px;align-items:center}.EntityPagePlain2909456022__root.EntityPagePlain2909456022--mobile{--wds-page-header-padding-horizontal:0}.Fade532704291__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade532704291__root.Fade532704291--exit{opacity:0}.Heading2024812053__root{visibility:visible}.Heading2024812053__root.Heading2024812053--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3247705764__fileUpload{width:100%}.InputOverflow3729664396__root.InputOverflow3729664396--selected:not(.InputOverflow3729664396--focused) input::placeholder{color:#000624}@keyframes LoadingRow477909419__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%}}.LoadingRow477909419__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:LoadingRow477909419__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText4004829359__root{opacity:1}.MaxHeightText4004829359__root.MaxHeightText4004829359--height24{line-height:24px}.MaxLines2527383402__root{overflow:hidden}.MaxLines2527383402__root.MaxLines2527383402--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2649094695__root{min-width:0}.MultiBulkActionToolbar2649094695__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2649094695__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2649094695__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1438251547__root td{padding:0!important;width:100%}.NestedTableRow774112669__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow774112669__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow774112669__root.NestedTableRow774112669--expandable{cursor:pointer}.NestedTableRow774112669__placeholder td{padding:0!important;width:100%}.NestedTableRow774112669__root:hover td:first-of-type::before,.NestedTableRow774112669__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.MultipleDragOverlayEffect788284026__root{position:absolute;transform:translate(6px,6px);background-color:var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff));box-shadow:var(--wds-shadow-surface-overlay, var(--wsr-shadow20, 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12)))}.NestedTableDragAndDropRow2432249017__root.NestedTableDragAndDropRow2432249017--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent2368873188__root{display:flex}.PickerContentAdditionalStep1074001824__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1074001824__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3679162544__root{box-sizing:border-box}.ScrollableContent513350404__root.ScrollableContent513350404--overflowY{overflow-y:auto}.ScrollableContent513350404__root.ScrollableContent513350404--overflowX{overflow-x:auto}.ScrollableContent513350404__root.ScrollableContent513350404--smooth{scroll-behavior:smooth}.SetupWidget396087111__row{display:flex;flex-direction:column;overflow:clip;--wds-clickable-card-outline-border-color:var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))}.SetupWidget396087111__row.SetupWidget396087111--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget396087111__row.SetupWidget396087111--focused.SetupWidget396087111--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget396087111__completedCta,.SetupWidget396087111__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget396087111__row:hover .SetupWidget396087111__completedCta,.SetupWidget396087111__row:hover .SetupWidget396087111__secondaryCta{opacity:1}}.SetupWidget396087111__row:focus-within .SetupWidget396087111__completedCta,.SetupWidget396087111__row:focus-within .SetupWidget396087111__secondaryCta,.SetupWidget396087111__secondaryCta:focus-within{opacity:1}.SetupWidget396087111__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}.SetupWidget396087111__card.SetupWidget396087111--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget396087111__card.SetupWidget396087111--clickable{cursor:pointer}.SetupWidget396087111__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget396087111__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget396087111__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget396087111__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard577227391__headerLoading{display:block!important}.SlidingModal235468513__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal235468513__root.SlidingModal235468513--overlay{transition:transform 0s ease 0s}.SlidingModal235468513__root.SlidingModal235468513---appendTo-6-parent{position:absolute}.SlidingModal235468513__root.SlidingModal235468513--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal235468513__root:not(.SlidingModal235468513--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader2927909795__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader2927909795__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader2927909795__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}.TabsFilter3309937656__root .TabsFilter3309937656__titleBox *{color:inherit!important}.ManageTagsModal2960572131__root{display:flex}.ManageTagsModal2960572131__root.ManageTagsModal2960572131--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal2960572131__root.ManageTagsModal2960572131--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem2994816163__root{min-width:0}.ToolbarItemBox2577102231__root{min-width:0}.ToolbarItemBox2577102231__root.ToolbarItemBox2577102231--removeStartPadding{margin-left:-24px}.ToolbarItemBox2577102231__root.ToolbarItemBox2577102231--expandable{flex:1 0}.common589529049__column{display:flex;flex-direction:column}.common589529049__fullHeight{height:100%;min-height:0}.CollectionPageHeader433397772__root:not(.CollectionPageHeader433397772--mobile){gap:12px}.CollectionPageHeader433397772__root.CollectionPageHeader433397772--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader433397772__root.CollectionPageHeader433397772--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3777948636__root.FormPageHeader3777948636--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3777948636__root.FormPageHeader3777948636--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.Edit2124514227__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit2470623586__urlInput{width:100%;margin-left:-1px}.View3609963095__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3609963095__urlText{flex:1;min-width:0}.View3609963095__suffix{flex-shrink:0;margin-left:10px}.View3609963095__textView.View3609963095--suffixOnHover:not(:hover) .View3609963095__suffix{display:none}.EmptyStateBase3418165835__root{min-height:230px;align-items:center}.EntityPagePlain323960751__root.EntityPagePlain323960751--mobile{--wds-page-header-padding-horizontal:0}.Fade1956429818__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1956429818__root.Fade1956429818--exit{opacity:0}.Heading3238820002__root{visibility:visible}.Heading3238820002__root.Heading3238820002--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3773139056__fileUpload{width:100%}.InputOverflow2108163204__root.InputOverflow2108163204--selected:not(.InputOverflow2108163204--focused) input::placeholder{color:#000624}@keyframes LoadingRow1751324749__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%}}.LoadingRow1751324749__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:LoadingRow1751324749__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2387914086__root{opacity:1}.MaxHeightText2387914086__root.MaxHeightText2387914086--height24{line-height:24px}.MaxLines2905253173__root{overflow:hidden}.MaxLines2905253173__root.MaxLines2905253173--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3896041689__root{min-width:0}.MultiBulkActionToolbar3896041689__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3896041689__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3896041689__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1814324768__root td{padding:0!important;width:100%}.NestedTableRow4072666037__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow4072666037__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow4072666037__root.NestedTableRow4072666037--expandable{cursor:pointer}.NestedTableRow4072666037__placeholder td{padding:0!important;width:100%}.NestedTableRow4072666037__root:hover td:first-of-type::before,.NestedTableRow4072666037__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.MultipleDragOverlayEffect2746926945__root{position:absolute;transform:translate(6px,6px);background-color:var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff));box-shadow:var(--wds-shadow-surface-overlay, var(--wsr-shadow20, 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12)))}.NestedTableDragAndDropRow3084401325__root.NestedTableDragAndDropRow3084401325--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent2945350360__root{display:flex}.PickerContentAdditionalStep764710578__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep764710578__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem4046409728__root{box-sizing:border-box}.ScrollableContent257427423__root.ScrollableContent257427423--overflowY{overflow-y:auto}.ScrollableContent257427423__root.ScrollableContent257427423--overflowX{overflow-x:auto}.ScrollableContent257427423__root.ScrollableContent257427423--smooth{scroll-behavior:smooth}.SetupWidget255849986__row{display:flex;flex-direction:column;overflow:clip;--wds-clickable-card-outline-border-color:var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))}.SetupWidget255849986__row.SetupWidget255849986--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget255849986__row.SetupWidget255849986--focused.SetupWidget255849986--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget255849986__completedCta,.SetupWidget255849986__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget255849986__row:hover .SetupWidget255849986__completedCta,.SetupWidget255849986__row:hover .SetupWidget255849986__secondaryCta{opacity:1}}.SetupWidget255849986__row:focus-within .SetupWidget255849986__completedCta,.SetupWidget255849986__row:focus-within .SetupWidget255849986__secondaryCta,.SetupWidget255849986__secondaryCta:focus-within{opacity:1}.SetupWidget255849986__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}.SetupWidget255849986__card.SetupWidget255849986--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget255849986__card.SetupWidget255849986--clickable{cursor:pointer}.SetupWidget255849986__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget255849986__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget255849986__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget255849986__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard2842798833__headerLoading{display:block!important}.SlidingModal3005563757__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3005563757__root.SlidingModal3005563757--overlay{transition:transform 0s ease 0s}.SlidingModal3005563757__root.SlidingModal3005563757---appendTo-6-parent{position:absolute}.SlidingModal3005563757__root.SlidingModal3005563757--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal3005563757__root:not(.SlidingModal3005563757--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader2269731922__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader2269731922__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader2269731922__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}.TabsFilter4013180721__root .TabsFilter4013180721__titleBox *{color:inherit!important}.ManageTagsModal831681047__root{display:flex}.ManageTagsModal831681047__root.ManageTagsModal831681047--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal831681047__root.ManageTagsModal831681047--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem3984970641__root{min-width:0}.ToolbarItemBox2813000421__root{min-width:0}.ToolbarItemBox2813000421__root.ToolbarItemBox2813000421--removeStartPadding{margin-left:-24px}.ToolbarItemBox2813000421__root.ToolbarItemBox2813000421--expandable{flex:1 0}.common1879432617__column{display:flex;flex-direction:column}.common1879432617__fullHeight{height:100%;min-height:0}.CollectionPageHeader2538056537__root:not(.CollectionPageHeader2538056537--mobile){gap:12px}.CollectionPageHeader2538056537__root.CollectionPageHeader2538056537--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2538056537__root.CollectionPageHeader2538056537--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2338696575__root.FormPageHeader2338696575--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2338696575__root.FormPageHeader2338696575--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.461.0';
+const version = exports.version = 'patterns@1.462.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.461.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.462.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/docs/AI Assistant.md

@@ -78,6 +78,7 @@ import {
   useTableCollection,
   PrimaryActions,
   createAiAssistant,
+  OffsetQuery,
 } from '@wix/patterns';
 import { CollectionPage } from '@wix/patterns/page';
 import { contacts } from '@wix/crm';
@@ -91,7 +92,7 @@ function AiAssistant() {
     queryName: 'contacts-AiAssistant',
     itemName: (contact) =>
       `${contact.info?.name?.first} ${contact.info?.name?.last}`,
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search, filters } = query;
 
       let queryBuilder = contacts.queryContacts().limit(limit).skip(offset);

package/dist/docs/AutoCompleteFilter.md

@@ -16,7 +16,10 @@ import { AutoCompleteFilter } from '@wix/patterns';
 
 ```tsx
 import React from 'react';
+import { useHttpClient } from '@wix/yoshi-flow-bm';
+import { Layout, Cell } from '@wix/design-system';
 import {
+  OffsetQuery,
   AutoCompleteFilter,
   idNameArrayFilter,
   useFilterCollection,
@@ -24,16 +27,16 @@ import {
 import { Observer } from 'mobx-react-lite';
 
 function BasicAutoCompleteFilter() {
-  const fakeEntityHttpClient = useFakeEntityHttpClient();
+  const fakeEntityHttpClient = useHttpClient();
 
   const [filter] = React.useState(() => idNameArrayFilter());
 
   const collection = useFilterCollection(filter, {
     queryName: 'BasicAutoCompleteFilter',
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search, filters } = query;
       return fakeEntityHttpClient
-        .request({
+        .request<{ items: { id: string; name: string }[]; total: number }>({
           url: '/api/fake-entity',
           params: { limit, offset, search, filters },
         })
@@ -69,23 +72,26 @@ function BasicAutoCompleteFilter() {
 
 ```tsx
 import React from 'react';
+import { useHttpClient } from '@wix/yoshi-flow-bm';
+import { Layout, Cell } from '@wix/design-system';
 import {
+  OffsetQuery,
   AutoCompleteFilter,
   idNameArrayFilter,
   useFilterCollection,
 } from '@wix/patterns';
 
 function BasicAutoCompleteFilter() {
-  const fakeEntityHttpClient = useFakeEntityHttpClient();
+  const fakeEntityHttpClient = useHttpClient();
 
   const [filter] = React.useState(() => idNameArrayFilter());
 
   const collection = useFilterCollection(filter, {
     queryName: 'BasicAutoCompleteFilter',
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search, filters } = query;
       return fakeEntityHttpClient
-        .request({
+        .request<{ items: { id: string; name: string }[]; total: number }>({
           url: '/api/fake-entity',
           params: { limit, offset, search, filters },
         })

package/dist/docs/CollectionPage.Content.md

@@ -38,7 +38,7 @@ Showing table as the content of the page
 ```tsx
 import { Avatar } from '@wix/design-system';
 import React from 'react';
-import { Table, useTableCollection } from '@wix/patterns';
+import { Table, useTableCollection, OffsetQuery } from '@wix/patterns';
 import { CollectionPage } from '@wix/patterns/page';
 import { contacts } from '@wix/crm';
 
@@ -47,7 +47,7 @@ function WithoutTotal() {
     queryName: 'contacts-withTable',
     itemName: (contact) =>
       `${contact.info?.name?.first} ${contact.info?.name?.last}`,
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search, filters } = query;
 
       let queryBuilder = contacts.queryContacts().limit(limit).skip(offset);
@@ -106,7 +106,7 @@ Showing grid as the content of the page
 ```tsx
 import React from 'react';
 import { CollectionPage } from '@wix/patterns/page';
-import { Grid, useGridCollection } from '@wix/patterns';
+import { Grid, useGridCollection, OffsetQuery } from '@wix/patterns';
 import { contacts } from '@wix/crm';
 
 function WithGrid() {
@@ -115,7 +115,7 @@ function WithGrid() {
     paginationMode: 'offset',
     itemName: (contact) =>
       `${contact.info?.name?.first} ${contact.info?.name?.last}`,
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search, filters } = query;
 
       let queryBuilder = contacts.queryContacts().limit(limit).skip(offset);