@wix/patterns 1.389.0 → 1.390.0

package/dist/cjs/hooks/useEditableTableCollection.js

@@ -16,6 +16,7 @@ const useEditableTableCollection = config => {
       permissions: config.permissions,
       mutations: config.mutations,
       fieldActions: config.fieldActions,
+      extraCellTypes: config.extraCellTypes,
       createOptimisticActions: collection => createOptimisticActions(collection, config.optimisticActionParams)
     });
   });

package/dist/cjs/hooks/useEditableTableCollection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_EditableTable","_useOptionalCachedState","useEditableTableCollection","config","container","useWixPatternsContainer","createCollection","useCreateCollection","createOptimisticActions","useCreateOptimisticActions","state","useOptionalCachedState","EditableTableState","collection","permissions","mutations","fieldActions","optimisticActionParams","exports"],"sources":["../../../src/hooks/useEditableTableCollection.ts"],"sourcesContent":["import {\n  CollectionOptimisticActionsBaseParams,\n  FiltersMap,\n  OptionalFiltersMap,\n} from '@wix/bex-core';\nimport {\n  useWixPatternsContainer,\n  CollectionConfigWithConditionals,\n  useCreateCollection,\n  useCreateOptimisticActions,\n} from '@wix/bex-core/react';\nimport {\n  EditableTableState,\n  EditableTablePermissions,\n  EditableTableMutationHandlers,\n} from '../state/EditableTable';\nimport type { FieldActions } from '../types/SchemaConfig';\nimport { useOptionalCachedState } from './useOptionalCachedState';\n\nexport type EditableTableCollectionConfig<\n  T,\n  F extends FiltersMap,\n> = CollectionConfigWithConditionals<T, F> & {\n  permissions?: EditableTablePermissions;\n  mutations: EditableTableMutationHandlers<T>;\n  fieldActions?: FieldActions;\n  optimisticActionParams?: Partial<CollectionOptimisticActionsBaseParams<T, F>>;\n};\n\ntype EditableTableCollection = <T, F extends FiltersMap = OptionalFiltersMap>(\n  config: EditableTableCollectionConfig<T, F>,\n) => EditableTableState<T, F>;\n\nexport const useEditableTableCollection: EditableTableCollection = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: EditableTableCollectionConfig<T, F>,\n): EditableTableState<T, F> => {\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n  const createOptimisticActions = useCreateOptimisticActions();\n\n  const state = useOptionalCachedState(() => {\n    return new EditableTableState<T, F>({\n      collection: createCollection<T, F>(config),\n      container,\n      permissions: config.permissions,\n      mutations: config.mutations,\n      fieldActions: config.fieldActions,\n      createOptimisticActions: (collection) =>\n        createOptimisticActions(collection, config.optimisticActionParams),\n    });\n  });\n\n  return state;\n};\n"],"mappings":";;;;AAKA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,cAAA,GAAAD,OAAA;AAMA,IAAAE,uBAAA,GAAAF,OAAA;AAgBO,MAAMG,0BAAmD,GAI9DC,MAA2C,IACd;EAC7B,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAC9C,MAAMC,uBAAuB,GAAG,IAAAC,iCAA0B,EAAC,CAAC;EAE5D,MAAMC,KAAK,GAAG,IAAAC,8CAAsB,EAAC,MAAM;IACzC,OAAO,IAAIC,iCAAkB,CAAO;MAClCC,UAAU,EAAEP,gBAAgB,CAAOH,MAAM,CAAC;MAC1CC,SAAS;MACTU,WAAW,EAAEX,MAAM,CAACW,WAAW;MAC/BC,SAAS,EAAEZ,MAAM,CAACY,SAAS;MAC3BC,YAAY,EAAEb,MAAM,CAACa,YAAY;MACjCR,uBAAuB,EAAGK,UAAU,IAClCL,uBAAuB,CAACK,UAAU,EAAEV,MAAM,CAACc,sBAAsB;IACrE,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,OAAOP,KAAK;AACd,CAAC;AAACQ,OAAA,CAAAhB,0BAAA,GAAAA,0BAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_EditableTable","_useOptionalCachedState","useEditableTableCollection","config","container","useWixPatternsContainer","createCollection","useCreateCollection","createOptimisticActions","useCreateOptimisticActions","state","useOptionalCachedState","EditableTableState","collection","permissions","mutations","fieldActions","extraCellTypes","optimisticActionParams","exports"],"sources":["../../../src/hooks/useEditableTableCollection.ts"],"sourcesContent":["import {\n  CollectionOptimisticActionsBaseParams,\n  FiltersMap,\n  OptionalFiltersMap,\n} from '@wix/bex-core';\nimport {\n  useWixPatternsContainer,\n  CollectionConfigWithConditionals,\n  useCreateCollection,\n  useCreateOptimisticActions,\n} from '@wix/bex-core/react';\nimport {\n  EditableTableState,\n  EditableTablePermissions,\n  EditableTableMutationHandlers,\n} from '../state/EditableTable';\nimport type { CellType } from '../state/EditableTable/types';\nimport type { FieldActions } from '../types/SchemaConfig';\nimport { useOptionalCachedState } from './useOptionalCachedState';\n\nexport type EditableTableCollectionConfig<\n  T,\n  F extends FiltersMap,\n> = CollectionConfigWithConditionals<T, F> & {\n  permissions?: EditableTablePermissions;\n  mutations: EditableTableMutationHandlers<T>;\n  fieldActions?: FieldActions;\n  optimisticActionParams?: Partial<CollectionOptimisticActionsBaseParams<T, F>>;\n  /**\n   * Additional cell types to register alongside the built-in ones.\n   * Augment `CellTypeConfigMap` to use these types on `EditableColumn.cellType`.\n   */\n  extraCellTypes?: CellType[];\n};\n\ntype EditableTableCollection = <T, F extends FiltersMap = OptionalFiltersMap>(\n  config: EditableTableCollectionConfig<T, F>,\n) => EditableTableState<T, F>;\n\nexport const useEditableTableCollection: EditableTableCollection = <\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  config: EditableTableCollectionConfig<T, F>,\n): EditableTableState<T, F> => {\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n  const createOptimisticActions = useCreateOptimisticActions();\n\n  const state = useOptionalCachedState(() => {\n    return new EditableTableState<T, F>({\n      collection: createCollection<T, F>(config),\n      container,\n      permissions: config.permissions,\n      mutations: config.mutations,\n      fieldActions: config.fieldActions,\n      extraCellTypes: config.extraCellTypes,\n      createOptimisticActions: (collection) =>\n        createOptimisticActions(collection, config.optimisticActionParams),\n    });\n  });\n\n  return state;\n};\n"],"mappings":";;;;AAKA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,cAAA,GAAAD,OAAA;AAOA,IAAAE,uBAAA,GAAAF,OAAA;AAqBO,MAAMG,0BAAmD,GAI9DC,MAA2C,IACd;EAC7B,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAC9C,MAAMC,uBAAuB,GAAG,IAAAC,iCAA0B,EAAC,CAAC;EAE5D,MAAMC,KAAK,GAAG,IAAAC,8CAAsB,EAAC,MAAM;IACzC,OAAO,IAAIC,iCAAkB,CAAO;MAClCC,UAAU,EAAEP,gBAAgB,CAAOH,MAAM,CAAC;MAC1CC,SAAS;MACTU,WAAW,EAAEX,MAAM,CAACW,WAAW;MAC/BC,SAAS,EAAEZ,MAAM,CAACY,SAAS;MAC3BC,YAAY,EAAEb,MAAM,CAACa,YAAY;MACjCC,cAAc,EAAEd,MAAM,CAACc,cAAc;MACrCT,uBAAuB,EAAGK,UAAU,IAClCL,uBAAuB,CAACK,UAAU,EAAEV,MAAM,CAACe,sBAAsB;IACrE,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,OAAOR,KAAK;AACd,CAAC;AAACS,OAAA,CAAAjB,0BAAA,GAAAA,0BAAA","ignoreList":[]}

package/dist/cjs/state/CollectionPage/CollectionPageHeader.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_ = "CollectionPageHeader3435305586";
+var _namespace_ = "CollectionPageHeader2952668445";
 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": "CollectionPageHeader3435305586__root"
+  "root": "CollectionPageHeader2952668445__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/CollectionPageHeader.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/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader3435305586\";\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\":\"CollectionPageHeader3435305586__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,gCAAgC;AAClD,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;AAAsC,CAAC;AAC7D,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/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader2952668445\";\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\":\"CollectionPageHeader2952668445__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,gCAAgC;AAClD,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;AAAsC,CAAC;AAC7D,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/EditableTable/CellValueState.js

