@wix/patterns 1.422.0 → 1.424.0

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$extraCellType","_params$permissions","_defineProperty2","default","ConditionalModalState","items","tableState","onAddItemActionComplete","origin","toolbar","toolbarBIReporter","onAddItemClick","columnId","forceDirection","multiple","collection","sort","id","clearResult","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","refresh","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 refresh?: () => Promise<void>;\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      params.refresh,\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  onAddItemClick = (origin?: string) => {\n    this.toolbar.toolbarBIReporter.onAddItemClick(origin);\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","_buildEditableFieldColumns","EditableTableState","constructor","params","_params$extraCellType","_defineProperty2","default","ConditionalModalState","items","tableState","onAddItemActionComplete","origin","toolbar","toolbarBIReporter","onAddItemClick","columnId","forceDirection","multiple","collection","sort","id","clearResult","ToolbarCollectionState","container","componentType","TableState","cellValue","CellValueState","Map","extraCellTypes","map","ct","type","cellInteraction","CellInteractionState","editingValue","cell","commitHandler","clipboard","ClipboardState","mutation","MutationState","mutations","createOptimisticActions","makeObservable","addItemDisabled","observable","updateItemDisabled","removeItemDisabled","_providedColumns","ref","editableColumns","computed","sourceColumns","allColumns","_columnMap","init","action","confirmDeleteItems","permissions","keyedItems","visibleColumns","itemsToRenderCount","source","collectionFieldsSource","initTask","status","isSuccess","buildEditableFieldColumns","fieldsSource","c","_getKeyedItem","key","getKeyedItem","_toIndices","pos","row","findIndex","ki","rowKey","col","_toPosition","visibleIds","length","find","filter","undefined","columns","addItem","afterItemKey","duplicateItem","deleteItems","rowKeys","translate","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 type { EditableTableMutationHandlers } from './MutationState';\nimport type { Cell, CellType, EditableColumn, ValidationResult } from './types';\nimport { buildEditableFieldColumns } from '../buildEditableFieldColumns';\n\nexport interface EditableTablePermissions {\n  addItemDisabled?: boolean;\n  updateItemDisabled?: boolean;\n  removeItemDisabled?: boolean;\n}\n\nexport interface EditableTableStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly container: WixPatternsContainer;\n  readonly toolbar?: ToolbarCollectionState<T, F>;\n  readonly permissions?: EditableTablePermissions;\n  readonly mutations: EditableTableMutationHandlers<T>;\n  readonly createOptimisticActions: (\n    collection: CollectionState<T, F>,\n  ) => CollectionOptimisticActions<T, F>;\n  /**\n   * 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\n  addItemDisabled = false;\n  updateItemDisabled = false;\n  removeItemDisabled = false;\n\n  _providedColumns: 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    makeObservable(this, {\n      addItemDisabled: observable,\n      updateItemDisabled: observable,\n      removeItemDisabled: observable,\n      _providedColumns: observable.ref,\n      editableColumns: computed,\n      sourceColumns: computed,\n      allColumns: 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  /** Editable columns built from the wired fields source, once it loads. */\n  get sourceColumns(): EditableColumn<T>[] {\n    const source = this.toolbar.collectionFieldsSource;\n    if (!source || !source.initTask.status.isSuccess) {\n      return [];\n    }\n    return buildEditableFieldColumns(\n      source.fieldsSource,\n    ) as EditableColumn<T>[];\n  }\n\n  /**\n   * Consumer columns plus the columns built from the fields source, merged the\n   * same way the toolbar merges its columns (ToolbarCollectionState.columns).\n   * Consumer and source columns are expected to be disjoint by id.\n   */\n  get allColumns(): EditableColumn<T>[] {\n    return [...this._providedColumns, ...this.sourceColumns];\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  onAddItemClick = (origin?: string) => {\n    this.toolbar.toolbarBIReporter.onAddItemClick(origin);\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._providedColumns = columns;\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/EditableTable/fieldTypeToCellType.js

@@ -0,0 +1,40 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FIELD_TYPE_TO_CELL_TYPE = void 0;
+/**
+ * Maps a source field's neutral type to the EditableTable cell type used to
+ * render and edit it. Reference / multi-reference / address need extra
+ * typeConfig the projection can't supply yet, so the projection downgrades
+ * those to a read-only display (see NEEDS_TYPE_CONFIG in
+ * buildEditableFieldColumns); the ideal mapping is kept here for when that
+ * lands. ARRAY / OBJECT / UNKNOWN have no dedicated editable cell, so they
+ * display as 'object'.
+ */
+const FIELD_TYPE_TO_CELL_TYPE = exports.FIELD_TYPE_TO_CELL_TYPE = {
+  SHORT_TEXT: 'text',
+  LONG_TEXT: 'text',
+  NUMBER: 'number',
+  BOOLEAN: 'boolean',
+  DATE: 'date',
+  DATETIME: 'datetime',
+  TIME: 'time',
+  URL: 'url',
+  EMAIL: 'email',
+  COLOR: 'color',
+  IMAGE: 'image',
+  VIDEO: 'video',
+  AUDIO: 'audio',
+  MEDIA_GALLERY: 'mediaGallery',
+  DOCUMENT: 'document',
+  MULTI_DOCUMENT: 'multiDocument',
+  RICH_TEXT: 'richText',
+  RICH_CONTENT: 'richContent',
+  ADDRESS: 'address',
+  REFERENCE: 'reference',
+  MULTI_REFERENCE: 'multiReference',
+  ARRAY: 'object',
+  OBJECT: 'object',
+  UNKNOWN: 'object'
+};
+//# sourceMappingURL=fieldTypeToCellType.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["FIELD_TYPE_TO_CELL_TYPE","exports","SHORT_TEXT","LONG_TEXT","NUMBER","BOOLEAN","DATE","DATETIME","TIME","URL","EMAIL","COLOR","IMAGE","VIDEO","AUDIO","MEDIA_GALLERY","DOCUMENT","MULTI_DOCUMENT","RICH_TEXT","RICH_CONTENT","ADDRESS","REFERENCE","MULTI_REFERENCE","ARRAY","OBJECT","UNKNOWN"],"sources":["../../../../src/state/EditableTable/fieldTypeToCellType.ts"],"sourcesContent":["import type { PatternsFieldType } from '@wix/bex-core';\nimport type { CellTypeConfigMap } from './types';\n\n/**\n * Maps a source field's neutral type to the EditableTable cell type used to\n * render and edit it. Reference / multi-reference / address need extra\n * typeConfig the projection can't supply yet, so the projection downgrades\n * those to a read-only display (see NEEDS_TYPE_CONFIG in\n * buildEditableFieldColumns); the ideal mapping is kept here for when that\n * lands. ARRAY / OBJECT / UNKNOWN have no dedicated editable cell, so they\n * display as 'object'.\n */\nexport const FIELD_TYPE_TO_CELL_TYPE: Record<\n  PatternsFieldType,\n  keyof CellTypeConfigMap\n> = {\n  SHORT_TEXT: 'text',\n  LONG_TEXT: 'text',\n  NUMBER: 'number',\n  BOOLEAN: 'boolean',\n  DATE: 'date',\n  DATETIME: 'datetime',\n  TIME: 'time',\n  URL: 'url',\n  EMAIL: 'email',\n  COLOR: 'color',\n  IMAGE: 'image',\n  VIDEO: 'video',\n  AUDIO: 'audio',\n  MEDIA_GALLERY: 'mediaGallery',\n  DOCUMENT: 'document',\n  MULTI_DOCUMENT: 'multiDocument',\n  RICH_TEXT: 'richText',\n  RICH_CONTENT: 'richContent',\n  ADDRESS: 'address',\n  REFERENCE: 'reference',\n  MULTI_REFERENCE: 'multiReference',\n  ARRAY: 'object',\n  OBJECT: 'object',\n  UNKNOWN: 'object',\n};\n"],"mappings":";;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,uBAGZ,GAAAC,OAAA,CAAAD,uBAAA,GAAG;EACFE,UAAU,EAAE,MAAM;EAClBC,SAAS,EAAE,MAAM;EACjBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE,MAAM;EACZC,QAAQ,EAAE,UAAU;EACpBC,IAAI,EAAE,MAAM;EACZC,GAAG,EAAE,KAAK;EACVC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,OAAO;EACdC,aAAa,EAAE,cAAc;EAC7BC,QAAQ,EAAE,UAAU;EACpBC,cAAc,EAAE,eAAe;EAC/BC,SAAS,EAAE,UAAU;EACrBC,YAAY,EAAE,aAAa;EAC3BC,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,WAAW;EACtBC,eAAe,EAAE,gBAAgB;EACjCC,KAAK,EAAE,QAAQ;EACfC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE;AACX,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -48,7 +48,7 @@ function checkValidationRule(rule, value) {
       return true;
   }
 }
-function runCellValidation(value, rules, typeValidate) {
+function runCellValidation(value, rules, typeValidate, translate) {
   const errors = [];
   if (rules) {
     for (const rule of rules) {
@@ -58,7 +58,7 @@ function runCellValidation(value, rules, typeValidate) {
     }
   }
   if (typeValidate) {
-    const typeError = typeValidate(value, rules);
+    const typeError = typeValidate(value, rules, translate);
     if (typeError) {
       errors.push(typeError);
     }

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

@@ -1 +1 @@
-{"version":3,"names":["cellKey","rowKey","columnId","parseCellKey","key","idx","indexOf","slice","noBorder","exports","top","bottom","left","right","validResult","valid","checkValidationRule","rule","value","type","length","test","validate","runCellValidation","rules","typeValidate","errors","push","message","typeError"],"sources":["../../../../src/state/EditableTable/utils.ts"],"sourcesContent":["import type {\n  Cell,\n  CellBorder,\n  ValidationResult,\n  ValidationRule,\n} from './types';\n\nexport function cellKey(rowKey: string, columnId: string): string {\n  return `${rowKey}:${columnId}`;\n}\n\nexport function parseCellKey(key: string): Cell | null {\n  const idx = key.indexOf(':');\n  if (idx === -1) {\n    return null;\n  }\n  return { rowKey: key.slice(0, idx), columnId: key.slice(idx + 1) };\n}\n\nexport const noBorder: CellBorder = {\n  top: false,\n  bottom: false,\n  left: false,\n  right: false,\n};\n\nexport const validResult: ValidationResult = { valid: true };\n\nfunction checkValidationRule(rule: ValidationRule, value: any): boolean {\n  switch (rule.type) {\n    case 'required':\n      return value != null && value !== '';\n    case 'min':\n      return typeof value === 'number' && value >= rule.value;\n    case 'max':\n      return typeof value === 'number' && value <= rule.value;\n    case 'minLength':\n      return typeof value === 'string' && value.length >= rule.value;\n    case 'maxLength':\n      return typeof value === 'string' && value.length <= rule.value;\n    case 'pattern':\n      return typeof value === 'string' && rule.value.test(value);\n    case 'custom':\n      return rule.validate(value);\n    default:\n      return true;\n  }\n}\n\nexport function runCellValidation(\n  value: any,\n  rules?: ValidationRule[],\n  typeValidate?: (value: any, rules?: ValidationRule[]) => string | null,\n): ValidationResult {\n  const errors: string[] = [];\n\n  if (rules) {\n    for (const rule of rules) {\n      if (!checkValidationRule(rule, value)) {\n        errors.push(rule.message);\n      }\n    }\n  }\n\n  if (typeValidate) {\n    const typeError = typeValidate(value, rules);\n    if (typeError) {\n      errors.push(typeError);\n    }\n  }\n\n  return errors.length === 0 ? validResult : { valid: false, errors };\n}\n"],"mappings":";;;;;;;;AAOO,SAASA,OAAOA,CAACC,MAAc,EAAEC,QAAgB,EAAU;EAChE,OAAO,GAAGD,MAAM,IAAIC,QAAQ,EAAE;AAChC;AAEO,SAASC,YAAYA,CAACC,GAAW,EAAe;EACrD,MAAMC,GAAG,GAAGD,GAAG,CAACE,OAAO,CAAC,GAAG,CAAC;EAC5B,IAAID,GAAG,KAAK,CAAC,CAAC,EAAE;IACd,OAAO,IAAI;EACb;EACA,OAAO;IAAEJ,MAAM,EAAEG,GAAG,CAACG,KAAK,CAAC,CAAC,EAAEF,GAAG,CAAC;IAAEH,QAAQ,EAAEE,GAAG,CAACG,KAAK,CAACF,GAAG,GAAG,CAAC;EAAE,CAAC;AACpE;AAEO,MAAMG,QAAoB,GAAAC,OAAA,CAAAD,QAAA,GAAG;EAClCE,GAAG,EAAE,KAAK;EACVC,MAAM,EAAE,KAAK;EACbC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE;AACT,CAAC;AAEM,MAAMC,WAA6B,GAAAL,OAAA,CAAAK,WAAA,GAAG;EAAEC,KAAK,EAAE;AAAK,CAAC;AAE5D,SAASC,mBAAmBA,CAACC,IAAoB,EAAEC,KAAU,EAAW;EACtE,QAAQD,IAAI,CAACE,IAAI;IACf,KAAK,UAAU;MACb,OAAOD,KAAK,IAAI,IAAI,IAAIA,KAAK,KAAK,EAAE;IACtC,KAAK,KAAK;MACR,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,IAAID,IAAI,CAACC,KAAK;IACzD,KAAK,KAAK;MACR,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,IAAID,IAAI,CAACC,KAAK;IACzD,KAAK,WAAW;MACd,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACE,MAAM,IAAIH,IAAI,CAACC,KAAK;IAChE,KAAK,WAAW;MACd,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACE,MAAM,IAAIH,IAAI,CAACC,KAAK;IAChE,KAAK,SAAS;MACZ,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAID,IAAI,CAACC,KAAK,CAACG,IAAI,CAACH,KAAK,CAAC;IAC5D,KAAK,QAAQ;MACX,OAAOD,IAAI,CAACK,QAAQ,CAACJ,KAAK,CAAC;IAC7B;MACE,OAAO,IAAI;EACf;AACF;AAEO,SAASK,iBAAiBA,CAC/BL,KAAU,EACVM,KAAwB,EACxBC,YAAsE,EACpD;EAClB,MAAMC,MAAgB,GAAG,EAAE;EAE3B,IAAIF,KAAK,EAAE;IACT,KAAK,MAAMP,IAAI,IAAIO,KAAK,EAAE;MACxB,IAAI,CAACR,mBAAmB,CAACC,IAAI,EAAEC,KAAK,CAAC,EAAE;QACrCQ,MAAM,CAACC,IAAI,CAACV,IAAI,CAACW,OAAO,CAAC;MAC3B;IACF;EACF;EAEA,IAAIH,YAAY,EAAE;IAChB,MAAMI,SAAS,GAAGJ,YAAY,CAACP,KAAK,EAAEM,KAAK,CAAC;IAC5C,IAAIK,SAAS,EAAE;MACbH,MAAM,CAACC,IAAI,CAACE,SAAS,CAAC;IACxB;EACF;EAEA,OAAOH,MAAM,CAACN,MAAM,KAAK,CAAC,GAAGN,WAAW,GAAG;IAAEC,KAAK,EAAE,KAAK;IAAEW;EAAO,CAAC;AACrE","ignoreList":[]}
+{"version":3,"names":["cellKey","rowKey","columnId","parseCellKey","key","idx","indexOf","slice","noBorder","exports","top","bottom","left","right","validResult","valid","checkValidationRule","rule","value","type","length","test","validate","runCellValidation","rules","typeValidate","translate","errors","push","message","typeError"],"sources":["../../../../src/state/EditableTable/utils.ts"],"sourcesContent":["import type { Translate } from '@wix/bex-core';\nimport type {\n  Cell,\n  CellBorder,\n  ValidationResult,\n  ValidationRule,\n} from './types';\n\nexport function cellKey(rowKey: string, columnId: string): string {\n  return `${rowKey}:${columnId}`;\n}\n\nexport function parseCellKey(key: string): Cell | null {\n  const idx = key.indexOf(':');\n  if (idx === -1) {\n    return null;\n  }\n  return { rowKey: key.slice(0, idx), columnId: key.slice(idx + 1) };\n}\n\nexport const noBorder: CellBorder = {\n  top: false,\n  bottom: false,\n  left: false,\n  right: false,\n};\n\nexport const validResult: ValidationResult = { valid: true };\n\nfunction checkValidationRule(rule: ValidationRule, value: any): boolean {\n  switch (rule.type) {\n    case 'required':\n      return value != null && value !== '';\n    case 'min':\n      return typeof value === 'number' && value >= rule.value;\n    case 'max':\n      return typeof value === 'number' && value <= rule.value;\n    case 'minLength':\n      return typeof value === 'string' && value.length >= rule.value;\n    case 'maxLength':\n      return typeof value === 'string' && value.length <= rule.value;\n    case 'pattern':\n      return typeof value === 'string' && rule.value.test(value);\n    case 'custom':\n      return rule.validate(value);\n    default:\n      return true;\n  }\n}\n\nexport function runCellValidation(\n  value: any,\n  rules?: ValidationRule[],\n  typeValidate?: (\n    value: any,\n    rules?: ValidationRule[],\n    translate?: Translate,\n  ) => string | null,\n  translate?: Translate,\n): ValidationResult {\n  const errors: string[] = [];\n\n  if (rules) {\n    for (const rule of rules) {\n      if (!checkValidationRule(rule, value)) {\n        errors.push(rule.message);\n      }\n    }\n  }\n\n  if (typeValidate) {\n    const typeError = typeValidate(value, rules, translate);\n    if (typeError) {\n      errors.push(typeError);\n    }\n  }\n\n  return errors.length === 0 ? validResult : { valid: false, errors };\n}\n"],"mappings":";;;;;;;;AAQO,SAASA,OAAOA,CAACC,MAAc,EAAEC,QAAgB,EAAU;EAChE,OAAO,GAAGD,MAAM,IAAIC,QAAQ,EAAE;AAChC;AAEO,SAASC,YAAYA,CAACC,GAAW,EAAe;EACrD,MAAMC,GAAG,GAAGD,GAAG,CAACE,OAAO,CAAC,GAAG,CAAC;EAC5B,IAAID,GAAG,KAAK,CAAC,CAAC,EAAE;IACd,OAAO,IAAI;EACb;EACA,OAAO;IAAEJ,MAAM,EAAEG,GAAG,CAACG,KAAK,CAAC,CAAC,EAAEF,GAAG,CAAC;IAAEH,QAAQ,EAAEE,GAAG,CAACG,KAAK,CAACF,GAAG,GAAG,CAAC;EAAE,CAAC;AACpE;AAEO,MAAMG,QAAoB,GAAAC,OAAA,CAAAD,QAAA,GAAG;EAClCE,GAAG,EAAE,KAAK;EACVC,MAAM,EAAE,KAAK;EACbC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE;AACT,CAAC;AAEM,MAAMC,WAA6B,GAAAL,OAAA,CAAAK,WAAA,GAAG;EAAEC,KAAK,EAAE;AAAK,CAAC;AAE5D,SAASC,mBAAmBA,CAACC,IAAoB,EAAEC,KAAU,EAAW;EACtE,QAAQD,IAAI,CAACE,IAAI;IACf,KAAK,UAAU;MACb,OAAOD,KAAK,IAAI,IAAI,IAAIA,KAAK,KAAK,EAAE;IACtC,KAAK,KAAK;MACR,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,IAAID,IAAI,CAACC,KAAK;IACzD,KAAK,KAAK;MACR,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,IAAID,IAAI,CAACC,KAAK;IACzD,KAAK,WAAW;MACd,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACE,MAAM,IAAIH,IAAI,CAACC,KAAK;IAChE,KAAK,WAAW;MACd,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACE,MAAM,IAAIH,IAAI,CAACC,KAAK;IAChE,KAAK,SAAS;MACZ,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAID,IAAI,CAACC,KAAK,CAACG,IAAI,CAACH,KAAK,CAAC;IAC5D,KAAK,QAAQ;MACX,OAAOD,IAAI,CAACK,QAAQ,CAACJ,KAAK,CAAC;IAC7B;MACE,OAAO,IAAI;EACf;AACF;AAEO,SAASK,iBAAiBA,CAC/BL,KAAU,EACVM,KAAwB,EACxBC,YAIkB,EAClBC,SAAqB,EACH;EAClB,MAAMC,MAAgB,GAAG,EAAE;EAE3B,IAAIH,KAAK,EAAE;IACT,KAAK,MAAMP,IAAI,IAAIO,KAAK,EAAE;MACxB,IAAI,CAACR,mBAAmB,CAACC,IAAI,EAAEC,KAAK,CAAC,EAAE;QACrCS,MAAM,CAACC,IAAI,CAACX,IAAI,CAACY,OAAO,CAAC;MAC3B;IACF;EACF;EAEA,IAAIJ,YAAY,EAAE;IAChB,MAAMK,SAAS,GAAGL,YAAY,CAACP,KAAK,EAAEM,KAAK,EAAEE,SAAS,CAAC;IACvD,IAAII,SAAS,EAAE;MACbH,MAAM,CAACC,IAAI,CAACE,SAAS,CAAC;IACxB;EACF;EAEA,OAAOH,MAAM,CAACP,MAAM,KAAK,CAAC,GAAGN,WAAW,GAAG;IAAEC,KAAK,EAAE,KAAK;IAAEY;EAAO,CAAC;AACrE","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_ = "FormPageHeader1338808680";
+var _namespace_ = "FormPageHeader4186465849";
 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": "FormPageHeader1338808680__root"
+  "root": "FormPageHeader4186465849__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_ = \"FormPageHeader1338808680\";\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\":\"FormPageHeader1338808680__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_ = \"FormPageHeader4186465849\";\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\":\"FormPageHeader4186465849__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/state/LayoutSwitchState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","_EditableTable","_GridState","_TableState","_ToolbarCollectionState","_ViewTypeState","componentType","LayoutSwitchState","viewType","viewTypeState","v","runInAction","options","constructor","params","_defineProperty2","default","TaskState","collection","containerOverrides","toolbar","ToolbarCollectionState","container","reportBi","biParams","componentStatus","tableState","table","TableState","undefined","gridState","grid","GridState","spreadsheetState","spreadsheet","EditableTableState","enabledLayouts","filter","Boolean","ViewTypeState","dataCapsule","layoutState","makeObservable","computed","init","initTask","runOnce","status","promise","exports"],"sources":["../../../src/state/LayoutSwitchState.ts"],"sourcesContent":["import {\n  CollectionOptimisticActions,\n  CollectionState,\n  FiltersMap,\n  TaskState,\n  WixPatternsContainer,\n  WixPatternsContainerParams,\n} from '@wix/bex-core';\nimport { computed, makeObservable, runInAction } from 'mobx';\nimport {\n  EditableTableState,\n  EditableTablePermissions,\n  EditableTableMutationHandlers,\n} from './EditableTable';\nimport { GridState } from './GridState';\nimport { ICollectionComponentState } from './ICollectionComponentState';\nimport { ILayoutSwitchState } from './ILayoutSwitchState';\nimport { TableState } from './TableState';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { ViewType, ViewTypeState } from './ViewTypeState';\nimport type { FieldActions } from '../types/SchemaConfig';\n\nexport interface TableLayoutConfig {}\n\nexport interface GridLayoutConfig {}\n\nexport interface SpreadsheetLayoutConfig<T, F extends FiltersMap> {\n  mutations: EditableTableMutationHandlers<T>;\n  permissions?: EditableTablePermissions;\n  fieldActions?: FieldActions;\n  refresh?: () => Promise<void>;\n  createOptimisticActions: (\n    collection: CollectionState<T, F>,\n  ) => CollectionOptimisticActions<T, F>;\n}\n\nexport interface LayoutSwitchStateParams<T, F extends FiltersMap> {\n  collection: CollectionState<T, F>;\n  container: WixPatternsContainer;\n  containerOverrides: Partial<WixPatternsContainerParams>;\n  table?: TableLayoutConfig;\n  grid?: GridLayoutConfig;\n  spreadsheet?: SpreadsheetLayoutConfig<T, F>;\n}\n\nconst componentType = 'LayoutSwitch';\n\nexport class LayoutSwitchState<T, F extends FiltersMap>\n  implements ICollectionComponentState, ILayoutSwitchState<T, F>\n{\n  readonly collection: CollectionState<T, F>;\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly containerOverrides: Partial<WixPatternsContainerParams>;\n  readonly tableState: TableState<T, F> | undefined;\n  readonly gridState: GridState<T, F> | undefined;\n  readonly spreadsheetState: EditableTableState<T, F> | undefined;\n  readonly viewTypeState: ViewTypeState;\n  readonly initTask = new TaskState();\n\n  get viewType(): ViewType {\n    return this.viewTypeState.viewType;\n  }\n\n  set viewType(v: ViewType) {\n    runInAction(() => {\n      this.viewTypeState.viewType = v;\n    });\n  }\n\n  get options(): ViewType[] {\n    return this.viewTypeState.options;\n  }\n\n  constructor(params: LayoutSwitchStateParams<T, F>) {\n    this.collection = params.collection;\n    this.containerOverrides = params.containerOverrides;\n\n    this.toolbar = new ToolbarCollectionState({\n      componentType,\n      collection: this.collection,\n      container: params.container,\n      reportBi: (biParams) =>\n        params.container.reportBi({\n          ...biParams,\n          params: {\n            ...biParams.params,\n            componentStatus: this.viewTypeState.viewType,\n          },\n        }),\n    });\n\n    this.tableState = params.table\n      ? new TableState({\n          collection: this.collection,\n          container: params.container,\n          toolbar: this.toolbar,\n        })\n      : undefined;\n\n    this.gridState = params.grid\n      ? new GridState({\n          collection: this.collection,\n          container: params.container,\n          toolbar: this.toolbar,\n        })\n      : undefined;\n\n    this.spreadsheetState = params.spreadsheet\n      ? new EditableTableState({\n          collection: this.collection,\n          container: params.container,\n          toolbar: this.toolbar,\n          ...params.spreadsheet,\n        })\n      : undefined;\n\n    const enabledLayouts: ViewType[] = [\n      params.table ? 'table' : null,\n      params.grid ? 'grid' : null,\n      params.spreadsheet ? 'spreadsheet' : null,\n    ].filter(Boolean) as ViewType[];\n\n    this.viewTypeState = new ViewTypeState({\n      container: params.container,\n      dataCapsule: this.toolbar.dataCapsule,\n      componentType,\n      collection: this.collection,\n      options: enabledLayouts,\n    });\n\n    this.toolbar.layoutState = this;\n\n    makeObservable(this, {\n      viewType: computed,\n      options: computed,\n    });\n  }\n\n  init() {\n    const { viewTypeState, initTask } = this;\n    viewTypeState.init();\n\n    initTask.runOnce(async () => {\n      viewTypeState.initTask.runOnce();\n      await viewTypeState.initTask.status.promise;\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","_EditableTable","_GridState","_TableState","_ToolbarCollectionState","_ViewTypeState","componentType","LayoutSwitchState","viewType","viewTypeState","v","runInAction","options","constructor","params","_defineProperty2","default","TaskState","collection","containerOverrides","toolbar","ToolbarCollectionState","container","reportBi","biParams","componentStatus","tableState","table","TableState","undefined","gridState","grid","GridState","spreadsheetState","spreadsheet","EditableTableState","enabledLayouts","filter","Boolean","ViewTypeState","dataCapsule","layoutState","makeObservable","computed","init","initTask","runOnce","status","promise","exports"],"sources":["../../../src/state/LayoutSwitchState.ts"],"sourcesContent":["import {\n  CollectionOptimisticActions,\n  CollectionState,\n  FiltersMap,\n  TaskState,\n  WixPatternsContainer,\n  WixPatternsContainerParams,\n} from '@wix/bex-core';\nimport { computed, makeObservable, runInAction } from 'mobx';\nimport {\n  EditableTableState,\n  EditableTablePermissions,\n  EditableTableMutationHandlers,\n} from './EditableTable';\nimport { GridState } from './GridState';\nimport { ICollectionComponentState } from './ICollectionComponentState';\nimport { ILayoutSwitchState } from './ILayoutSwitchState';\nimport { TableState } from './TableState';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { ViewType, ViewTypeState } from './ViewTypeState';\n\nexport interface TableLayoutConfig {}\n\nexport interface GridLayoutConfig {}\n\nexport interface SpreadsheetLayoutConfig<T, F extends FiltersMap> {\n  mutations: EditableTableMutationHandlers<T>;\n  permissions?: EditableTablePermissions;\n  createOptimisticActions: (\n    collection: CollectionState<T, F>,\n  ) => CollectionOptimisticActions<T, F>;\n}\n\nexport interface LayoutSwitchStateParams<T, F extends FiltersMap> {\n  collection: CollectionState<T, F>;\n  container: WixPatternsContainer;\n  containerOverrides: Partial<WixPatternsContainerParams>;\n  table?: TableLayoutConfig;\n  grid?: GridLayoutConfig;\n  spreadsheet?: SpreadsheetLayoutConfig<T, F>;\n}\n\nconst componentType = 'LayoutSwitch';\n\nexport class LayoutSwitchState<T, F extends FiltersMap>\n  implements ICollectionComponentState, ILayoutSwitchState<T, F>\n{\n  readonly collection: CollectionState<T, F>;\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly containerOverrides: Partial<WixPatternsContainerParams>;\n  readonly tableState: TableState<T, F> | undefined;\n  readonly gridState: GridState<T, F> | undefined;\n  readonly spreadsheetState: EditableTableState<T, F> | undefined;\n  readonly viewTypeState: ViewTypeState;\n  readonly initTask = new TaskState();\n\n  get viewType(): ViewType {\n    return this.viewTypeState.viewType;\n  }\n\n  set viewType(v: ViewType) {\n    runInAction(() => {\n      this.viewTypeState.viewType = v;\n    });\n  }\n\n  get options(): ViewType[] {\n    return this.viewTypeState.options;\n  }\n\n  constructor(params: LayoutSwitchStateParams<T, F>) {\n    this.collection = params.collection;\n    this.containerOverrides = params.containerOverrides;\n\n    this.toolbar = new ToolbarCollectionState({\n      componentType,\n      collection: this.collection,\n      container: params.container,\n      reportBi: (biParams) =>\n        params.container.reportBi({\n          ...biParams,\n          params: {\n            ...biParams.params,\n            componentStatus: this.viewTypeState.viewType,\n          },\n        }),\n    });\n\n    this.tableState = params.table\n      ? new TableState({\n          collection: this.collection,\n          container: params.container,\n          toolbar: this.toolbar,\n        })\n      : undefined;\n\n    this.gridState = params.grid\n      ? new GridState({\n          collection: this.collection,\n          container: params.container,\n          toolbar: this.toolbar,\n        })\n      : undefined;\n\n    this.spreadsheetState = params.spreadsheet\n      ? new EditableTableState({\n          collection: this.collection,\n          container: params.container,\n          toolbar: this.toolbar,\n          ...params.spreadsheet,\n        })\n      : undefined;\n\n    const enabledLayouts: ViewType[] = [\n      params.table ? 'table' : null,\n      params.grid ? 'grid' : null,\n      params.spreadsheet ? 'spreadsheet' : null,\n    ].filter(Boolean) as ViewType[];\n\n    this.viewTypeState = new ViewTypeState({\n      container: params.container,\n      dataCapsule: this.toolbar.dataCapsule,\n      componentType,\n      collection: this.collection,\n      options: enabledLayouts,\n    });\n\n    this.toolbar.layoutState = this;\n\n    makeObservable(this, {\n      viewType: computed,\n      options: computed,\n    });\n  }\n\n  init() {\n    const { viewTypeState, initTask } = this;\n    viewTypeState.init();\n\n    initTask.runOnce(async () => {\n      viewTypeState.initTask.runOnce();\n      await viewTypeState.initTask.status.promise;\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/ToolbarBIReporter.js

@@ -26,7 +26,6 @@ class ToolbarBIReporter {
       }));
     });
     (0, _defineProperty2.default)(this, "loadStart", () => {
-      var _this$toolbar$collect;
       this.reportBi(withoutDefaults(_bi.loadStart)({
         ...this.toolbar._commonDynamicBiParams(),
         url: typeof window !== 'undefined' ? window.location.href : '',
@@ -38,7 +37,7 @@ class ToolbarBIReporter {
           isUsingViews: !!this.toolbar.viewsProps,
           isUsingSorting: this.toolbar.columns.some(col => col.sortable === true),
           isUsingLoadSelectedColumns: this.collection.query.refreshOnColumnsChange ?? false,
-          isUsingDataExtension: !!((_this$toolbar$collect = this.toolbar.collectionDataExtension) != null && _this$toolbar$collect.dataExtension),
+          isUsingDataExtension: !!this.toolbar.collectionFieldsSource,
           ...this.toolbar.featuresAvailability
         }),
         additionalFeaturesAvailability: JSON.stringify({

package/dist/cjs/state/ToolbarBIReporter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_bi","_mobx","withoutDefaults","withoutIrrelevant","ToolbarBIReporter","constructor","params","_defineProperty2","default","origin","reportBi","newItemCreationStart","cairoSectionCtaClicked","ctaName","ctaType","location","_this$toolbar$collect","loadStart","toolbar","_commonDynamicBiParams","url","window","href","featuresAvailability","JSON","stringify","isShowingSelection","selectionProps","value","showSelection","isUsingApplyInFiltersPanel","AddApplyFiltersButton","isUsingCustomColumns","customColumnsProps","isUsingOptimisticActions","collection","_optimisticActions","isUsingViews","viewsProps","isUsingSorting","columns","some","col","sortable","isUsingLoadSelectedColumns","query","refreshOnColumnsChange","isUsingDataExtension","collectionDataExtension","dataExtension","additionalFeaturesAvailability","isUsingActionsCell","actionCell","startTime","loadEnd","route","pathname","loadingTime","Math","round","performance","now","items","itemKey","newItemCreationEnd","itemId","map","resultType","ctaClicked","ctaIndex","moreActionsIndex","numCtas","itemIndex","componentId","appId","cairoCtaClicked","numItems","bulkSelect","selectedCountOrTotal","isSelectAll","allSelected","cairoTpaSCtaClicked","tpaComponentId","itemSelectionToggledStarted","clickType","search","numItemsBefore","action","cairoItemSelectionToggled","isFromSearch","isEmpty","searchQuery","numItemsAfter","selectAllToggledStart","bulk","hasClickableRows","undefined","timeFromAction","_selectionStartTime","exports"],"sources":["../../../src/state/ToolbarBIReporter.ts"],"sourcesContent":["import {\n  CollectionState,\n  FiltersMap,\n  ReportBI,\n  withoutIrrelevant,\n} from '@wix/bex-core';\nimport {\n  cairoCtaClicked,\n  cairoItemSelectionToggled,\n  cairoTpaSCtaClicked,\n  newItemCreationStart,\n  cairoSectionCtaClicked,\n  loadStart,\n  loadEnd,\n  newItemCreationEnd,\n} from '@wix/bex-core/bi';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { action } from 'mobx';\n\nexport type CTAClickedParams = {\n  location: ButtonLocations;\n  ctaIndex: number;\n  ctaName: string;\n  moreActionsIndex?: number;\n  numCtas: number;\n  itemId?: string;\n  itemIndex?: number;\n  componentId?: string;\n  appId?: string;\n};\n\nexport type ButtonLocations =\n  | 'multiBulkActionToolbar'\n  | 'bulkActionToolbar'\n  | 'actionCell';\n\nexport interface ToolbarBIReporterParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly reportBi: ReportBI;\n}\n\nconst withoutDefaults = withoutIrrelevant<\n  | 'currentTab'\n  | 'currentView'\n  | 'currentFilters'\n  | 'currentSortOrder'\n  | 'listSize'\n  | 'filteredListSize'\n  | 'initialItems'\n>();\n\nexport class ToolbarBIReporter<T, F extends FiltersMap> {\n  readonly collection;\n  readonly toolbar;\n  readonly reportBi;\n\n  constructor(params: ToolbarBIReporterParams<T, F>) {\n    this.collection = params.collection;\n    this.toolbar = params.toolbar;\n    this.reportBi = params.reportBi;\n  }\n\n  ctaClicked({\n    location,\n    ctaIndex,\n    ctaName,\n    moreActionsIndex,\n    numCtas,\n    itemId,\n    itemIndex,\n    componentId,\n    appId,\n  }: CTAClickedParams) {\n    this.reportBi(\n      withoutDefaults(cairoCtaClicked)({\n        ctaIndex,\n        ctaName,\n        location,\n        numCtas,\n        moreActionsIndex,\n        numItems: this.collection.bulkSelect.selectedCountOrTotal,\n        isSelectAll: this.collection.bulkSelect.allSelected,\n        itemId,\n        itemIndex,\n        url: typeof window !== 'undefined' ? window.location.href : '',\n      }),\n    );\n\n    if (componentId) {\n      this.reportBi(\n        withoutDefaults(cairoTpaSCtaClicked)({\n          ctaIndex,\n          ctaName,\n          location,\n          numCtas,\n          appId,\n          tpaComponentId: componentId,\n        }),\n      );\n    }\n  }\n\n  itemSelectionToggledStarted({\n    itemId,\n    clickType,\n  }: {\n    itemId: string;\n    clickType: 'Selection' | 'Deselection';\n  }) {\n    const { reportBi, collection } = this;\n    const {\n      bulkSelect,\n      query: { search },\n    } = collection;\n\n    const numItemsBefore = bulkSelect.selectedCountOrTotal;\n\n    return action(() => {\n      reportBi(\n        withoutDefaults(cairoItemSelectionToggled)({\n          isSelectAll: false,\n          isFromSearch: !search.isEmpty,\n          searchQuery: search.value,\n          itemId,\n          clickType,\n          numItemsBefore,\n          numItemsAfter: bulkSelect.selectedCountOrTotal,\n        }),\n      );\n    });\n  }\n\n  selectAllToggledStart({\n    location,\n  }: {\n    location?: 'TableToolbar CTA' | 'Checkbox';\n  }) {\n    const {\n      reportBi,\n      toolbar: { bulk },\n      collection: {\n        bulkSelect,\n        query: { search },\n      },\n    } = this;\n\n    const numItemsBefore = bulkSelect.selectedCountOrTotal;\n\n    return action(() => {\n      const { hasClickableRows } = bulk;\n      reportBi(\n        withoutDefaults(cairoItemSelectionToggled)({\n          url: typeof window !== 'undefined' ? window.location.href : '',\n          isSelectAll: true,\n          isFromSearch: !search.isEmpty,\n          searchQuery: search.value,\n          itemId: hasClickableRows ? undefined : 'All',\n          clickType: hasClickableRows ? 'Deselection' : 'Selection',\n          numItemsBefore,\n          numItemsAfter: bulkSelect.selectedCountOrTotal,\n          location,\n          timeFromAction: Math.round(\n            performance.now() - bulk._selectionStartTime,\n          ),\n        }),\n      );\n    });\n  }\n\n  onAddItemClick = (origin?: string) => {\n    this.reportBi(\n      newItemCreationStart({\n        origin: origin ?? 'Card CTA',\n      }),\n    );\n  };\n\n  onPrimaryActionButtonClick = () => {\n    this.reportBi(\n      cairoSectionCtaClicked({\n        ctaName: 'Primary action button',\n        ctaType: 'Main',\n        location: 'Collection Toolbar',\n      }),\n    );\n  };\n\n  loadStart = () => {\n    this.reportBi(\n      withoutDefaults(loadStart)({\n        ...(this.toolbar._commonDynamicBiParams() as {}),\n        url: typeof window !== 'undefined' ? window.location.href : '',\n        featuresAvailability: JSON.stringify({\n          isShowingSelection:\n            this.toolbar.selectionProps.value.showSelection ?? false,\n          isUsingApplyInFiltersPanel: !!this.toolbar.AddApplyFiltersButton,\n          isUsingCustomColumns: !!this.toolbar.customColumnsProps,\n          isUsingOptimisticActions: !!this.collection._optimisticActions,\n          isUsingViews: !!this.toolbar.viewsProps,\n          isUsingSorting: this.toolbar.columns.some(\n            (col) => col.sortable === true,\n          ),\n          isUsingLoadSelectedColumns:\n            this.collection.query.refreshOnColumnsChange ?? false,\n          isUsingDataExtension:\n            !!this.toolbar.collectionDataExtension?.dataExtension,\n          ...this.toolbar.featuresAvailability,\n        }),\n        additionalFeaturesAvailability: JSON.stringify({\n          isUsingActionsCell: !!this.toolbar.actionCell.value,\n          ...this.toolbar.additionalFeaturesAvailability,\n        }),\n      }),\n    );\n  };\n\n  loadEnd = (startTime: DOMHighResTimeStamp) => {\n    this.reportBi(\n      withoutDefaults(loadEnd)({\n        ...this.toolbar._commonDynamicBiParams(),\n        url: typeof window !== 'undefined' ? window.location.href : '',\n        route: typeof window !== 'undefined' ? window.location.pathname : '',\n        loadingTime: Math.round(performance.now() - startTime),\n      }),\n    );\n  };\n\n  newItemCreationEnd = (items: T[]) => {\n    const { itemKey } = this.collection;\n    this.reportBi(\n      newItemCreationEnd({\n        itemId: JSON.stringify(items.map(itemKey)),\n        resultType: 'success',\n      }),\n    );\n  };\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAMA,IAAAC,GAAA,GAAAD,OAAA;AAWA,IAAAE,KAAA,GAAAF,OAAA;AAyBA,MAAMG,eAAe,GAAG,IAAAC,0BAAiB,EAQvC,CAAC;AAEI,MAAMC,iBAAiB,CAA0B;EAKtDC,WAAWA,CAACC,MAAqC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,0BAiHjCC,MAAe,IAAK;MACpC,IAAI,CAACC,QAAQ,CACX,IAAAC,wBAAoB,EAAC;QACnBF,MAAM,EAAEA,MAAM,IAAI;MACpB,CAAC,CACH,CAAC;IACH,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,sCAE4B,MAAM;MACjC,IAAI,CAACE,QAAQ,CACX,IAAAE,0BAAsB,EAAC;QACrBC,OAAO,EAAE,uBAAuB;QAChCC,OAAO,EAAE,MAAM;QACfC,QAAQ,EAAE;MACZ,CAAC,CACH,CAAC;IACH,CAAC;IAAA,IAAAR,gBAAA,CAAAC,OAAA,qBAEW,MAAM;MAAA,IAAAQ,qBAAA;MAChB,IAAI,CAACN,QAAQ,CACXR,eAAe,CAACe,aAAS,CAAC,CAAC;QACzB,GAAI,IAAI,CAACC,OAAO,CAACC,sBAAsB,CAAC,CAAQ;QAChDC,GAAG,EAAE,OAAOC,MAAM,KAAK,WAAW,GAAGA,MAAM,CAACN,QAAQ,CAACO,IAAI,GAAG,EAAE;QAC9DC,oBAAoB,EAAEC,IAAI,CAACC,SAAS,CAAC;UACnCC,kBAAkB,EAChB,IAAI,CAACR,OAAO,CAACS,cAAc,CAACC,KAAK,CAACC,aAAa,IAAI,KAAK;UAC1DC,0BAA0B,EAAE,CAAC,CAAC,IAAI,CAACZ,OAAO,CAACa,qBAAqB;UAChEC,oBAAoB,EAAE,CAAC,CAAC,IAAI,CAACd,OAAO,CAACe,kBAAkB;UACvDC,wBAAwB,EAAE,CAAC,CAAC,IAAI,CAACC,UAAU,CAACC,kBAAkB;UAC9DC,YAAY,EAAE,CAAC,CAAC,IAAI,CAACnB,OAAO,CAACoB,UAAU;UACvCC,cAAc,EAAE,IAAI,CAACrB,OAAO,CAACsB,OAAO,CAACC,IAAI,CACtCC,GAAG,IAAKA,GAAG,CAACC,QAAQ,KAAK,IAC5B,CAAC;UACDC,0BAA0B,EACxB,IAAI,CAACT,UAAU,CAACU,KAAK,CAACC,sBAAsB,IAAI,KAAK;UACvDC,oBAAoB,EAClB,CAAC,GAAA/B,qBAAA,GAAC,IAAI,CAACE,OAAO,CAAC8B,uBAAuB,aAApChC,qBAAA,CAAsCiC,aAAa;UACvD,GAAG,IAAI,CAAC/B,OAAO,CAACK;QAClB,CAAC,CAAC;QACF2B,8BAA8B,EAAE1B,IAAI,CAACC,SAAS,CAAC;UAC7C0B,kBAAkB,EAAE,CAAC,CAAC,IAAI,CAACjC,OAAO,CAACkC,UAAU,CAACxB,KAAK;UACnD,GAAG,IAAI,CAACV,OAAO,CAACgC;QAClB,CAAC;MACH,CAAC,CACH,CAAC;IACH,CAAC;IAAA,IAAA3C,gBAAA,CAAAC,OAAA,mBAEU6C,SAA8B,IAAK;MAC5C,IAAI,CAAC3C,QAAQ,CACXR,eAAe,CAACoD,WAAO,CAAC,CAAC;QACvB,GAAG,IAAI,CAACpC,OAAO,CAACC,sBAAsB,CAAC,CAAC;QACxCC,GAAG,EAAE,OAAOC,MAAM,KAAK,WAAW,GAAGA,MAAM,CAACN,QAAQ,CAACO,IAAI,GAAG,EAAE;QAC9DiC,KAAK,EAAE,OAAOlC,MAAM,KAAK,WAAW,GAAGA,MAAM,CAACN,QAAQ,CAACyC,QAAQ,GAAG,EAAE;QACpEC,WAAW,EAAEC,IAAI,CAACC,KAAK,CAACC,WAAW,CAACC,GAAG,CAAC,CAAC,GAAGR,SAAS;MACvD,CAAC,CACH,CAAC;IACH,CAAC;IAAA,IAAA9C,gBAAA,CAAAC,OAAA,8BAEqBsD,KAAU,IAAK;MACnC,MAAM;QAAEC;MAAQ,CAAC,GAAG,IAAI,CAAC5B,UAAU;MACnC,IAAI,CAACzB,QAAQ,CACX,IAAAsD,sBAAkB,EAAC;QACjBC,MAAM,EAAEzC,IAAI,CAACC,SAAS,CAACqC,KAAK,CAACI,GAAG,CAACH,OAAO,CAAC,CAAC;QAC1CI,UAAU,EAAE;MACd,CAAC,CACH,CAAC;IACH,CAAC;IAlLC,IAAI,CAAChC,UAAU,GAAG7B,MAAM,CAAC6B,UAAU;IACnC,IAAI,CAACjB,OAAO,GAAGZ,MAAM,CAACY,OAAO;IAC7B,IAAI,CAACR,QAAQ,GAAGJ,MAAM,CAACI,QAAQ;EACjC;EAEA0D,UAAUA,CAAC;IACTrD,QAAQ;IACRsD,QAAQ;IACRxD,OAAO;IACPyD,gBAAgB;IAChBC,OAAO;IACPN,MAAM;IACNO,SAAS;IACTC,WAAW;IACXC;EACgB,CAAC,EAAE;IACnB,IAAI,CAAChE,QAAQ,CACXR,eAAe,CAACyE,mBAAe,CAAC,CAAC;MAC/BN,QAAQ;MACRxD,OAAO;MACPE,QAAQ;MACRwD,OAAO;MACPD,gBAAgB;MAChBM,QAAQ,EAAE,IAAI,CAACzC,UAAU,CAAC0C,UAAU,CAACC,oBAAoB;MACzDC,WAAW,EAAE,IAAI,CAAC5C,UAAU,CAAC0C,UAAU,CAACG,WAAW;MACnDf,MAAM;MACNO,SAAS;MACTpD,GAAG,EAAE,OAAOC,MAAM,KAAK,WAAW,GAAGA,MAAM,CAACN,QAAQ,CAACO,IAAI,GAAG;IAC9D,CAAC,CACH,CAAC;IAED,IAAImD,WAAW,EAAE;MACf,IAAI,CAAC/D,QAAQ,CACXR,eAAe,CAAC+E,uBAAmB,CAAC,CAAC;QACnCZ,QAAQ;QACRxD,OAAO;QACPE,QAAQ;QACRwD,OAAO;QACPG,KAAK;QACLQ,cAAc,EAAET;MAClB,CAAC,CACH,CAAC;IACH;EACF;EAEAU,2BAA2BA,CAAC;IAC1BlB,MAAM;IACNmB;EAIF,CAAC,EAAE;IACD,MAAM;MAAE1E,QAAQ;MAAEyB;IAAW,CAAC,GAAG,IAAI;IACrC,MAAM;MACJ0C,UAAU;MACVhC,KAAK,EAAE;QAAEwC;MAAO;IAClB,CAAC,GAAGlD,UAAU;IAEd,MAAMmD,cAAc,GAAGT,UAAU,CAACC,oBAAoB;IAEtD,OAAO,IAAAS,YAAM,EAAC,MAAM;MAClB7E,QAAQ,CACNR,eAAe,CAACsF,6BAAyB,CAAC,CAAC;QACzCT,WAAW,EAAE,KAAK;QAClBU,YAAY,EAAE,CAACJ,MAAM,CAACK,OAAO;QAC7BC,WAAW,EAAEN,MAAM,CAACzD,KAAK;QACzBqC,MAAM;QACNmB,SAAS;QACTE,cAAc;QACdM,aAAa,EAAEf,UAAU,CAACC;MAC5B,CAAC,CACH,CAAC;IACH,CAAC,CAAC;EACJ;EAEAe,qBAAqBA,CAAC;IACpB9E;EAGF,CAAC,EAAE;IACD,MAAM;MACJL,QAAQ;MACRQ,OAAO,EAAE;QAAE4E;MAAK,CAAC;MACjB3D,UAAU,EAAE;QACV0C,UAAU;QACVhC,KAAK,EAAE;UAAEwC;QAAO;MAClB;IACF,CAAC,GAAG,IAAI;IAER,MAAMC,cAAc,GAAGT,UAAU,CAACC,oBAAoB;IAEtD,OAAO,IAAAS,YAAM,EAAC,MAAM;MAClB,MAAM;QAAEQ;MAAiB,CAAC,GAAGD,IAAI;MACjCpF,QAAQ,CACNR,eAAe,CAACsF,6BAAyB,CAAC,CAAC;QACzCpE,GAAG,EAAE,OAAOC,MAAM,KAAK,WAAW,GAAGA,MAAM,CAACN,QAAQ,CAACO,IAAI,GAAG,EAAE;QAC9DyD,WAAW,EAAE,IAAI;QACjBU,YAAY,EAAE,CAACJ,MAAM,CAACK,OAAO;QAC7BC,WAAW,EAAEN,MAAM,CAACzD,KAAK;QACzBqC,MAAM,EAAE8B,gBAAgB,GAAGC,SAAS,GAAG,KAAK;QAC5CZ,SAAS,EAAEW,gBAAgB,GAAG,aAAa,GAAG,WAAW;QACzDT,cAAc;QACdM,aAAa,EAAEf,UAAU,CAACC,oBAAoB;QAC9C/D,QAAQ;QACRkF,cAAc,EAAEvC,IAAI,CAACC,KAAK,CACxBC,WAAW,CAACC,GAAG,CAAC,CAAC,GAAGiC,IAAI,CAACI,mBAC3B;MACF,CAAC,CACH,CAAC;IACH,CAAC,CAAC;EACJ;AAqEF;AAACC,OAAA,CAAA/F,iBAAA,GAAAA,iBAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_bi","_mobx","withoutDefaults","withoutIrrelevant","ToolbarBIReporter","constructor","params","_defineProperty2","default","origin","reportBi","newItemCreationStart","cairoSectionCtaClicked","ctaName","ctaType","location","loadStart","toolbar","_commonDynamicBiParams","url","window","href","featuresAvailability","JSON","stringify","isShowingSelection","selectionProps","value","showSelection","isUsingApplyInFiltersPanel","AddApplyFiltersButton","isUsingCustomColumns","customColumnsProps","isUsingOptimisticActions","collection","_optimisticActions","isUsingViews","viewsProps","isUsingSorting","columns","some","col","sortable","isUsingLoadSelectedColumns","query","refreshOnColumnsChange","isUsingDataExtension","collectionFieldsSource","additionalFeaturesAvailability","isUsingActionsCell","actionCell","startTime","loadEnd","route","pathname","loadingTime","Math","round","performance","now","items","itemKey","newItemCreationEnd","itemId","map","resultType","ctaClicked","ctaIndex","moreActionsIndex","numCtas","itemIndex","componentId","appId","cairoCtaClicked","numItems","bulkSelect","selectedCountOrTotal","isSelectAll","allSelected","cairoTpaSCtaClicked","tpaComponentId","itemSelectionToggledStarted","clickType","search","numItemsBefore","action","cairoItemSelectionToggled","isFromSearch","isEmpty","searchQuery","numItemsAfter","selectAllToggledStart","bulk","hasClickableRows","undefined","timeFromAction","_selectionStartTime","exports"],"sources":["../../../src/state/ToolbarBIReporter.ts"],"sourcesContent":["import {\n  CollectionState,\n  FiltersMap,\n  ReportBI,\n  withoutIrrelevant,\n} from '@wix/bex-core';\nimport {\n  cairoCtaClicked,\n  cairoItemSelectionToggled,\n  cairoTpaSCtaClicked,\n  newItemCreationStart,\n  cairoSectionCtaClicked,\n  loadStart,\n  loadEnd,\n  newItemCreationEnd,\n} from '@wix/bex-core/bi';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { action } from 'mobx';\n\nexport type CTAClickedParams = {\n  location: ButtonLocations;\n  ctaIndex: number;\n  ctaName: string;\n  moreActionsIndex?: number;\n  numCtas: number;\n  itemId?: string;\n  itemIndex?: number;\n  componentId?: string;\n  appId?: string;\n};\n\nexport type ButtonLocations =\n  | 'multiBulkActionToolbar'\n  | 'bulkActionToolbar'\n  | 'actionCell';\n\nexport interface ToolbarBIReporterParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly reportBi: ReportBI;\n}\n\nconst withoutDefaults = withoutIrrelevant<\n  | 'currentTab'\n  | 'currentView'\n  | 'currentFilters'\n  | 'currentSortOrder'\n  | 'listSize'\n  | 'filteredListSize'\n  | 'initialItems'\n>();\n\nexport class ToolbarBIReporter<T, F extends FiltersMap> {\n  readonly collection;\n  readonly toolbar;\n  readonly reportBi;\n\n  constructor(params: ToolbarBIReporterParams<T, F>) {\n    this.collection = params.collection;\n    this.toolbar = params.toolbar;\n    this.reportBi = params.reportBi;\n  }\n\n  ctaClicked({\n    location,\n    ctaIndex,\n    ctaName,\n    moreActionsIndex,\n    numCtas,\n    itemId,\n    itemIndex,\n    componentId,\n    appId,\n  }: CTAClickedParams) {\n    this.reportBi(\n      withoutDefaults(cairoCtaClicked)({\n        ctaIndex,\n        ctaName,\n        location,\n        numCtas,\n        moreActionsIndex,\n        numItems: this.collection.bulkSelect.selectedCountOrTotal,\n        isSelectAll: this.collection.bulkSelect.allSelected,\n        itemId,\n        itemIndex,\n        url: typeof window !== 'undefined' ? window.location.href : '',\n      }),\n    );\n\n    if (componentId) {\n      this.reportBi(\n        withoutDefaults(cairoTpaSCtaClicked)({\n          ctaIndex,\n          ctaName,\n          location,\n          numCtas,\n          appId,\n          tpaComponentId: componentId,\n        }),\n      );\n    }\n  }\n\n  itemSelectionToggledStarted({\n    itemId,\n    clickType,\n  }: {\n    itemId: string;\n    clickType: 'Selection' | 'Deselection';\n  }) {\n    const { reportBi, collection } = this;\n    const {\n      bulkSelect,\n      query: { search },\n    } = collection;\n\n    const numItemsBefore = bulkSelect.selectedCountOrTotal;\n\n    return action(() => {\n      reportBi(\n        withoutDefaults(cairoItemSelectionToggled)({\n          isSelectAll: false,\n          isFromSearch: !search.isEmpty,\n          searchQuery: search.value,\n          itemId,\n          clickType,\n          numItemsBefore,\n          numItemsAfter: bulkSelect.selectedCountOrTotal,\n        }),\n      );\n    });\n  }\n\n  selectAllToggledStart({\n    location,\n  }: {\n    location?: 'TableToolbar CTA' | 'Checkbox';\n  }) {\n    const {\n      reportBi,\n      toolbar: { bulk },\n      collection: {\n        bulkSelect,\n        query: { search },\n      },\n    } = this;\n\n    const numItemsBefore = bulkSelect.selectedCountOrTotal;\n\n    return action(() => {\n      const { hasClickableRows } = bulk;\n      reportBi(\n        withoutDefaults(cairoItemSelectionToggled)({\n          url: typeof window !== 'undefined' ? window.location.href : '',\n          isSelectAll: true,\n          isFromSearch: !search.isEmpty,\n          searchQuery: search.value,\n          itemId: hasClickableRows ? undefined : 'All',\n          clickType: hasClickableRows ? 'Deselection' : 'Selection',\n          numItemsBefore,\n          numItemsAfter: bulkSelect.selectedCountOrTotal,\n          location,\n          timeFromAction: Math.round(\n            performance.now() - bulk._selectionStartTime,\n          ),\n        }),\n      );\n    });\n  }\n\n  onAddItemClick = (origin?: string) => {\n    this.reportBi(\n      newItemCreationStart({\n        origin: origin ?? 'Card CTA',\n      }),\n    );\n  };\n\n  onPrimaryActionButtonClick = () => {\n    this.reportBi(\n      cairoSectionCtaClicked({\n        ctaName: 'Primary action button',\n        ctaType: 'Main',\n        location: 'Collection Toolbar',\n      }),\n    );\n  };\n\n  loadStart = () => {\n    this.reportBi(\n      withoutDefaults(loadStart)({\n        ...(this.toolbar._commonDynamicBiParams() as {}),\n        url: typeof window !== 'undefined' ? window.location.href : '',\n        featuresAvailability: JSON.stringify({\n          isShowingSelection:\n            this.toolbar.selectionProps.value.showSelection ?? false,\n          isUsingApplyInFiltersPanel: !!this.toolbar.AddApplyFiltersButton,\n          isUsingCustomColumns: !!this.toolbar.customColumnsProps,\n          isUsingOptimisticActions: !!this.collection._optimisticActions,\n          isUsingViews: !!this.toolbar.viewsProps,\n          isUsingSorting: this.toolbar.columns.some(\n            (col) => col.sortable === true,\n          ),\n          isUsingLoadSelectedColumns:\n            this.collection.query.refreshOnColumnsChange ?? false,\n          isUsingDataExtension: !!this.toolbar.collectionFieldsSource,\n          ...this.toolbar.featuresAvailability,\n        }),\n        additionalFeaturesAvailability: JSON.stringify({\n          isUsingActionsCell: !!this.toolbar.actionCell.value,\n          ...this.toolbar.additionalFeaturesAvailability,\n        }),\n      }),\n    );\n  };\n\n  loadEnd = (startTime: DOMHighResTimeStamp) => {\n    this.reportBi(\n      withoutDefaults(loadEnd)({\n        ...this.toolbar._commonDynamicBiParams(),\n        url: typeof window !== 'undefined' ? window.location.href : '',\n        route: typeof window !== 'undefined' ? window.location.pathname : '',\n        loadingTime: Math.round(performance.now() - startTime),\n      }),\n    );\n  };\n\n  newItemCreationEnd = (items: T[]) => {\n    const { itemKey } = this.collection;\n    this.reportBi(\n      newItemCreationEnd({\n        itemId: JSON.stringify(items.map(itemKey)),\n        resultType: 'success',\n      }),\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/ToolbarCollectionState.js

@@ -15,7 +15,6 @@ var _SidePanelsState = require("./SidePanelsState");
 var _RectState = require("./RectState");
 var _BulkActionToolbarState = require("./BulkActionToolbarState");
 var _util = require("@wix/bex-core/util");
-var _simplifyExtendedColumns = require("./simplifyExtendedColumns");
 var _ToolbarState = require("../components/CollectionToolbars/ToolbarState");
 var _ColumnSizesState = require("./ColumnSizesState");
 class ToolbarCollectionState {
@@ -58,7 +57,7 @@ class ToolbarCollectionState {
     (0, _defineProperty2.default)(this, "liveRegionRef", {
       current: null
     });
-    (0, _defineProperty2.default)(this, "collectionDataExtension", null);
+    (0, _defineProperty2.default)(this, "collectionFieldsSource", null);
     (0, _defineProperty2.default)(this, "menuItemExtensions", new Map());
     (0, _defineProperty2.default)(this, "tagsCollectionState", null);
     (0, _defineProperty2.default)(this, "toolbarFiltersState", null);
@@ -227,9 +226,8 @@ class ToolbarCollectionState {
     (0, _defineProperty2.default)(this, "openCustomFieldModal", ({
       customOrigin
     } = {}) => {
-      var _this$collectionDataE;
-      return (_this$collectionDataE = this.collectionDataExtension) == null ? void 0 : _this$collectionDataE.customFieldsPanel.openCustomFieldModal({
-        origin: 'external',
+      var _this$collectionField;
+      return (_this$collectionField = this.collectionFieldsSource) == null ? void 0 : _this$collectionField.openFieldModal({
         customOrigin
       });
     });
@@ -356,7 +354,7 @@ class ToolbarCollectionState {
       itemsContentHeight: _mobx.computed,
       setNewColumns: _mobx.action,
       addFeatureColumn: _mobx.action,
-      setNewExtendedColumns: _mobx.action,
+      setExtendedColumns: _mobx.action,
       _commonDynamicBiParams: _mobx.action,
       _adjustSortWithNewColumns: _mobx.action,
       setToolbarFiltersStateInitialized: _mobx.action,
@@ -484,10 +482,10 @@ class ToolbarCollectionState {
   get shouldDisplayFiltersTags() {
     var _featuredComponents$a;
     const {
-      collectionDataExtension,
+      collectionFieldsSource,
       featuredComponents
     } = this;
-    if (collectionDataExtension != null && collectionDataExtension.initTask.status.isLoading) {
+    if (collectionFieldsSource != null && collectionFieldsSource.initTask.status.isLoading) {
       return false;
     }
     return !!((_featuredComponents$a = featuredComponents.appliedFiltersTagList.value) != null && _featuredComponents$a.state.tags.length);
@@ -581,13 +579,13 @@ class ToolbarCollectionState {
     hasMultiLevelSorting,
     skipFilterListeners
   }) {
+    var _this$collectionField2;
     const {
       collection,
       multi,
       initTask,
       panels,
       sidePanel,
-      collectionDataExtension,
       tagsCollectionState,
       bulk,
       customColumnsState,
@@ -630,15 +628,13 @@ class ToolbarCollectionState {
       }
       this._flushColumnsToCache(prev);
       this._cacheRestoredLayout = this._tryRestoreColumnsFromCache(next) ? next : undefined;
-    }), collectionDataExtension == null ? void 0 : collectionDataExtension.init(), // dataExtensionState should be initialized and beforeInitialFetch promise listener registered before customColumnsState?._tableInit() because custom columns might use data extensions
+    }), (_this$collectionField2 = this.collectionFieldsSource) == null ? void 0 : _this$collectionField2.init(), // the fields source should be initialized and its beforeInitialFetch promise listener registered before customColumnsState?._tableInit() because custom columns might use data extensions
     customColumnsState == null ? void 0 : customColumnsState._tableInit(), viewsState == null ? void 0 : viewsState.init(), columnSizesState == null ? void 0 : columnSizesState.init(),
     // register table feature first as they might register to the collection `beforeInitialFetch`
     ...tableFeatures.map(t => t.init()), (0, _mobx.reaction)(() => this.selectedOrderedColumnsOrAll, columns => {
       collection.query._columns.replace(columns.map(c => c.id));
     }, {
       fireImmediately: true
-    }), (0, _mobx.reaction)(() => collectionDataExtension == null ? void 0 : collectionDataExtension.dataExtension.availableCustomFields, customFields => {
-      this.setNewExtendedColumns(customFields ?? []);
     }), multi.init({
       skipFilterListeners
     }), ...biReporters.map(b => b.init()), panels.init(), sidePanel.init(), bulk.init(), tagsCollectionState == null ? void 0 : tagsCollectionState.init(), (0, _util.addEventListener)(collection.bulkSelect.events, 'openModal', this.bulk.modals.actionModal.modal.open), (0, _util.addEventListener)(collection.bulkSelect.events, 'closeModal', this.bulk.modals.actionModal.modal.close), (0, _util.addEventListener)(this.collection.emitter, 'resultUpdated', () => {
@@ -661,9 +657,9 @@ class ToolbarCollectionState {
         }
       });
       try {
-        var _tagsCollectionState$, _collectionDataExtens;
+        var _tagsCollectionState$, _this$collectionField3;
         await Promise.all([multi.initTask.status.promise, tagsCollectionState == null || (_tagsCollectionState$ = tagsCollectionState.initTask.status.promise) == null ? void 0 : _tagsCollectionState$.catch(() => null), // resilience to failed request
-        collectionDataExtension == null || (_collectionDataExtens = collectionDataExtension.initTask.status.promise) == null ? void 0 : _collectionDataExtens.catch(() => null), // resilience to failed request
+        (_this$collectionField3 = this.collectionFieldsSource) == null || (_this$collectionField3 = _this$collectionField3.initTask.status.promise) == null ? void 0 : _this$collectionField3.catch(() => null), // resilience to failed request
         customColumnsState == null ? void 0 : customColumnsState.initTask.status.promise, columnSizesState == null ? void 0 : columnSizesState.initTask.status.promise, ...tableFeatures.map(t => {
           var _t$initTask;
           return (_t$initTask = t.initTask) == null ? void 0 : _t$initTask.status.promise;
@@ -689,26 +685,8 @@ class ToolbarCollectionState {
     this._featureColumns.push((0, _simplifyColumns.simplifyColumn)(featureColumn));
     this._adjustSelectedColumns();
   }
-  setNewExtendedColumns(fields = [], {
-    defaultHidden = false
-  } = {}) {
-    var _this$collectionDataE2, _this$collectionDataE3;
-    if (!((_this$collectionDataE2 = this.collectionDataExtension) != null && _this$collectionDataE2.dataExtension.initTask.status.isSuccess)) {
-      return;
-    }
-    const dataExtension = (_this$collectionDataE3 = this.collectionDataExtension) == null ? void 0 : _this$collectionDataE3.dataExtension;
-    const getSchemaField = dataExtension ? (namespace, fieldId) => {
-      var _schema$jsonSchema;
-      const schemas = [dataExtension.userSchema, ...(dataExtension.appSchemas || [])];
-      const schema = schemas.find(s => (s == null ? void 0 : s.namespace) === namespace);
-      return schema == null || (_schema$jsonSchema = schema.jsonSchema) == null || (_schema$jsonSchema = _schema$jsonSchema.properties) == null ? void 0 : _schema$jsonSchema[fieldId];
-    } : undefined;
-    this._extendedColumns = (0, _simplifyExtendedColumns.simplifyExtendedColumns)({
-      fields,
-      toExtendedFields: this.collection.toExtendedFields,
-      defaultHidden,
-      getSchemaField
-    });
+  setExtendedColumns(columns) {
+    this._extendedColumns = columns;
     this._adjustSelectedColumns();
   }
   broadcast(params) {
@@ -803,10 +781,10 @@ class ToolbarCollectionState {
   }
   getPageFeaturedActions() {
     const {
-      collectionDataExtension,
+      collectionFieldsSource,
       tagsCollectionState
     } = this;
-    return [collectionDataExtension, tagsCollectionState].filter(e => e != null).filter(e => {
+    return [collectionFieldsSource, tagsCollectionState].filter(e => e != null).filter(e => {
       var _e$props;
       return !((_e$props = e.props) != null && _e$props.disableDefaultPageAction);
     }).flatMap(e => e.featuredPageActions);