@@ -9,12 +9,14 @@ var _cellTypes = require("../../components/EditableTable/cellTypes");
 var _utils = require("./utils");
 const builtInCellTypeMap = new Map(_cellTypes.builtInCellTypes.map(ct => [ct.type, ct]));
 class CellValueState {
-  constructor(parent) {
+  constructor(parent, extraCellTypes = new Map()) {
     /** Pending invalid cell values, keyed by `${itemId}:${colId}`. */
     (0, _defineProperty2.default)(this, "_pendingCells", new Map());
     (0, _defineProperty2.default)(this, "_parent", void 0);
+    (0, _defineProperty2.default)(this, "_extraCellTypes", void 0);
     (0, _defineProperty2.default)(this, "_cellTypeMap", builtInCellTypeMap);
     this._parent = parent;
+    this._extraCellTypes = extraCellTypes;
     (0, _mobx.makeObservable)(this, {
       _pendingCells: _mobx.observable,
       clearCells: _mobx.action,
@@ -33,7 +35,7 @@ class CellValueState {
           ...col.typeConfig
         });
       } else {
-        map.set(col.id, builtInCellTypeMap.get(col.cellType) ?? _cellTypes.textCellType);
+        map.set(col.id, builtInCellTypeMap.get(col.cellType) ?? this._extraCellTypes.get(col.cellType) ?? _cellTypes.textCellType);
       }
     }
     this._cellTypeMap = map;

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

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_cellTypes","_utils","builtInCellTypeMap","Map","builtInCellTypes","map","ct","type","CellValueState","constructor","parent","_defineProperty2","default","_parent","makeObservable","_pendingCells","observable","clearCells","action","toggleCell","commitHandler","applyBulkRawValues","applyBulkValues","_buildCellTypeMap","col","_allColumns","cellType","typeConfig","set","id","get","textCellType","_cellTypeMap","resolveCellTypeByColumnId","columnId","getCellDisplayValue","rowKey","pending","_getPendingCell","value","column","_columnMap","keyedItem","_getKeyedItem","getValue","item","undefined","getCellValidation","valid","errors","validResult","isCellEditable","resolved","editable","EditComponent","setValue","serializeCellValue","serialize","String","cells","changes","cell","clearable","pendingKey","_pendingCellKey","delete","deserialize","push","length","toggleValue","newValue","updatedItem","mutation","updateItems","editingValue","normalized","normalizeOnCommit","_applyValue","key","tryDeserialize","rawValue","error","rawChanges","rowItems","result","runCellValidation","validation","validate","currentItem","Array","from","values","exports"],"sources":["../../../../src/state/EditableTable/CellValueState.ts"],"sourcesContent":["import { action, makeObservable, observable } from 'mobx';\nimport type { CellType, Cell, ValidationResult } from './types';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { EditableTableState } from './EditableTableState';\nimport {\n  builtInCellTypes,\n  textCellType,\n} from '../../components/EditableTable/cellTypes';\nimport { runCellValidation, validResult } from './utils';\n\nconst builtInCellTypeMap = new Map<string, CellType>(\n  builtInCellTypes.map((ct) => [ct.type, ct]),\n);\n\nexport class CellValueState<T, F extends FiltersMap> {\n  /** Pending invalid cell values, keyed by `${itemId}:${colId}`. */\n  readonly _pendingCells = new Map<string, { value: any; errors: string[] }>();\n\n  private readonly _parent: EditableTableState<T, F>;\n  private _cellTypeMap: Map<string, CellType> = builtInCellTypeMap;\n\n  constructor(parent: EditableTableState<T, F>) {\n    this._parent = parent;\n\n    makeObservable(this, {\n      _pendingCells: observable,\n      clearCells: action,\n      toggleCell: action,\n      commitHandler: action,\n      applyBulkRawValues: action,\n      applyBulkValues: action,\n    });\n  }\n\n  _buildCellTypeMap() {\n    const map = new Map<string, CellType>();\n    for (const col of this._parent._allColumns) {\n      if (\n        col.cellType === 'custom' &&\n        col.typeConfig &&\n        typeof col.typeConfig === 'object' &&\n        'ViewComponent' in col.typeConfig\n      ) {\n        map.set(col.id, {\n          type: 'custom',\n          ...(col.typeConfig as Omit<CellType, 'type'>),\n        });\n      } else {\n        map.set(col.id, builtInCellTypeMap.get(col.cellType) ?? textCellType);\n      }\n    }\n    this._cellTypeMap = map;\n  }\n\n  resolveCellTypeByColumnId(columnId: string): CellType {\n    return this._cellTypeMap.get(columnId) ?? textCellType;\n  }\n\n  getCellDisplayValue(rowKey: string, columnId: string): any {\n    const pending = this._getPendingCell(rowKey, columnId);\n    if (pending) {\n      return pending.value;\n    }\n    const column = this._parent._columnMap.get(columnId);\n    const keyedItem = this._parent._getKeyedItem(rowKey);\n    return column && keyedItem ? column.getValue(keyedItem.item) : undefined;\n  }\n\n  getCellValidation(rowKey: string, columnId: string): ValidationResult {\n    const pending = this._getPendingCell(rowKey, columnId);\n    if (pending) {\n      return { valid: false, errors: pending.errors };\n    }\n    return validResult;\n  }\n\n  isCellEditable(rowKey: string, columnId: string): boolean {\n    const column = this._parent._columnMap.get(columnId);\n    if (!column) {\n      return false;\n    }\n\n    const resolved = this.resolveCellTypeByColumnId(column.id);\n    if (resolved.editable === false || !resolved.EditComponent) {\n      return false;\n    }\n    if (!column.setValue) {\n      return false;\n    }\n\n    if (typeof column.editable === 'function') {\n      const keyedItem = this._parent._getKeyedItem(rowKey);\n      return keyedItem ? column.editable(keyedItem.item) : false;\n    }\n    return column.editable !== false;\n  }\n\n  /** Serialize a cell value to a string (for clipboard copy/cut). */\n  serializeCellValue(rowKey: string, columnId: string): string {\n    const column = this._parent._columnMap.get(columnId);\n    const keyedItem = this._parent._getKeyedItem(rowKey);\n    if (!column || !keyedItem) {\n      return '';\n    }\n    const resolved = this.resolveCellTypeByColumnId(column.id);\n    const pending = this._getPendingCell(rowKey, columnId);\n    const value = pending ? pending.value : column.getValue(keyedItem.item);\n    return resolved.serialize ? resolved.serialize(value) : String(value ?? '');\n  }\n\n  /** Clear selected cells (Delete/Backspace). Respects cellType.clearable. */\n  clearCells(cells: Cell[]) {\n    const changes: { rowKey: string; columnId: string; value: any }[] = [];\n\n    for (const cell of cells) {\n      const column = this._parent._columnMap.get(cell.columnId);\n      if (!column?.setValue) {\n        continue;\n      }\n      const resolved = this.resolveCellTypeByColumnId(column.id);\n      if (resolved.clearable === false) {\n        continue;\n      }\n\n      const pendingKey = this._pendingCellKey(cell.rowKey, cell.columnId);\n      if (pendingKey) {\n        this._pendingCells.delete(pendingKey);\n      }\n      const value = resolved.deserialize ? resolved.deserialize('') : '';\n      changes.push({ rowKey: cell.rowKey, columnId: cell.columnId, value });\n    }\n\n    if (changes.length > 0) {\n      this.applyBulkValues(changes);\n    }\n  }\n\n  toggleCell(rowKey: string, columnId: string) {\n    const column = this._parent._columnMap.get(columnId);\n    const keyedItem = this._parent._getKeyedItem(rowKey);\n    if (!column?.setValue || !keyedItem) {\n      return;\n    }\n\n    const resolved = this.resolveCellTypeByColumnId(column.id);\n    if (!resolved.toggleValue) {\n      return;\n    }\n\n    const value = column.getValue(keyedItem.item);\n    const newValue = resolved.toggleValue(value);\n    const updatedItem = column.setValue(keyedItem.item, newValue);\n    this._parent.mutation.updateItems([updatedItem]);\n  }\n\n  /** Commit handler — used as callback for CellInteractionState. */\n  commitHandler(editingValue: any, cell: Cell) {\n    if (editingValue !== undefined) {\n      const resolved = this.resolveCellTypeByColumnId(cell.columnId);\n      const normalized = resolved.normalizeOnCommit\n        ? resolved.normalizeOnCommit(editingValue)\n        : editingValue;\n      this._applyValue(cell.rowKey, cell.columnId, normalized);\n    }\n  }\n\n  private _getPendingCell(\n    rowKey: string,\n    columnId: string,\n  ): { value: any; errors: string[] } | undefined {\n    const key = this._pendingCellKey(rowKey, columnId);\n    return key ? this._pendingCells.get(key) : undefined;\n  }\n\n  private _pendingCellKey(\n    rowKey: string,\n    columnId: string,\n  ): string | undefined {\n    const keyedItem = this._parent._getKeyedItem(rowKey);\n    const column = this._parent._columnMap.get(columnId);\n    if (!keyedItem || !column) {\n      return undefined;\n    }\n    return `${keyedItem.key}:${column.id}`;\n  }\n\n  /**\n   * Deserialize a raw string to a typed value. Returns an error message\n   * if the conversion fails\n   */\n  tryDeserialize(\n    columnId: string,\n    rawValue: string,\n  ): { value: any; error?: string } {\n    const column = this._parent._columnMap.get(columnId);\n    if (!column) {\n      return { value: rawValue };\n    }\n    const resolved = this.resolveCellTypeByColumnId(column.id);\n    if (!resolved.deserialize) {\n      return { value: rawValue };\n    }\n    try {\n      return { value: resolved.deserialize(rawValue) };\n    } catch {\n      return { value: rawValue, error: 'Value is not compatible' };\n    }\n  }\n\n  /**\n   * Deserialize and apply multiple raw string values in bulk.\n   * Handles conversion failures by storing them as pending cells.\n   */\n  applyBulkRawValues(\n    rawChanges: { rowKey: string; columnId: string; rawValue: string }[],\n  ) {\n    const changes: { rowKey: string; columnId: string; value: any }[] = [];\n    for (const { rowKey, columnId, rawValue } of rawChanges) {\n      const { value, error } = this.tryDeserialize(columnId, rawValue);\n      if (error) {\n        const pendingKey = this._pendingCellKey(rowKey, columnId);\n        if (pendingKey) {\n          this._pendingCells.set(pendingKey, { value, errors: [error] });\n        }\n      } else {\n        changes.push({ rowKey, columnId, value });\n      }\n    }\n    this.applyBulkValues(changes);\n  }\n\n  /**\n   * Apply multiple cell values in bulk. Validates per cell, accumulates\n   * changes per row, and submits all modified items in a single update.\n   */\n  applyBulkValues(changes: { rowKey: string; columnId: string; value: any }[]) {\n    const rowItems = new Map<string, T>();\n\n    for (const { rowKey, columnId, value } of changes) {\n      const column = this._parent._columnMap.get(columnId);\n      const keyedItem = this._parent._getKeyedItem(rowKey);\n      if (!column?.setValue || !keyedItem) {\n        continue;\n      }\n\n      const resolved = this.resolveCellTypeByColumnId(column.id);\n      const result = runCellValidation(\n        value,\n        column.validation,\n        resolved.validate,\n      );\n      const pendingKey = this._pendingCellKey(rowKey, columnId);\n\n      if (result.valid) {\n        if (pendingKey) {\n          this._pendingCells.delete(pendingKey);\n        }\n        const currentItem = rowItems.get(rowKey) ?? keyedItem.item;\n        rowItems.set(rowKey, column.setValue(currentItem, value));\n      } else if (pendingKey) {\n        this._pendingCells.set(pendingKey, {\n          value,\n          errors: result.errors ?? [],\n        });\n      }\n    }\n\n    this._parent.mutation.updateItems(Array.from(rowItems.values()));\n  }\n\n  private _applyValue(rowKey: string, columnId: string, value: any) {\n    const column = this._parent._columnMap.get(columnId);\n    const keyedItem = this._parent._getKeyedItem(rowKey);\n    if (!column?.setValue || !keyedItem) {\n      return;\n    }\n\n    const resolved = this.resolveCellTypeByColumnId(column.id);\n    const result = runCellValidation(\n      value,\n      column.validation,\n      resolved.validate,\n    );\n    const pendingKey = this._pendingCellKey(rowKey, columnId);\n\n    if (result.valid) {\n      if (pendingKey) {\n        this._pendingCells.delete(pendingKey);\n      }\n      const updatedItem = column.setValue(keyedItem.item, value);\n      this._parent.mutation.updateItems([updatedItem]);\n    } else if (pendingKey) {\n      this._pendingCells.set(pendingKey, {\n        value,\n        errors: result.errors ?? [],\n      });\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_cellTypes","_utils","builtInCellTypeMap","Map","builtInCellTypes","map","ct","type","CellValueState","constructor","parent","extraCellTypes","_defineProperty2","default","_parent","_extraCellTypes","makeObservable","_pendingCells","observable","clearCells","action","toggleCell","commitHandler","applyBulkRawValues","applyBulkValues","_buildCellTypeMap","col","_allColumns","cellType","typeConfig","set","id","get","textCellType","_cellTypeMap","resolveCellTypeByColumnId","columnId","getCellDisplayValue","rowKey","pending","_getPendingCell","value","column","_columnMap","keyedItem","_getKeyedItem","getValue","item","undefined","getCellValidation","valid","errors","validResult","isCellEditable","resolved","editable","EditComponent","setValue","serializeCellValue","serialize","String","cells","changes","cell","clearable","pendingKey","_pendingCellKey","delete","deserialize","push","length","toggleValue","newValue","updatedItem","mutation","updateItems","editingValue","normalized","normalizeOnCommit","_applyValue","key","tryDeserialize","rawValue","error","rawChanges","rowItems","result","runCellValidation","validation","validate","currentItem","Array","from","values","exports"],"sources":["../../../../src/state/EditableTable/CellValueState.ts"],"sourcesContent":["import { action, makeObservable, observable } from 'mobx';\nimport type { CellType, Cell, ValidationResult } from './types';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { EditableTableState } from './EditableTableState';\nimport {\n  builtInCellTypes,\n  textCellType,\n} from '../../components/EditableTable/cellTypes';\nimport { runCellValidation, validResult } from './utils';\n\nconst builtInCellTypeMap = new Map<string, CellType>(\n  builtInCellTypes.map((ct) => [ct.type, ct]),\n);\n\nexport class CellValueState<T, F extends FiltersMap> {\n  /** Pending invalid cell values, keyed by `${itemId}:${colId}`. */\n  readonly _pendingCells = new Map<string, { value: any; errors: string[] }>();\n\n  private readonly _parent: EditableTableState<T, F>;\n  private readonly _extraCellTypes: Map<string, CellType>;\n  private _cellTypeMap: Map<string, CellType> = builtInCellTypeMap;\n\n  constructor(\n    parent: EditableTableState<T, F>,\n    extraCellTypes: Map<string, CellType> = new Map(),\n  ) {\n    this._parent = parent;\n    this._extraCellTypes = extraCellTypes;\n\n    makeObservable(this, {\n      _pendingCells: observable,\n      clearCells: action,\n      toggleCell: action,\n      commitHandler: action,\n      applyBulkRawValues: action,\n      applyBulkValues: action,\n    });\n  }\n\n  _buildCellTypeMap() {\n    const map = new Map<string, CellType>();\n    for (const col of this._parent._allColumns) {\n      if (\n        col.cellType === 'custom' &&\n        col.typeConfig &&\n        typeof col.typeConfig === 'object' &&\n        'ViewComponent' in col.typeConfig\n      ) {\n        map.set(col.id, {\n          type: 'custom',\n          ...(col.typeConfig as Omit<CellType, 'type'>),\n        });\n      } else {\n        map.set(\n          col.id,\n          builtInCellTypeMap.get(col.cellType) ??\n            this._extraCellTypes.get(col.cellType) ??\n            textCellType,\n        );\n      }\n    }\n    this._cellTypeMap = map;\n  }\n\n  resolveCellTypeByColumnId(columnId: string): CellType {\n    return this._cellTypeMap.get(columnId) ?? textCellType;\n  }\n\n  getCellDisplayValue(rowKey: string, columnId: string): any {\n    const pending = this._getPendingCell(rowKey, columnId);\n    if (pending) {\n      return pending.value;\n    }\n    const column = this._parent._columnMap.get(columnId);\n    const keyedItem = this._parent._getKeyedItem(rowKey);\n    return column && keyedItem ? column.getValue(keyedItem.item) : undefined;\n  }\n\n  getCellValidation(rowKey: string, columnId: string): ValidationResult {\n    const pending = this._getPendingCell(rowKey, columnId);\n    if (pending) {\n      return { valid: false, errors: pending.errors };\n    }\n    return validResult;\n  }\n\n  isCellEditable(rowKey: string, columnId: string): boolean {\n    const column = this._parent._columnMap.get(columnId);\n    if (!column) {\n      return false;\n    }\n\n    const resolved = this.resolveCellTypeByColumnId(column.id);\n    if (resolved.editable === false || !resolved.EditComponent) {\n      return false;\n    }\n    if (!column.setValue) {\n      return false;\n    }\n\n    if (typeof column.editable === 'function') {\n      const keyedItem = this._parent._getKeyedItem(rowKey);\n      return keyedItem ? column.editable(keyedItem.item) : false;\n    }\n    return column.editable !== false;\n  }\n\n  /** Serialize a cell value to a string (for clipboard copy/cut). */\n  serializeCellValue(rowKey: string, columnId: string): string {\n    const column = this._parent._columnMap.get(columnId);\n    const keyedItem = this._parent._getKeyedItem(rowKey);\n    if (!column || !keyedItem) {\n      return '';\n    }\n    const resolved = this.resolveCellTypeByColumnId(column.id);\n    const pending = this._getPendingCell(rowKey, columnId);\n    const value = pending ? pending.value : column.getValue(keyedItem.item);\n    return resolved.serialize ? resolved.serialize(value) : String(value ?? '');\n  }\n\n  /** Clear selected cells (Delete/Backspace). Respects cellType.clearable. */\n  clearCells(cells: Cell[]) {\n    const changes: { rowKey: string; columnId: string; value: any }[] = [];\n\n    for (const cell of cells) {\n      const column = this._parent._columnMap.get(cell.columnId);\n      if (!column?.setValue) {\n        continue;\n      }\n      const resolved = this.resolveCellTypeByColumnId(column.id);\n      if (resolved.clearable === false) {\n        continue;\n      }\n\n      const pendingKey = this._pendingCellKey(cell.rowKey, cell.columnId);\n      if (pendingKey) {\n        this._pendingCells.delete(pendingKey);\n      }\n      const value = resolved.deserialize ? resolved.deserialize('') : '';\n      changes.push({ rowKey: cell.rowKey, columnId: cell.columnId, value });\n    }\n\n    if (changes.length > 0) {\n      this.applyBulkValues(changes);\n    }\n  }\n\n  toggleCell(rowKey: string, columnId: string) {\n    const column = this._parent._columnMap.get(columnId);\n    const keyedItem = this._parent._getKeyedItem(rowKey);\n    if (!column?.setValue || !keyedItem) {\n      return;\n    }\n\n    const resolved = this.resolveCellTypeByColumnId(column.id);\n    if (!resolved.toggleValue) {\n      return;\n    }\n\n    const value = column.getValue(keyedItem.item);\n    const newValue = resolved.toggleValue(value);\n    const updatedItem = column.setValue(keyedItem.item, newValue);\n    this._parent.mutation.updateItems([updatedItem]);\n  }\n\n  /** Commit handler — used as callback for CellInteractionState. */\n  commitHandler(editingValue: any, cell: Cell) {\n    if (editingValue !== undefined) {\n      const resolved = this.resolveCellTypeByColumnId(cell.columnId);\n      const normalized = resolved.normalizeOnCommit\n        ? resolved.normalizeOnCommit(editingValue)\n        : editingValue;\n      this._applyValue(cell.rowKey, cell.columnId, normalized);\n    }\n  }\n\n  private _getPendingCell(\n    rowKey: string,\n    columnId: string,\n  ): { value: any; errors: string[] } | undefined {\n    const key = this._pendingCellKey(rowKey, columnId);\n    return key ? this._pendingCells.get(key) : undefined;\n  }\n\n  private _pendingCellKey(\n    rowKey: string,\n    columnId: string,\n  ): string | undefined {\n    const keyedItem = this._parent._getKeyedItem(rowKey);\n    const column = this._parent._columnMap.get(columnId);\n    if (!keyedItem || !column) {\n      return undefined;\n    }\n    return `${keyedItem.key}:${column.id}`;\n  }\n\n  /**\n   * Deserialize a raw string to a typed value. Returns an error message\n   * if the conversion fails\n   */\n  tryDeserialize(\n    columnId: string,\n    rawValue: string,\n  ): { value: any; error?: string } {\n    const column = this._parent._columnMap.get(columnId);\n    if (!column) {\n      return { value: rawValue };\n    }\n    const resolved = this.resolveCellTypeByColumnId(column.id);\n    if (!resolved.deserialize) {\n      return { value: rawValue };\n    }\n    try {\n      return { value: resolved.deserialize(rawValue) };\n    } catch {\n      return { value: rawValue, error: 'Value is not compatible' };\n    }\n  }\n\n  /**\n   * Deserialize and apply multiple raw string values in bulk.\n   * Handles conversion failures by storing them as pending cells.\n   */\n  applyBulkRawValues(\n    rawChanges: { rowKey: string; columnId: string; rawValue: string }[],\n  ) {\n    const changes: { rowKey: string; columnId: string; value: any }[] = [];\n    for (const { rowKey, columnId, rawValue } of rawChanges) {\n      const { value, error } = this.tryDeserialize(columnId, rawValue);\n      if (error) {\n        const pendingKey = this._pendingCellKey(rowKey, columnId);\n        if (pendingKey) {\n          this._pendingCells.set(pendingKey, { value, errors: [error] });\n        }\n      } else {\n        changes.push({ rowKey, columnId, value });\n      }\n    }\n    this.applyBulkValues(changes);\n  }\n\n  /**\n   * Apply multiple cell values in bulk. Validates per cell, accumulates\n   * changes per row, and submits all modified items in a single update.\n   */\n  applyBulkValues(changes: { rowKey: string; columnId: string; value: any }[]) {\n    const rowItems = new Map<string, T>();\n\n    for (const { rowKey, columnId, value } of changes) {\n      const column = this._parent._columnMap.get(columnId);\n      const keyedItem = this._parent._getKeyedItem(rowKey);\n      if (!column?.setValue || !keyedItem) {\n        continue;\n      }\n\n      const resolved = this.resolveCellTypeByColumnId(column.id);\n      const result = runCellValidation(\n        value,\n        column.validation,\n        resolved.validate,\n      );\n      const pendingKey = this._pendingCellKey(rowKey, columnId);\n\n      if (result.valid) {\n        if (pendingKey) {\n          this._pendingCells.delete(pendingKey);\n        }\n        const currentItem = rowItems.get(rowKey) ?? keyedItem.item;\n        rowItems.set(rowKey, column.setValue(currentItem, value));\n      } else if (pendingKey) {\n        this._pendingCells.set(pendingKey, {\n          value,\n          errors: result.errors ?? [],\n        });\n      }\n    }\n\n    this._parent.mutation.updateItems(Array.from(rowItems.values()));\n  }\n\n  private _applyValue(rowKey: string, columnId: string, value: any) {\n    const column = this._parent._columnMap.get(columnId);\n    const keyedItem = this._parent._getKeyedItem(rowKey);\n    if (!column?.setValue || !keyedItem) {\n      return;\n    }\n\n    const resolved = this.resolveCellTypeByColumnId(column.id);\n    const result = runCellValidation(\n      value,\n      column.validation,\n      resolved.validate,\n    );\n    const pendingKey = this._pendingCellKey(rowKey, columnId);\n\n    if (result.valid) {\n      if (pendingKey) {\n        this._pendingCells.delete(pendingKey);\n      }\n      const updatedItem = column.setValue(keyedItem.item, value);\n      this._parent.mutation.updateItems([updatedItem]);\n    } else if (pendingKey) {\n      this._pendingCells.set(pendingKey, {\n        value,\n        errors: result.errors ?? [],\n      });\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -15,7 +15,7 @@ var _MutationState = require("./MutationState");
 var _FieldActionsState = require("./FieldActionsState");
 class EditableTableState {
   constructor(params) {
-    var _params$permissions;
+    var _params$extraCellType, _params$permissions;
     (0, _defineProperty2.default)(this, "toolbar", void 0);
     (0, _defineProperty2.default)(this, "tableState", void 0);
     (0, _defineProperty2.default)(this, "cellInteraction", void 0);
@@ -53,7 +53,7 @@ class EditableTableState {
       container: params.container,
       toolbar: this.toolbar
     });
-    this.cellValue = new _CellValueState.CellValueState(this);
+    this.cellValue = new _CellValueState.CellValueState(this, new Map((_params$extraCellType = params.extraCellTypes) == null ? void 0 : _params$extraCellType.map(ct => [ct.type, ct])));
     this.cellInteraction = new _CellInteractionState.CellInteractionState((editingValue, cell) => {
       this.cellValue.commitHandler(editingValue, cell);
     }, this);

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

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_bexCore","_ToolbarCollectionState","_TableState","_CellInteractionState","_CellValueState","_ClipboardState","_MutationState","_FieldActionsState","EditableTableState","constructor","params","_params$permissions","_defineProperty2","default","ConditionalModalState","items","tableState","onAddItemActionComplete","columnId","forceDirection","multiple","collection","sort","id","clearResult","toolbar","ToolbarCollectionState","container","componentType","TableState","cellValue","CellValueState","cellInteraction","CellInteractionState","editingValue","cell","commitHandler","clipboard","ClipboardState","mutation","MutationState","mutations","createOptimisticActions","fieldActions","FieldActionsState","translate","permissions","showToast","makeObservable","addItemDisabled","observable","updateItemDisabled","removeItemDisabled","_allColumns","ref","editableColumns","computed","_columnMap","init","action","confirmDeleteItems","keyedItems","visibleColumns","itemsToRenderCount","Map","map","c","_getKeyedItem","key","getKeyedItem","_toIndices","pos","row","findIndex","ki","rowKey","col","_toPosition","visibleIds","length","find","filter","undefined","columns","_buildCellTypeMap","addItem","afterItemKey","duplicateItem","deleteItems","rowKeys","t","deleteConfirmModal","open","theme","title","content","primaryButtonText","secondaryButtonText","primaryButtonOnClick","resolveCellTypeByColumnId","getCellDisplayValue","getCellValidation","isCellEditable","clearCells","cells","handleCellClick","shiftKey","isEditing","isCellEditing","commitEdit","get","res","editOnClick","val","focusCell","startEdit","column","resolved","toggleValue","showEditWhenFocused","value","selectionAnchor","selectRange","handleCellDoubleClick","exports"],"sources":["../../../../src/state/EditableTable/EditableTableState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport {\n  CollectionOptimisticActions,\n  CollectionState,\n  ConditionalModalState,\n  FiltersMap,\n  SortOrder,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport type { MessageModalLayoutProps } from '@wix/design-system';\nimport type { KeyedItem } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../ToolbarCollectionState';\nimport { TableState } from '../TableState';\nimport { ICollectionComponentState } from '../ICollectionComponentState';\nimport { CellInteractionState } from './CellInteractionState';\nimport { CellValueState } from './CellValueState';\nimport { ClipboardState } from './ClipboardState';\nimport { MutationState } from './MutationState';\nimport { FieldActionsState } from './FieldActionsState';\nimport type { EditableTableMutationHandlers } from './MutationState';\nimport type { Cell, EditableColumn, ValidationResult } from './types';\nimport type { FieldActions } from '../../types/SchemaConfig';\nimport type { FieldActionPermissions } from '../../components/FieldActions';\n\nexport type EditableTableFieldActionsPermissions = FieldActionPermissions;\n\nexport interface EditableTablePermissions {\n  addItemDisabled?: boolean;\n  updateItemDisabled?: boolean;\n  removeItemDisabled?: boolean;\n  fieldActions?: EditableTableFieldActionsPermissions;\n}\n\nexport interface EditableTableStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly container: WixPatternsContainer;\n  readonly toolbar?: ToolbarCollectionState<T, F>;\n  readonly permissions?: EditableTablePermissions;\n  readonly mutations: EditableTableMutationHandlers<T>;\n  readonly fieldActions?: FieldActions;\n  readonly createOptimisticActions: (\n    collection: CollectionState<T, F>,\n  ) => CollectionOptimisticActions<T, F>;\n}\n\nexport interface EditableTableStatePublicAPI<T, F extends FiltersMap> {\n  /** Underlying CollectionState instance */\n  readonly collection: CollectionState<T, F>;\n  /** Underlying ToolbarCollectionState instance */\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  /** Reset active filters & sorting and adds new items to the collection */\n  onAddItemActionComplete(items: T[]): void;\n  /** Sort by column */\n  sort: (\n    columnId: string,\n    params?: { forceDirection?: SortOrder; multiple?: boolean },\n  ) => void;\n}\n\nexport class EditableTableState<T, F extends FiltersMap>\n  implements ICollectionComponentState, EditableTableStatePublicAPI<T, F>\n{\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly tableState: TableState<T, F>;\n\n  readonly cellInteraction: CellInteractionState<T, F>;\n  readonly cellValue: CellValueState<T, F>;\n  readonly clipboard: ClipboardState<T, F>;\n  readonly mutation: MutationState<T, F>;\n  readonly deleteConfirmModal = new ConditionalModalState<\n    Partial<MessageModalLayoutProps>\n  >();\n  readonly fieldActions: FieldActionsState;\n\n  addItemDisabled = false;\n  updateItemDisabled = false;\n  removeItemDisabled = false;\n\n  _allColumns: EditableColumn<T>[] = [];\n\n  constructor(params: EditableTableStateParams<T, F>) {\n    this.toolbar =\n      params.toolbar ??\n      new ToolbarCollectionState({\n        collection: params.collection,\n        container: params.container,\n        componentType: 'EditableTable',\n      });\n\n    this.tableState = new TableState({\n      collection: params.collection,\n      container: params.container,\n      toolbar: this.toolbar,\n    });\n\n    this.cellValue = new CellValueState<T, F>(this);\n\n    this.cellInteraction = new CellInteractionState<T, F>(\n      (editingValue, cell) => {\n        this.cellValue.commitHandler(editingValue, cell);\n      },\n      this,\n    );\n    this.clipboard = new ClipboardState<T, F>(this);\n    this.mutation = new MutationState<T, F>(\n      this,\n      params.mutations,\n      params.createOptimisticActions,\n    );\n    this.fieldActions = new FieldActionsState(\n      params.collection.translate,\n      params.fieldActions,\n      params.permissions?.fieldActions,\n      params.collection.showToast,\n    );\n\n    makeObservable(this, {\n      addItemDisabled: observable,\n      updateItemDisabled: observable,\n      removeItemDisabled: observable,\n      _allColumns: observable.ref,\n      editableColumns: computed,\n      _columnMap: computed,\n      init: action,\n      confirmDeleteItems: action,\n    });\n\n    if (params.permissions) {\n      this.addItemDisabled = params.permissions.addItemDisabled ?? false;\n      this.updateItemDisabled = params.permissions.updateItemDisabled ?? false;\n      this.removeItemDisabled = params.permissions.removeItemDisabled ?? false;\n    }\n  }\n\n  get collection() {\n    return this.tableState.collection;\n  }\n\n  get keyedItems() {\n    return this.tableState.keyedItems;\n  }\n\n  get visibleColumns() {\n    return this.tableState.visibleColumns;\n  }\n\n  get itemsToRenderCount() {\n    return this.tableState.itemsToRenderCount;\n  }\n\n  get _columnMap(): Map<string, EditableColumn<T>> {\n    return new Map(this._allColumns.map((c) => [c.id, c]));\n  }\n\n  _getKeyedItem(key: string): KeyedItem<T> | undefined | null {\n    return this.collection.getKeyedItem(key);\n  }\n\n  _toIndices(pos: Cell): { row: number; col: number } | null {\n    const row = this.keyedItems.findIndex((ki) => ki.key === pos.rowKey);\n    const col = this.editableColumns.findIndex((c) => c.id === pos.columnId);\n    return row === -1 || col === -1 ? null : { row, col };\n  }\n\n  _toPosition(row: number, col: number): Cell | null {\n    const ki = this.keyedItems[row];\n    const c = this.editableColumns[col];\n    return ki && c ? { rowKey: ki.key, columnId: c.id } : null;\n  }\n\n  onAddItemActionComplete = (items: T[]) => {\n    return this.tableState.onAddItemActionComplete(items);\n  };\n\n  get editableColumns(): EditableColumn<T>[] {\n    const visibleIds = this.visibleColumns.map((c) => c.id);\n    if (!visibleIds.length) {\n      return this._allColumns;\n    }\n    return visibleIds\n      .map((id) => this._allColumns.find((c) => c.id === id))\n      .filter((c): c is EditableColumn<T> => c !== undefined);\n  }\n\n  init(columns: EditableColumn<T>[]) {\n    this._allColumns = columns;\n    this.cellValue._buildCellTypeMap();\n    return this.mutation.init();\n  }\n\n  addItem(afterItemKey?: string): string {\n    return this.mutation.addItem(afterItemKey);\n  }\n\n  duplicateItem(rowKey: string) {\n    this.mutation.duplicateItem(rowKey);\n  }\n\n  deleteItems(rowKeys: string[]) {\n    this.mutation.deleteItems(rowKeys);\n  }\n\n  confirmDeleteItems(rowKeys: string[]) {\n    const { translate: t } = this.collection;\n    this.deleteConfirmModal.open({\n      theme: 'destructive',\n      title: t('cairo.deleteModal.title'),\n      content: t('cairo.deleteModal.body'),\n      primaryButtonText: t('cairo.delete.button'),\n      secondaryButtonText: t('cairo.cancel.button'),\n      primaryButtonOnClick: () => {\n        this.deleteItems(rowKeys);\n      },\n    });\n  }\n\n  resolveCellTypeByColumnId(columnId: string) {\n    return this.cellValue.resolveCellTypeByColumnId(columnId);\n  }\n\n  getCellDisplayValue(rowKey: string, columnId: string): any {\n    return this.cellValue.getCellDisplayValue(rowKey, columnId);\n  }\n\n  getCellValidation(rowKey: string, columnId: string): ValidationResult {\n    return this.cellValue.getCellValidation(rowKey, columnId);\n  }\n\n  isCellEditable(rowKey: string, columnId: string): boolean {\n    return this.cellValue.isCellEditable(rowKey, columnId);\n  }\n\n  clearCells(cells: Cell[]) {\n    this.cellValue.clearCells(cells);\n  }\n\n  handleCellClick(rowKey: string, columnId: string, shiftKey: boolean) {\n    if (this.cellInteraction.isEditing) {\n      if (this.cellInteraction.isCellEditing(rowKey, columnId)) {\n        // Click landed inside the active editor — let the editor handle it.\n        return;\n      }\n      // Shift-click while editing: ignore — extending a range selection during\n      // an active edit is not a meaningful action.\n      if (shiftKey) {\n        return;\n      }\n      // Plain click on a different cell: commit the edit and move focus.\n      this.cellInteraction.commitEdit();\n\n      // If the target cell wants edit-on-click, enter edit directly.\n      const col = this._columnMap.get(columnId);\n      const res = col ? this.resolveCellTypeByColumnId(col.id) : null;\n      if (res?.editOnClick) {\n        const val = this.getCellDisplayValue(rowKey, columnId);\n        if (res.editOnClick(val) && this.isCellEditable(rowKey, columnId)) {\n          this.cellInteraction.focusCell(rowKey, columnId);\n          this.cellInteraction.startEdit(rowKey, columnId, 'click');\n          return;\n        }\n      }\n\n      this.cellInteraction.focusCell(rowKey, columnId);\n      return;\n    }\n\n    const column = this._columnMap.get(columnId);\n    const resolved = column ? this.resolveCellTypeByColumnId(column.id) : null;\n    if (resolved?.toggleValue || resolved?.showEditWhenFocused) {\n      // Toggle/showEditWhenFocused cells: click focuses the cell and shows the\n      // EditComponent affordance. Keyboard navigation remains active.\n      this.cellInteraction.focusCell(rowKey, columnId);\n      return;\n    }\n\n    if (resolved?.editOnClick) {\n      const value = this.getCellDisplayValue(rowKey, columnId);\n      if (\n        resolved.editOnClick(value) &&\n        this.isCellEditable(rowKey, columnId)\n      ) {\n        this.cellInteraction.focusCell(rowKey, columnId);\n        this.cellInteraction.startEdit(rowKey, columnId, 'click');\n        return;\n      }\n    }\n\n    if (shiftKey && this.cellInteraction.selectionAnchor) {\n      this.cellInteraction.selectRange(this.cellInteraction.selectionAnchor, {\n        rowKey,\n        columnId,\n      });\n    } else {\n      this.cellInteraction.focusCell(rowKey, columnId);\n    }\n  }\n\n  handleCellDoubleClick(rowKey: string, columnId: string) {\n    if (this.updateItemDisabled) {\n      return;\n    }\n    const column = this._columnMap.get(columnId);\n    const resolved = column ? this.resolveCellTypeByColumnId(column.id) : null;\n    // Toggle-value cells (e.g. boolean) activate on single click, not double-click.\n    // Entering edit mode on double-click would apply the editing box-shadow\n    // without any EditComponent being shown, causing a visual border glitch.\n    if (resolved?.toggleValue || resolved?.showEditWhenFocused) {\n      return;\n    }\n    if (this.isCellEditable(rowKey, columnId)) {\n      this.cellInteraction.startEdit(rowKey, columnId, 'doubleClick');\n    }\n  }\n\n  sort = (\n    columnId: string,\n    {\n      forceDirection,\n      multiple,\n    }: { forceDirection?: SortOrder; multiple?: boolean } = {},\n  ) => {\n    this.collection.sort(\n      { id: columnId },\n      { forceDirection, clearResult: true, multiple },\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_bexCore","_ToolbarCollectionState","_TableState","_CellInteractionState","_CellValueState","_ClipboardState","_MutationState","_FieldActionsState","EditableTableState","constructor","params","_params$extraCellType","_params$permissions","_defineProperty2","default","ConditionalModalState","items","tableState","onAddItemActionComplete","columnId","forceDirection","multiple","collection","sort","id","clearResult","toolbar","ToolbarCollectionState","container","componentType","TableState","cellValue","CellValueState","Map","extraCellTypes","map","ct","type","cellInteraction","CellInteractionState","editingValue","cell","commitHandler","clipboard","ClipboardState","mutation","MutationState","mutations","createOptimisticActions","fieldActions","FieldActionsState","translate","permissions","showToast","makeObservable","addItemDisabled","observable","updateItemDisabled","removeItemDisabled","_allColumns","ref","editableColumns","computed","_columnMap","init","action","confirmDeleteItems","keyedItems","visibleColumns","itemsToRenderCount","c","_getKeyedItem","key","getKeyedItem","_toIndices","pos","row","findIndex","ki","rowKey","col","_toPosition","visibleIds","length","find","filter","undefined","columns","_buildCellTypeMap","addItem","afterItemKey","duplicateItem","deleteItems","rowKeys","t","deleteConfirmModal","open","theme","title","content","primaryButtonText","secondaryButtonText","primaryButtonOnClick","resolveCellTypeByColumnId","getCellDisplayValue","getCellValidation","isCellEditable","clearCells","cells","handleCellClick","shiftKey","isEditing","isCellEditing","commitEdit","get","res","editOnClick","val","focusCell","startEdit","column","resolved","toggleValue","showEditWhenFocused","value","selectionAnchor","selectRange","handleCellDoubleClick","exports"],"sources":["../../../../src/state/EditableTable/EditableTableState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport {\n  CollectionOptimisticActions,\n  CollectionState,\n  ConditionalModalState,\n  FiltersMap,\n  SortOrder,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport type { MessageModalLayoutProps } from '@wix/design-system';\nimport type { KeyedItem } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../ToolbarCollectionState';\nimport { TableState } from '../TableState';\nimport { ICollectionComponentState } from '../ICollectionComponentState';\nimport { CellInteractionState } from './CellInteractionState';\nimport { CellValueState } from './CellValueState';\nimport { ClipboardState } from './ClipboardState';\nimport { MutationState } from './MutationState';\nimport { FieldActionsState } from './FieldActionsState';\nimport type { EditableTableMutationHandlers } from './MutationState';\nimport type { Cell, CellType, EditableColumn, ValidationResult } from './types';\nimport type { FieldActions } from '../../types/SchemaConfig';\nimport type { FieldActionPermissions } from '../../components/FieldActions';\n\nexport type EditableTableFieldActionsPermissions = FieldActionPermissions;\n\nexport interface EditableTablePermissions {\n  addItemDisabled?: boolean;\n  updateItemDisabled?: boolean;\n  removeItemDisabled?: boolean;\n  fieldActions?: EditableTableFieldActionsPermissions;\n}\n\nexport interface EditableTableStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly container: WixPatternsContainer;\n  readonly toolbar?: ToolbarCollectionState<T, F>;\n  readonly permissions?: EditableTablePermissions;\n  readonly mutations: EditableTableMutationHandlers<T>;\n  readonly fieldActions?: FieldActions;\n  readonly createOptimisticActions: (\n    collection: CollectionState<T, F>,\n  ) => CollectionOptimisticActions<T, F>;\n  /**\n   * Additional cell types to register alongside the built-in ones.\n   * Augment `CellTypeConfigMap` to use these types on `EditableColumn.cellType`.\n   */\n  readonly extraCellTypes?: CellType[];\n}\n\nexport interface EditableTableStatePublicAPI<T, F extends FiltersMap> {\n  /** Underlying CollectionState instance */\n  readonly collection: CollectionState<T, F>;\n  /** Underlying ToolbarCollectionState instance */\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  /** Reset active filters & sorting and adds new items to the collection */\n  onAddItemActionComplete(items: T[]): void;\n  /** Sort by column */\n  sort: (\n    columnId: string,\n    params?: { forceDirection?: SortOrder; multiple?: boolean },\n  ) => void;\n}\n\nexport class EditableTableState<T, F extends FiltersMap>\n  implements ICollectionComponentState, EditableTableStatePublicAPI<T, F>\n{\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly tableState: TableState<T, F>;\n\n  readonly cellInteraction: CellInteractionState<T, F>;\n  readonly cellValue: CellValueState<T, F>;\n  readonly clipboard: ClipboardState<T, F>;\n  readonly mutation: MutationState<T, F>;\n  readonly deleteConfirmModal = new ConditionalModalState<\n    Partial<MessageModalLayoutProps>\n  >();\n  readonly fieldActions: FieldActionsState;\n\n  addItemDisabled = false;\n  updateItemDisabled = false;\n  removeItemDisabled = false;\n\n  _allColumns: EditableColumn<T>[] = [];\n\n  constructor(params: EditableTableStateParams<T, F>) {\n    this.toolbar =\n      params.toolbar ??\n      new ToolbarCollectionState({\n        collection: params.collection,\n        container: params.container,\n        componentType: 'EditableTable',\n      });\n\n    this.tableState = new TableState({\n      collection: params.collection,\n      container: params.container,\n      toolbar: this.toolbar,\n    });\n\n    this.cellValue = new CellValueState<T, F>(\n      this,\n      new Map(params.extraCellTypes?.map((ct) => [ct.type, ct])),\n    );\n\n    this.cellInteraction = new CellInteractionState<T, F>(\n      (editingValue, cell) => {\n        this.cellValue.commitHandler(editingValue, cell);\n      },\n      this,\n    );\n    this.clipboard = new ClipboardState<T, F>(this);\n    this.mutation = new MutationState<T, F>(\n      this,\n      params.mutations,\n      params.createOptimisticActions,\n    );\n    this.fieldActions = new FieldActionsState(\n      params.collection.translate,\n      params.fieldActions,\n      params.permissions?.fieldActions,\n      params.collection.showToast,\n    );\n\n    makeObservable(this, {\n      addItemDisabled: observable,\n      updateItemDisabled: observable,\n      removeItemDisabled: observable,\n      _allColumns: observable.ref,\n      editableColumns: computed,\n      _columnMap: computed,\n      init: action,\n      confirmDeleteItems: action,\n    });\n\n    if (params.permissions) {\n      this.addItemDisabled = params.permissions.addItemDisabled ?? false;\n      this.updateItemDisabled = params.permissions.updateItemDisabled ?? false;\n      this.removeItemDisabled = params.permissions.removeItemDisabled ?? false;\n    }\n  }\n\n  get collection() {\n    return this.tableState.collection;\n  }\n\n  get keyedItems() {\n    return this.tableState.keyedItems;\n  }\n\n  get visibleColumns() {\n    return this.tableState.visibleColumns;\n  }\n\n  get itemsToRenderCount() {\n    return this.tableState.itemsToRenderCount;\n  }\n\n  get _columnMap(): Map<string, EditableColumn<T>> {\n    return new Map(this._allColumns.map((c) => [c.id, c]));\n  }\n\n  _getKeyedItem(key: string): KeyedItem<T> | undefined | null {\n    return this.collection.getKeyedItem(key);\n  }\n\n  _toIndices(pos: Cell): { row: number; col: number } | null {\n    const row = this.keyedItems.findIndex((ki) => ki.key === pos.rowKey);\n    const col = this.editableColumns.findIndex((c) => c.id === pos.columnId);\n    return row === -1 || col === -1 ? null : { row, col };\n  }\n\n  _toPosition(row: number, col: number): Cell | null {\n    const ki = this.keyedItems[row];\n    const c = this.editableColumns[col];\n    return ki && c ? { rowKey: ki.key, columnId: c.id } : null;\n  }\n\n  onAddItemActionComplete = (items: T[]) => {\n    return this.tableState.onAddItemActionComplete(items);\n  };\n\n  get editableColumns(): EditableColumn<T>[] {\n    const visibleIds = this.visibleColumns.map((c) => c.id);\n    if (!visibleIds.length) {\n      return this._allColumns;\n    }\n    return visibleIds\n      .map((id) => this._allColumns.find((c) => c.id === id))\n      .filter((c): c is EditableColumn<T> => c !== undefined);\n  }\n\n  init(columns: EditableColumn<T>[]) {\n    this._allColumns = columns;\n    this.cellValue._buildCellTypeMap();\n    return this.mutation.init();\n  }\n\n  addItem(afterItemKey?: string): string {\n    return this.mutation.addItem(afterItemKey);\n  }\n\n  duplicateItem(rowKey: string) {\n    this.mutation.duplicateItem(rowKey);\n  }\n\n  deleteItems(rowKeys: string[]) {\n    this.mutation.deleteItems(rowKeys);\n  }\n\n  confirmDeleteItems(rowKeys: string[]) {\n    const { translate: t } = this.collection;\n    this.deleteConfirmModal.open({\n      theme: 'destructive',\n      title: t('cairo.deleteModal.title'),\n      content: t('cairo.deleteModal.body'),\n      primaryButtonText: t('cairo.delete.button'),\n      secondaryButtonText: t('cairo.cancel.button'),\n      primaryButtonOnClick: () => {\n        this.deleteItems(rowKeys);\n      },\n    });\n  }\n\n  resolveCellTypeByColumnId(columnId: string) {\n    return this.cellValue.resolveCellTypeByColumnId(columnId);\n  }\n\n  getCellDisplayValue(rowKey: string, columnId: string): any {\n    return this.cellValue.getCellDisplayValue(rowKey, columnId);\n  }\n\n  getCellValidation(rowKey: string, columnId: string): ValidationResult {\n    return this.cellValue.getCellValidation(rowKey, columnId);\n  }\n\n  isCellEditable(rowKey: string, columnId: string): boolean {\n    return this.cellValue.isCellEditable(rowKey, columnId);\n  }\n\n  clearCells(cells: Cell[]) {\n    this.cellValue.clearCells(cells);\n  }\n\n  handleCellClick(rowKey: string, columnId: string, shiftKey: boolean) {\n    if (this.cellInteraction.isEditing) {\n      if (this.cellInteraction.isCellEditing(rowKey, columnId)) {\n        // Click landed inside the active editor — let the editor handle it.\n        return;\n      }\n      // Shift-click while editing: ignore — extending a range selection during\n      // an active edit is not a meaningful action.\n      if (shiftKey) {\n        return;\n      }\n      // Plain click on a different cell: commit the edit and move focus.\n      this.cellInteraction.commitEdit();\n\n      // If the target cell wants edit-on-click, enter edit directly.\n      const col = this._columnMap.get(columnId);\n      const res = col ? this.resolveCellTypeByColumnId(col.id) : null;\n      if (res?.editOnClick) {\n        const val = this.getCellDisplayValue(rowKey, columnId);\n        if (res.editOnClick(val) && this.isCellEditable(rowKey, columnId)) {\n          this.cellInteraction.focusCell(rowKey, columnId);\n          this.cellInteraction.startEdit(rowKey, columnId, 'click');\n          return;\n        }\n      }\n\n      this.cellInteraction.focusCell(rowKey, columnId);\n      return;\n    }\n\n    const column = this._columnMap.get(columnId);\n    const resolved = column ? this.resolveCellTypeByColumnId(column.id) : null;\n    if (resolved?.toggleValue || resolved?.showEditWhenFocused) {\n      // Toggle/showEditWhenFocused cells: click focuses the cell and shows the\n      // EditComponent affordance. Keyboard navigation remains active.\n      this.cellInteraction.focusCell(rowKey, columnId);\n      return;\n    }\n\n    if (resolved?.editOnClick) {\n      const value = this.getCellDisplayValue(rowKey, columnId);\n      if (\n        resolved.editOnClick(value) &&\n        this.isCellEditable(rowKey, columnId)\n      ) {\n        this.cellInteraction.focusCell(rowKey, columnId);\n        this.cellInteraction.startEdit(rowKey, columnId, 'click');\n        return;\n      }\n    }\n\n    if (shiftKey && this.cellInteraction.selectionAnchor) {\n      this.cellInteraction.selectRange(this.cellInteraction.selectionAnchor, {\n        rowKey,\n        columnId,\n      });\n    } else {\n      this.cellInteraction.focusCell(rowKey, columnId);\n    }\n  }\n\n  handleCellDoubleClick(rowKey: string, columnId: string) {\n    if (this.updateItemDisabled) {\n      return;\n    }\n    const column = this._columnMap.get(columnId);\n    const resolved = column ? this.resolveCellTypeByColumnId(column.id) : null;\n    // Toggle-value cells (e.g. boolean) activate on single click, not double-click.\n    // Entering edit mode on double-click would apply the editing box-shadow\n    // without any EditComponent being shown, causing a visual border glitch.\n    if (resolved?.toggleValue || resolved?.showEditWhenFocused) {\n      return;\n    }\n    if (this.isCellEditable(rowKey, columnId)) {\n      this.cellInteraction.startEdit(rowKey, columnId, 'doubleClick');\n    }\n  }\n\n  sort = (\n    columnId: string,\n    {\n      forceDirection,\n      multiple,\n    }: { forceDirection?: SortOrder; multiple?: boolean } = {},\n  ) => {\n    this.collection.sort(\n      { id: columnId },\n      { forceDirection, clearResult: true, multiple },\n    );\n  };\n}\n"],"mappings":"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","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_ = "FormPageHeader3691551124";
+var _namespace_ = "FormPageHeader1345274254";
 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": "FormPageHeader3691551124__root"
+  "root": "FormPageHeader1345274254__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_ = \"FormPageHeader3691551124\";\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\":\"FormPageHeader3691551124__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_ = \"FormPageHeader1345274254\";\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\":\"FormPageHeader1345274254__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/styles.global.css

@@ -1 +1 @@
-.CardContainer988462048__root.CardContainer988462048--mobile{border-radius:0}.Collapse3162906042__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3162906042__exit{height:0}.CollectionPage1024469680__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1024469680__root.CollectionPage1024469680--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1024469680__root.CollectionPage1024469680--panel{overflow:hidden;position:relative}.CollectionSectionHeader2912199008__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable514783495__root td{vertical-align:middle}.CollectionTable514783495__root.CollectionTable514783495--mobile td:first-child{padding-left:18px}.CollectionTable514783495__root.CollectionTable514783495--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable1917119710__root.CollectionTableWSRTable1917119710--resizable table{min-width:100%}.CollectionTableWSRTable1917119710__root.CollectionTableWSRTable1917119710--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar3575638398__left{min-width:0}.CollectionToolbar3575638398__left.CollectionToolbar3575638398--expandable{flex:auto}.CollectionToolbar3575638398__left.CollectionToolbar3575638398--title>*{width:100%}.CollectionToolbar3575638398__root.CollectionToolbar3575638398---responsiveMode-5-title .CollectionToolbar3575638398__left{flex:1 100;min-width:50px}.CollectionToolbar3575638398__root.CollectionToolbar3575638398---responsiveMode-4-tabs .CollectionToolbar3575638398__left,.CollectionToolbar3575638398__root.CollectionToolbar3575638398---responsiveMode-4-tabs .CollectionToolbar3575638398__left.CollectionToolbar3575638398--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3575638398__root.CollectionToolbar3575638398---responsiveMode-4-tabs .CollectionToolbar3575638398__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3575638398__root .CollectionToolbar3575638398__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3575638398__root.CollectionToolbar3575638398--views .CollectionToolbar3575638398__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3575638398__root.CollectionToolbar3575638398---responsiveMode-4-tabs .CollectionToolbar3575638398__right,.CollectionToolbar3575638398__root.CollectionToolbar3575638398---responsiveMode-5-title .CollectionToolbar3575638398__right{flex:0 1 auto;min-width:0}.CollectionToolbar3575638398__root .CollectionToolbar3575638398__right.CollectionToolbar3575638398__fullWidth{margin-inline-start:0!important}.CollectionToolbar3575638398__root.CollectionToolbar3575638398--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter131580175__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter131580175__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter131580175__searchMobile:not(.SearchOrCustomFilter131580175--expandable){left:18px}.SearchOrCustomFilter131580175__searchMobile.SearchOrCustomFilter131580175--expandable.SearchOrCustomFilter131580175--expanded{left:18px}.AutoCompleteReadonly2032414307__root.AutoCompleteReadonly2032414307--disableEditing{cursor:pointer}.AutoCompleteReadonly2032414307__root.AutoCompleteReadonly2032414307--disableEditing input{cursor:pointer}.ViewsDropdown2270594407__root{width:200px}.DragHandle4002117985__root{display:flex;align-items:center}.DragHandle4002117985__root:not(.DragHandle4002117985--disabled){cursor:grab;color:#a8caff}.DragHandle4002117985__root.DragHandle4002117985--disabled{color:#acafc4}.DragHandle4002117985__root:focus-visible:not(.DragHandle4002117985--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4002117985__root.DragHandle4002117985--disabled{pointer-events:none}.DragHandle4002117985__root.DragHandle4002117985--dragging:not(.DragHandle4002117985--disabled){cursor:grabbing}td:has(>.EditableCell803715283__root){position:relative;overflow:visible;min-height:24px}.EditableCell803715283__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell803715283__root.EditableCell803715283--selected{background:rgba(56,153,236,.08)}.EditableCell803715283__root.EditableCell803715283--focused:not(.EditableCell803715283--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell803715283__root.EditableCell803715283--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell803715283__root.EditableCell803715283--editing:not(.EditableCell803715283--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell803715283__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--selectionTop:not(.EditableCell803715283--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--selectionBottom:not(.EditableCell803715283--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--selectionLeft:not(.EditableCell803715283--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--selectionRight:not(.EditableCell803715283--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--selectionTop.EditableCell803715283--editing.EditableCell803715283--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--selectionBottom.EditableCell803715283--editing.EditableCell803715283--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--selectionLeft.EditableCell803715283--editing.EditableCell803715283--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--selectionRight.EditableCell803715283--editing.EditableCell803715283--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--invalid:not(.EditableCell803715283--editing){background:rgba(229,0,77,.06)}.EditableCell803715283__root.EditableCell803715283--copiedTop:not(.EditableCell803715283--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--copiedBottom:not(.EditableCell803715283--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--copiedLeft:not(.EditableCell803715283--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--copiedRight:not(.EditableCell803715283--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell803715283__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover3127711114__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3127711114__root,.HeaderActionsPopover3127711114__root[data-menu-open=true],.HeaderActionsPopover3127711114__root:focus-within{opacity:1}.CellViewLayout3312877165__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3312877165__root>*{flex:1;min-width:0}.Edit2776254426__booleanEdit{display:flex;align-items:center;margin-left:12px}.View4114941033__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit3429442494__dateInput{width:100%;margin-left:-1px}.Edit1006158419__emailInput{width:100%;margin-left:-1px}.Edit965030182__numberInput{width:100%;margin-right:2px}.Edit965030182__numberInput input{text-align:right;direction:ltr}.View3688489890__textView{width:100%;text-align:right}.Edit3951623597__jsonInput{width:100%;margin-left:-1px}.Edit2922566316__selectInput{width:100%}.Edit3631019675__editWrapper{width:100%}.Edit3631019675__inputArea{background-color:transparent;width:100%}.Edit3631019675__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3631019675__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit3631019675__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3631019675__inputArea:not(.Edit3631019675--isFocused) textarea{resize:none;overflow:hidden}.Edit3631019675__inputArea:not(.Edit3631019675--isFocused) textarea::-webkit-scrollbar{display:none}.Edit12899331__urlInput{width:100%;margin-left:-1px}.View4010175339__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View4010175339__urlText{flex:1;min-width:0}.View4010175339__suffix{flex-shrink:0;margin-left:10px}.View4010175339__textView.View4010175339--suffixOnHover:not(:hover) .View4010175339__suffix{display:none}.EntityPagePlain2448199716__root.EntityPagePlain2448199716--mobile{--wds-page-header-padding-horizontal:0}.Fade1226526525__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1226526525__root.Fade1226526525--exit{opacity:0}.Heading792149032__root{visibility:visible}.Heading792149032__root.Heading792149032--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload968191329__fileUpload{width:100%}.InputOverflow1320484629__root.InputOverflow1320484629--selected:not(.InputOverflow1320484629--focused) input::placeholder{color:#000624}@keyframes LoadingRow3245248635__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%}}.LoadingRow3245248635__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:LoadingRow3245248635__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3322076923__root{opacity:1}.MaxHeightText3322076923__root.MaxHeightText3322076923--height24{line-height:24px}.MaxLines2622668461__root{overflow:hidden}.MaxLines2622668461__root.MaxLines2622668461--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2004420357__root{min-width:0}.MultiBulkActionToolbar2004420357__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2004420357__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2004420357__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2314408814__root td{padding:0!important;width:100%}.NestedTableRow243176605__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow243176605__root:hover{background-color:#e7f0ff!important}.NestedTableRow243176605__root.NestedTableRow243176605--expandable{cursor:pointer}.NestedTableRow243176605__placeholder td{padding:0!important;width:100%}.NestedTableRow243176605__root:hover td:first-of-type::before,.NestedTableRow243176605__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1187787588__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow2502233952__root.NestedTableDragAndDropRow2502233952--draggingInto td{background-color:#e7f0ff!important}.PickerContent598036271__root{display:flex}.PickerContentAdditionalStep3052386100__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3052386100__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2203869509__root{box-sizing:border-box}.ScrollableContent2595996095__root.ScrollableContent2595996095--overflowY{overflow-y:auto}.ScrollableContent2595996095__root.ScrollableContent2595996095--overflowX{overflow-x:auto}.ScrollableContent2595996095__root.ScrollableContent2595996095--smooth{scroll-behavior:smooth}.SkeletonCard2981327515__headerLoading{display:block!important}.SlidingModal2908664491__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2908664491__root.SlidingModal2908664491--overlay{transition:transform 0s ease 0s}.SlidingModal2908664491__root.SlidingModal2908664491---appendTo-6-parent{position:absolute}.SlidingModal2908664491__root:not(.SlidingModal2908664491--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter287628085__root .TabsFilter287628085__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter287628085__root.TabsFilter287628085--selected .TabsFilter287628085__title,.TabsFilter287628085__root:hover .TabsFilter287628085__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal2769324699__root{display:flex}.ToolbarItem2014651491__root{min-width:0}.ToolbarItemBox2814506785__root{min-width:0}.ToolbarItemBox2814506785__root.ToolbarItemBox2814506785--removeStartPadding{margin-left:-24px}.ToolbarItemBox2814506785__root.ToolbarItemBox2814506785--expandable{flex:1 0}.common3576135722__column{display:flex;flex-direction:column}.common3576135722__fullHeight{height:100%;min-height:0}.CollectionPageHeader3435305586__root:not(.CollectionPageHeader3435305586--mobile){gap:12px}.CollectionPageHeader3435305586__root.CollectionPageHeader3435305586--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3435305586__root.CollectionPageHeader3435305586--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3691551124__root.FormPageHeader3691551124--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3691551124__root.FormPageHeader3691551124--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer59267874__root.CardContainer59267874--mobile{border-radius:0}.Collapse3599739854__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3599739854__exit{height:0}.CollectionPage42408384__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage42408384__root.CollectionPage42408384--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage42408384__root.CollectionPage42408384--panel{overflow:hidden;position:relative}.CollectionSectionHeader3066088128__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3391723207__root td{vertical-align:middle}.CollectionTable3391723207__root.CollectionTable3391723207--mobile td:first-child{padding-left:18px}.CollectionTable3391723207__root.CollectionTable3391723207--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable262944291__root.CollectionTableWSRTable262944291--resizable table{min-width:100%}.CollectionTableWSRTable262944291__root.CollectionTableWSRTable262944291--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar2096574074__left{min-width:0}.CollectionToolbar2096574074__left.CollectionToolbar2096574074--expandable{flex:auto}.CollectionToolbar2096574074__left.CollectionToolbar2096574074--title>*{width:100%}.CollectionToolbar2096574074__root.CollectionToolbar2096574074---responsiveMode-5-title .CollectionToolbar2096574074__left{flex:1 100;min-width:50px}.CollectionToolbar2096574074__root.CollectionToolbar2096574074---responsiveMode-4-tabs .CollectionToolbar2096574074__left,.CollectionToolbar2096574074__root.CollectionToolbar2096574074---responsiveMode-4-tabs .CollectionToolbar2096574074__left.CollectionToolbar2096574074--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2096574074__root.CollectionToolbar2096574074---responsiveMode-4-tabs .CollectionToolbar2096574074__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2096574074__root .CollectionToolbar2096574074__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2096574074__root.CollectionToolbar2096574074--views .CollectionToolbar2096574074__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2096574074__root.CollectionToolbar2096574074---responsiveMode-4-tabs .CollectionToolbar2096574074__right,.CollectionToolbar2096574074__root.CollectionToolbar2096574074---responsiveMode-5-title .CollectionToolbar2096574074__right{flex:0 1 auto;min-width:0}.CollectionToolbar2096574074__root .CollectionToolbar2096574074__right.CollectionToolbar2096574074__fullWidth{margin-inline-start:0!important}.CollectionToolbar2096574074__root.CollectionToolbar2096574074--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter786229973__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter786229973__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter786229973__searchMobile:not(.SearchOrCustomFilter786229973--expandable){left:18px}.SearchOrCustomFilter786229973__searchMobile.SearchOrCustomFilter786229973--expandable.SearchOrCustomFilter786229973--expanded{left:18px}.AutoCompleteReadonly2089342417__root.AutoCompleteReadonly2089342417--disableEditing{cursor:pointer}.AutoCompleteReadonly2089342417__root.AutoCompleteReadonly2089342417--disableEditing input{cursor:pointer}.ViewsDropdown1502330761__root{width:200px}.DragHandle188886590__root{display:flex;align-items:center}.DragHandle188886590__root:not(.DragHandle188886590--disabled){cursor:grab;color:#a8caff}.DragHandle188886590__root.DragHandle188886590--disabled{color:#acafc4}.DragHandle188886590__root:focus-visible:not(.DragHandle188886590--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle188886590__root.DragHandle188886590--disabled{pointer-events:none}.DragHandle188886590__root.DragHandle188886590--dragging:not(.DragHandle188886590--disabled){cursor:grabbing}td:has(>.EditableCell2777458987__root){position:relative;overflow:visible;min-height:24px}.EditableCell2777458987__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell2777458987__root.EditableCell2777458987--selected{background:rgba(56,153,236,.08)}.EditableCell2777458987__root.EditableCell2777458987--focused:not(.EditableCell2777458987--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell2777458987__root.EditableCell2777458987--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell2777458987__root.EditableCell2777458987--editing:not(.EditableCell2777458987--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell2777458987__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell2777458987__root.EditableCell2777458987--selectionTop:not(.EditableCell2777458987--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell2777458987__root.EditableCell2777458987--selectionBottom:not(.EditableCell2777458987--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2777458987__root.EditableCell2777458987--selectionLeft:not(.EditableCell2777458987--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell2777458987__root.EditableCell2777458987--selectionRight:not(.EditableCell2777458987--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell2777458987__root.EditableCell2777458987--selectionTop.EditableCell2777458987--editing.EditableCell2777458987--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell2777458987__root.EditableCell2777458987--selectionBottom.EditableCell2777458987--editing.EditableCell2777458987--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2777458987__root.EditableCell2777458987--selectionLeft.EditableCell2777458987--editing.EditableCell2777458987--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell2777458987__root.EditableCell2777458987--selectionRight.EditableCell2777458987--editing.EditableCell2777458987--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell2777458987__root.EditableCell2777458987--invalid:not(.EditableCell2777458987--editing){background:rgba(229,0,77,.06)}.EditableCell2777458987__root.EditableCell2777458987--copiedTop:not(.EditableCell2777458987--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell2777458987__root.EditableCell2777458987--copiedBottom:not(.EditableCell2777458987--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell2777458987__root.EditableCell2777458987--copiedLeft:not(.EditableCell2777458987--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell2777458987__root.EditableCell2777458987--copiedRight:not(.EditableCell2777458987--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell2777458987__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover748452313__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover748452313__root,.HeaderActionsPopover748452313__root[data-menu-open=true],.HeaderActionsPopover748452313__root:focus-within{opacity:1}.CellViewLayout3739050980__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3739050980__root>*{flex:1;min-width:0}.Edit4173301371__booleanEdit{display:flex;align-items:center;margin-left:12px}.View3903344094__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit2190698141__dateInput{width:100%;margin-left:-1px}.Edit282080570__emailInput{width:100%;margin-left:-1px}.Edit3845074791__numberInput{width:100%;margin-right:2px}.Edit3845074791__numberInput input{text-align:right;direction:ltr}.View4073304079__textView{width:100%;text-align:right}.Edit2496216309__jsonInput{width:100%;margin-left:-1px}.Edit2128128117__selectInput{width:100%}.Edit885782165__editWrapper{width:100%}.Edit885782165__inputArea{background-color:transparent;width:100%}.Edit885782165__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit885782165__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit885782165__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit885782165__inputArea:not(.Edit885782165--isFocused) textarea{resize:none;overflow:hidden}.Edit885782165__inputArea:not(.Edit885782165--isFocused) textarea::-webkit-scrollbar{display:none}.Edit1291765056__urlInput{width:100%;margin-left:-1px}.View991862293__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View991862293__urlText{flex:1;min-width:0}.View991862293__suffix{flex-shrink:0;margin-left:10px}.View991862293__textView.View991862293--suffixOnHover:not(:hover) .View991862293__suffix{display:none}.EntityPagePlain2823296341__root.EntityPagePlain2823296341--mobile{--wds-page-header-padding-horizontal:0}.Fade2639988686__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2639988686__root.Fade2639988686--exit{opacity:0}.Heading660786931__root{visibility:visible}.Heading660786931__root.Heading660786931--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2634086541__fileUpload{width:100%}.InputOverflow989848191__root.InputOverflow989848191--selected:not(.InputOverflow989848191--focused) input::placeholder{color:#000624}@keyframes LoadingRow459036027__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%}}.LoadingRow459036027__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:LoadingRow459036027__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2529121732__root{opacity:1}.MaxHeightText2529121732__root.MaxHeightText2529121732--height24{line-height:24px}.MaxLines145860371__root{overflow:hidden}.MaxLines145860371__root.MaxLines145860371--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1581094786__root{min-width:0}.MultiBulkActionToolbar1581094786__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1581094786__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1581094786__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow258571553__root td{padding:0!important;width:100%}.NestedTableRow2651958743__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2651958743__root:hover{background-color:#e7f0ff!important}.NestedTableRow2651958743__root.NestedTableRow2651958743--expandable{cursor:pointer}.NestedTableRow2651958743__placeholder td{padding:0!important;width:100%}.NestedTableRow2651958743__root:hover td:first-of-type::before,.NestedTableRow2651958743__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect89415524__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow638749475__root.NestedTableDragAndDropRow638749475--draggingInto td{background-color:#e7f0ff!important}.PickerContent389440625__root{display:flex}.PickerContentAdditionalStep811941564__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep811941564__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem4055584943__root{box-sizing:border-box}.ScrollableContent2391055497__root.ScrollableContent2391055497--overflowY{overflow-y:auto}.ScrollableContent2391055497__root.ScrollableContent2391055497--overflowX{overflow-x:auto}.ScrollableContent2391055497__root.ScrollableContent2391055497--smooth{scroll-behavior:smooth}.SkeletonCard195294158__headerLoading{display:block!important}.SlidingModal990114241__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal990114241__root.SlidingModal990114241--overlay{transition:transform 0s ease 0s}.SlidingModal990114241__root.SlidingModal990114241---appendTo-6-parent{position:absolute}.SlidingModal990114241__root:not(.SlidingModal990114241--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter4049055255__root .TabsFilter4049055255__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter4049055255__root.TabsFilter4049055255--selected .TabsFilter4049055255__title,.TabsFilter4049055255__root:hover .TabsFilter4049055255__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal2493162671__root{display:flex}.ToolbarItem1979365989__root{min-width:0}.ToolbarItemBox2137981338__root{min-width:0}.ToolbarItemBox2137981338__root.ToolbarItemBox2137981338--removeStartPadding{margin-left:-24px}.ToolbarItemBox2137981338__root.ToolbarItemBox2137981338--expandable{flex:1 0}.common577529046__column{display:flex;flex-direction:column}.common577529046__fullHeight{height:100%;min-height:0}.CollectionPageHeader2952668445__root:not(.CollectionPageHeader2952668445--mobile){gap:12px}.CollectionPageHeader2952668445__root.CollectionPageHeader2952668445--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2952668445__root.CollectionPageHeader2952668445--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1345274254__root.FormPageHeader1345274254--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1345274254__root.FormPageHeader1345274254--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.389.0';
+const version = exports.version = 'patterns@1.390.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.389.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.390.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/docs/CollectionEmptyState.md

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

package/dist/docs/CollectionPremiumEmptyState.md

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

package/dist/docs/MultiAutoInlineCheckboxFilter.md

@@ -65,9 +65,9 @@ import { MultiAutoInlineCheckboxFilter } from '@wix/patterns';
 | `align` | `"right" \| "left" \| "center" \| "space-between"` | No | - | Defines how the children are aligned according to the X axis |
 | `page` | `Page` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023. **Syntax**: `auto \| <custom-ident>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :----: \| :-: \| \| **85** \| **110** \| **1** \| **85** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/page |
 | `inline` | `boolean` | No | - | Defines if the box behaves as an inline element |
+| `minHeight` | `any` | No | - | Sets the minimum height of the box in pixels This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <length-percentage [0,∞]> \| min-content \| max-content \| fit-content \| fit-content(<length-percentage [0,∞]>) \| <calc-size()> \| <anchor-size()>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :-----: \| :----: \| :---: \| \| **1** \| **3** \| **1.3** \| **12** \| **7** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-height |
 | `width` | `any` | No | - | Sets the width of the box in pixels This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <length-percentage [0,∞]> \| min-content \| max-content \| fit-content \| fit-content(<length-percentage [0,∞]>) \| <calc-size()> \| <anchor-size()>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :----: \| :---: \| \| **1** \| **1** \| **1** \| **12** \| **4** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/width |
 | `zIndex` | `ZIndex` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <integer>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :----: \| :---: \| \| **1** \| **1** \| **1** \| **12** \| **4** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/z-index |
-| `minHeight` | `any` | No | - | Sets the minimum height of the box in pixels This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <length-percentage [0,∞]> \| min-content \| max-content \| fit-content \| fit-content(<length-percentage [0,∞]>) \| <calc-size()> \| <anchor-size()>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :-----: \| :----: \| :---: \| \| **1** \| **3** \| **1.3** \| **12** \| **7** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-height |
 | `grid` | `Grid` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017. **Syntax**: `<'grid-template'> \| <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? \| [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :------: \| :----: \| :-: \| \| **57** \| **52** \| **10.1** \| **16** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid |
 | `fill` | `Fill` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017. **Syntax**: `<paint>` **Initial value**: `black` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :-----: \| :-: \| \| **1** \| **3** \| **4** \| **≤15** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/fill |
 | `container` | `Container` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023. **Syntax**: `<'container-name'> [ / <'container-type'> ]?` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :-----: \| :-----: \| :----: \| :-----: \| :-: \| \| **105** \| **110** \| **16** \| **105** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/container |

package/dist/docs/MultiInlineCheckboxFilter.md

@@ -86,9 +86,9 @@ function BasicMultiInlineCheckboxFilter() {
 | `align` | `"right" \| "left" \| "center" \| "space-between"` | No | - | Defines how the children are aligned according to the X axis |
 | `page` | `Page` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023. **Syntax**: `auto \| <custom-ident>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :----: \| :-: \| \| **85** \| **110** \| **1** \| **85** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/page |
 | `inline` | `boolean` | No | - | Defines if the box behaves as an inline element |
+| `minHeight` | `any` | No | - | Sets the minimum height of the box in pixels This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <length-percentage [0,∞]> \| min-content \| max-content \| fit-content \| fit-content(<length-percentage [0,∞]>) \| <calc-size()> \| <anchor-size()>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :-----: \| :----: \| :---: \| \| **1** \| **3** \| **1.3** \| **12** \| **7** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-height |
 | `width` | `any` | No | - | Sets the width of the box in pixels This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <length-percentage [0,∞]> \| min-content \| max-content \| fit-content \| fit-content(<length-percentage [0,∞]>) \| <calc-size()> \| <anchor-size()>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :----: \| :---: \| \| **1** \| **1** \| **1** \| **12** \| **4** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/width |
 | `zIndex` | `ZIndex` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <integer>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :----: \| :---: \| \| **1** \| **1** \| **1** \| **12** \| **4** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/z-index |
-| `minHeight` | `any` | No | - | Sets the minimum height of the box in pixels This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <length-percentage [0,∞]> \| min-content \| max-content \| fit-content \| fit-content(<length-percentage [0,∞]>) \| <calc-size()> \| <anchor-size()>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :-----: \| :----: \| :---: \| \| **1** \| **3** \| **1.3** \| **12** \| **7** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-height |
 | `grid` | `Grid` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017. **Syntax**: `<'grid-template'> \| <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? \| [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :------: \| :----: \| :-: \| \| **57** \| **52** \| **10.1** \| **16** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid |
 | `fill` | `Fill` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017. **Syntax**: `<paint>` **Initial value**: `black` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :-----: \| :-: \| \| **1** \| **3** \| **4** \| **≤15** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/fill |
 | `container` | `Container` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023. **Syntax**: `<'container-name'> [ / <'container-type'> ]?` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :-----: \| :-----: \| :----: \| :-----: \| :-: \| \| **105** \| **110** \| **16** \| **105** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/container |