@wix/patterns 1.389.0 → 1.391.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$permissions","_defineProperty2","default","ConditionalModalState","items","tableState","onAddItemActionComplete","columnId","forceDirection","multiple","collection","sort","id","clearResult","toolbar","ToolbarCollectionState","container","componentType","TableState","cellValue","CellValueState","cellInteraction","CellInteractionState","editingValue","cell","commitHandler","clipboard","ClipboardState","mutation","MutationState","mutations","createOptimisticActions","fieldActions","FieldActionsState","translate","permissions","showToast","makeObservable","addItemDisabled","observable","updateItemDisabled","removeItemDisabled","_allColumns","ref","editableColumns","computed","_columnMap","init","action","confirmDeleteItems","keyedItems","visibleColumns","itemsToRenderCount","Map","map","c","_getKeyedItem","key","getKeyedItem","_toIndices","pos","row","findIndex","ki","rowKey","col","_toPosition","visibleIds","length","find","filter","undefined","columns","_buildCellTypeMap","addItem","afterItemKey","duplicateItem","deleteItems","rowKeys","t","deleteConfirmModal","open","theme","title","content","primaryButtonText","secondaryButtonText","primaryButtonOnClick","resolveCellTypeByColumnId","getCellDisplayValue","getCellValidation","isCellEditable","clearCells","cells","handleCellClick","shiftKey","isEditing","isCellEditing","commitEdit","get","res","editOnClick","val","focusCell","startEdit","column","resolved","toggleValue","showEditWhenFocused","value","selectionAnchor","selectRange","handleCellDoubleClick","exports"],"sources":["../../../../src/state/EditableTable/EditableTableState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport {\n  CollectionOptimisticActions,\n  CollectionState,\n  ConditionalModalState,\n  FiltersMap,\n  SortOrder,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport type { MessageModalLayoutProps } from '@wix/design-system';\nimport type { KeyedItem } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../ToolbarCollectionState';\nimport { TableState } from '../TableState';\nimport { ICollectionComponentState } from '../ICollectionComponentState';\nimport { CellInteractionState } from './CellInteractionState';\nimport { CellValueState } from './CellValueState';\nimport { ClipboardState } from './ClipboardState';\nimport { MutationState } from './MutationState';\nimport { FieldActionsState } from './FieldActionsState';\nimport type { EditableTableMutationHandlers } from './MutationState';\nimport type { Cell, EditableColumn, ValidationResult } from './types';\nimport type { FieldActions } from '../../types/SchemaConfig';\nimport type { FieldActionPermissions } from '../../components/FieldActions';\n\nexport type EditableTableFieldActionsPermissions = FieldActionPermissions;\n\nexport interface EditableTablePermissions {\n  addItemDisabled?: boolean;\n  updateItemDisabled?: boolean;\n  removeItemDisabled?: boolean;\n  fieldActions?: EditableTableFieldActionsPermissions;\n}\n\nexport interface EditableTableStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly container: WixPatternsContainer;\n  readonly toolbar?: ToolbarCollectionState<T, F>;\n  readonly permissions?: EditableTablePermissions;\n  readonly mutations: EditableTableMutationHandlers<T>;\n  readonly fieldActions?: FieldActions;\n  readonly createOptimisticActions: (\n    collection: CollectionState<T, F>,\n  ) => CollectionOptimisticActions<T, F>;\n}\n\nexport interface EditableTableStatePublicAPI<T, F extends FiltersMap> {\n  /** Underlying CollectionState instance */\n  readonly collection: CollectionState<T, F>;\n  /** Underlying ToolbarCollectionState instance */\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  /** Reset active filters & sorting and adds new items to the collection */\n  onAddItemActionComplete(items: T[]): void;\n  /** Sort by column */\n  sort: (\n    columnId: string,\n    params?: { forceDirection?: SortOrder; multiple?: boolean },\n  ) => void;\n}\n\nexport class EditableTableState<T, F extends FiltersMap>\n  implements ICollectionComponentState, EditableTableStatePublicAPI<T, F>\n{\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly tableState: TableState<T, F>;\n\n  readonly cellInteraction: CellInteractionState<T, F>;\n  readonly cellValue: CellValueState<T, F>;\n  readonly clipboard: ClipboardState<T, F>;\n  readonly mutation: MutationState<T, F>;\n  readonly deleteConfirmModal = new ConditionalModalState<\n    Partial<MessageModalLayoutProps>\n  >();\n  readonly fieldActions: FieldActionsState;\n\n  addItemDisabled = false;\n  updateItemDisabled = false;\n  removeItemDisabled = false;\n\n  _allColumns: EditableColumn<T>[] = [];\n\n  constructor(params: EditableTableStateParams<T, F>) {\n    this.toolbar =\n      params.toolbar ??\n      new ToolbarCollectionState({\n        collection: params.collection,\n        container: params.container,\n        componentType: 'EditableTable',\n      });\n\n    this.tableState = new TableState({\n      collection: params.collection,\n      container: params.container,\n      toolbar: this.toolbar,\n    });\n\n    this.cellValue = new CellValueState<T, F>(this);\n\n    this.cellInteraction = new CellInteractionState<T, F>(\n      (editingValue, cell) => {\n        this.cellValue.commitHandler(editingValue, cell);\n      },\n      this,\n    );\n    this.clipboard = new ClipboardState<T, F>(this);\n    this.mutation = new MutationState<T, F>(\n      this,\n      params.mutations,\n      params.createOptimisticActions,\n    );\n    this.fieldActions = new FieldActionsState(\n      params.collection.translate,\n      params.fieldActions,\n      params.permissions?.fieldActions,\n      params.collection.showToast,\n    );\n\n    makeObservable(this, {\n      addItemDisabled: observable,\n      updateItemDisabled: observable,\n      removeItemDisabled: observable,\n      _allColumns: observable.ref,\n      editableColumns: computed,\n      _columnMap: computed,\n      init: action,\n      confirmDeleteItems: action,\n    });\n\n    if (params.permissions) {\n      this.addItemDisabled = params.permissions.addItemDisabled ?? false;\n      this.updateItemDisabled = params.permissions.updateItemDisabled ?? false;\n      this.removeItemDisabled = params.permissions.removeItemDisabled ?? false;\n    }\n  }\n\n  get collection() {\n    return this.tableState.collection;\n  }\n\n  get keyedItems() {\n    return this.tableState.keyedItems;\n  }\n\n  get visibleColumns() {\n    return this.tableState.visibleColumns;\n  }\n\n  get itemsToRenderCount() {\n    return this.tableState.itemsToRenderCount;\n  }\n\n  get _columnMap(): Map<string, EditableColumn<T>> {\n    return new Map(this._allColumns.map((c) => [c.id, c]));\n  }\n\n  _getKeyedItem(key: string): KeyedItem<T> | undefined | null {\n    return this.collection.getKeyedItem(key);\n  }\n\n  _toIndices(pos: Cell): { row: number; col: number } | null {\n    const row = this.keyedItems.findIndex((ki) => ki.key === pos.rowKey);\n    const col = this.editableColumns.findIndex((c) => c.id === pos.columnId);\n    return row === -1 || col === -1 ? null : { row, col };\n  }\n\n  _toPosition(row: number, col: number): Cell | null {\n    const ki = this.keyedItems[row];\n    const c = this.editableColumns[col];\n    return ki && c ? { rowKey: ki.key, columnId: c.id } : null;\n  }\n\n  onAddItemActionComplete = (items: T[]) => {\n    return this.tableState.onAddItemActionComplete(items);\n  };\n\n  get editableColumns(): EditableColumn<T>[] {\n    const visibleIds = this.visibleColumns.map((c) => c.id);\n    if (!visibleIds.length) {\n      return this._allColumns;\n    }\n    return visibleIds\n      .map((id) => this._allColumns.find((c) => c.id === id))\n      .filter((c): c is EditableColumn<T> => c !== undefined);\n  }\n\n  init(columns: EditableColumn<T>[]) {\n    this._allColumns = columns;\n    this.cellValue._buildCellTypeMap();\n    return this.mutation.init();\n  }\n\n  addItem(afterItemKey?: string): string {\n    return this.mutation.addItem(afterItemKey);\n  }\n\n  duplicateItem(rowKey: string) {\n    this.mutation.duplicateItem(rowKey);\n  }\n\n  deleteItems(rowKeys: string[]) {\n    this.mutation.deleteItems(rowKeys);\n  }\n\n  confirmDeleteItems(rowKeys: string[]) {\n    const { translate: t } = this.collection;\n    this.deleteConfirmModal.open({\n      theme: 'destructive',\n      title: t('cairo.deleteModal.title'),\n      content: t('cairo.deleteModal.body'),\n      primaryButtonText: t('cairo.delete.button'),\n      secondaryButtonText: t('cairo.cancel.button'),\n      primaryButtonOnClick: () => {\n        this.deleteItems(rowKeys);\n      },\n    });\n  }\n\n  resolveCellTypeByColumnId(columnId: string) {\n    return this.cellValue.resolveCellTypeByColumnId(columnId);\n  }\n\n  getCellDisplayValue(rowKey: string, columnId: string): any {\n    return this.cellValue.getCellDisplayValue(rowKey, columnId);\n  }\n\n  getCellValidation(rowKey: string, columnId: string): ValidationResult {\n    return this.cellValue.getCellValidation(rowKey, columnId);\n  }\n\n  isCellEditable(rowKey: string, columnId: string): boolean {\n    return this.cellValue.isCellEditable(rowKey, columnId);\n  }\n\n  clearCells(cells: Cell[]) {\n    this.cellValue.clearCells(cells);\n  }\n\n  handleCellClick(rowKey: string, columnId: string, shiftKey: boolean) {\n    if (this.cellInteraction.isEditing) {\n      if (this.cellInteraction.isCellEditing(rowKey, columnId)) {\n        // Click landed inside the active editor — let the editor handle it.\n        return;\n      }\n      // Shift-click while editing: ignore — extending a range selection during\n      // an active edit is not a meaningful action.\n      if (shiftKey) {\n        return;\n      }\n      // Plain click on a different cell: commit the edit and move focus.\n      this.cellInteraction.commitEdit();\n\n      // If the target cell wants edit-on-click, enter edit directly.\n      const col = this._columnMap.get(columnId);\n      const res = col ? this.resolveCellTypeByColumnId(col.id) : null;\n      if (res?.editOnClick) {\n        const val = this.getCellDisplayValue(rowKey, columnId);\n        if (res.editOnClick(val) && this.isCellEditable(rowKey, columnId)) {\n          this.cellInteraction.focusCell(rowKey, columnId);\n          this.cellInteraction.startEdit(rowKey, columnId, 'click');\n          return;\n        }\n      }\n\n      this.cellInteraction.focusCell(rowKey, columnId);\n      return;\n    }\n\n    const column = this._columnMap.get(columnId);\n    const resolved = column ? this.resolveCellTypeByColumnId(column.id) : null;\n    if (resolved?.toggleValue || resolved?.showEditWhenFocused) {\n      // Toggle/showEditWhenFocused cells: click focuses the cell and shows the\n      // EditComponent affordance. Keyboard navigation remains active.\n      this.cellInteraction.focusCell(rowKey, columnId);\n      return;\n    }\n\n    if (resolved?.editOnClick) {\n      const value = this.getCellDisplayValue(rowKey, columnId);\n      if (\n        resolved.editOnClick(value) &&\n        this.isCellEditable(rowKey, columnId)\n      ) {\n        this.cellInteraction.focusCell(rowKey, columnId);\n        this.cellInteraction.startEdit(rowKey, columnId, 'click');\n        return;\n      }\n    }\n\n    if (shiftKey && this.cellInteraction.selectionAnchor) {\n      this.cellInteraction.selectRange(this.cellInteraction.selectionAnchor, {\n        rowKey,\n        columnId,\n      });\n    } else {\n      this.cellInteraction.focusCell(rowKey, columnId);\n    }\n  }\n\n  handleCellDoubleClick(rowKey: string, columnId: string) {\n    if (this.updateItemDisabled) {\n      return;\n    }\n    const column = this._columnMap.get(columnId);\n    const resolved = column ? this.resolveCellTypeByColumnId(column.id) : null;\n    // Toggle-value cells (e.g. boolean) activate on single click, not double-click.\n    // Entering edit mode on double-click would apply the editing box-shadow\n    // without any EditComponent being shown, causing a visual border glitch.\n    if (resolved?.toggleValue || resolved?.showEditWhenFocused) {\n      return;\n    }\n    if (this.isCellEditable(rowKey, columnId)) {\n      this.cellInteraction.startEdit(rowKey, columnId, 'doubleClick');\n    }\n  }\n\n  sort = (\n    columnId: string,\n    {\n      forceDirection,\n      multiple,\n    }: { forceDirection?: SortOrder; multiple?: boolean } = {},\n  ) => {\n    this.collection.sort(\n      { id: columnId },\n      { forceDirection, clearResult: true, multiple },\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_bexCore","_ToolbarCollectionState","_TableState","_CellInteractionState","_CellValueState","_ClipboardState","_MutationState","_FieldActionsState","EditableTableState","constructor","params","_params$extraCellType","_params$permissions","_defineProperty2","default","ConditionalModalState","items","tableState","onAddItemActionComplete","columnId","forceDirection","multiple","collection","sort","id","clearResult","toolbar","ToolbarCollectionState","container","componentType","TableState","cellValue","CellValueState","Map","extraCellTypes","map","ct","type","cellInteraction","CellInteractionState","editingValue","cell","commitHandler","clipboard","ClipboardState","mutation","MutationState","mutations","createOptimisticActions","fieldActions","FieldActionsState","translate","permissions","showToast","makeObservable","addItemDisabled","observable","updateItemDisabled","removeItemDisabled","_allColumns","ref","editableColumns","computed","_columnMap","init","action","confirmDeleteItems","keyedItems","visibleColumns","itemsToRenderCount","c","_getKeyedItem","key","getKeyedItem","_toIndices","pos","row","findIndex","ki","rowKey","col","_toPosition","visibleIds","length","find","filter","undefined","columns","_buildCellTypeMap","addItem","afterItemKey","duplicateItem","deleteItems","rowKeys","t","deleteConfirmModal","open","theme","title","content","primaryButtonText","secondaryButtonText","primaryButtonOnClick","resolveCellTypeByColumnId","getCellDisplayValue","getCellValidation","isCellEditable","clearCells","cells","handleCellClick","shiftKey","isEditing","isCellEditing","commitEdit","get","res","editOnClick","val","focusCell","startEdit","column","resolved","toggleValue","showEditWhenFocused","value","selectionAnchor","selectRange","handleCellDoubleClick","exports"],"sources":["../../../../src/state/EditableTable/EditableTableState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport {\n  CollectionOptimisticActions,\n  CollectionState,\n  ConditionalModalState,\n  FiltersMap,\n  SortOrder,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport type { MessageModalLayoutProps } from '@wix/design-system';\nimport type { KeyedItem } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../ToolbarCollectionState';\nimport { TableState } from '../TableState';\nimport { ICollectionComponentState } from '../ICollectionComponentState';\nimport { CellInteractionState } from './CellInteractionState';\nimport { CellValueState } from './CellValueState';\nimport { ClipboardState } from './ClipboardState';\nimport { MutationState } from './MutationState';\nimport { FieldActionsState } from './FieldActionsState';\nimport type { EditableTableMutationHandlers } from './MutationState';\nimport type { Cell, CellType, EditableColumn, ValidationResult } from './types';\nimport type { FieldActions } from '../../types/SchemaConfig';\nimport type { FieldActionPermissions } from '../../components/FieldActions';\n\nexport type EditableTableFieldActionsPermissions = FieldActionPermissions;\n\nexport interface EditableTablePermissions {\n  addItemDisabled?: boolean;\n  updateItemDisabled?: boolean;\n  removeItemDisabled?: boolean;\n  fieldActions?: EditableTableFieldActionsPermissions;\n}\n\nexport interface EditableTableStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly container: WixPatternsContainer;\n  readonly toolbar?: ToolbarCollectionState<T, F>;\n  readonly permissions?: EditableTablePermissions;\n  readonly mutations: EditableTableMutationHandlers<T>;\n  readonly fieldActions?: FieldActions;\n  readonly createOptimisticActions: (\n    collection: CollectionState<T, F>,\n  ) => CollectionOptimisticActions<T, F>;\n  /**\n   * Additional cell types to register alongside the built-in ones.\n   * Augment `CellTypeConfigMap` to use these types on `EditableColumn.cellType`.\n   */\n  readonly extraCellTypes?: CellType[];\n}\n\nexport interface EditableTableStatePublicAPI<T, F extends FiltersMap> {\n  /** Underlying CollectionState instance */\n  readonly collection: CollectionState<T, F>;\n  /** Underlying ToolbarCollectionState instance */\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  /** Reset active filters & sorting and adds new items to the collection */\n  onAddItemActionComplete(items: T[]): void;\n  /** Sort by column */\n  sort: (\n    columnId: string,\n    params?: { forceDirection?: SortOrder; multiple?: boolean },\n  ) => void;\n}\n\nexport class EditableTableState<T, F extends FiltersMap>\n  implements ICollectionComponentState, EditableTableStatePublicAPI<T, F>\n{\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly tableState: TableState<T, F>;\n\n  readonly cellInteraction: CellInteractionState<T, F>;\n  readonly cellValue: CellValueState<T, F>;\n  readonly clipboard: ClipboardState<T, F>;\n  readonly mutation: MutationState<T, F>;\n  readonly deleteConfirmModal = new ConditionalModalState<\n    Partial<MessageModalLayoutProps>\n  >();\n  readonly fieldActions: FieldActionsState;\n\n  addItemDisabled = false;\n  updateItemDisabled = false;\n  removeItemDisabled = false;\n\n  _allColumns: EditableColumn<T>[] = [];\n\n  constructor(params: EditableTableStateParams<T, F>) {\n    this.toolbar =\n      params.toolbar ??\n      new ToolbarCollectionState({\n        collection: params.collection,\n        container: params.container,\n        componentType: 'EditableTable',\n      });\n\n    this.tableState = new TableState({\n      collection: params.collection,\n      container: params.container,\n      toolbar: this.toolbar,\n    });\n\n    this.cellValue = new CellValueState<T, F>(\n      this,\n      new Map(params.extraCellTypes?.map((ct) => [ct.type, ct])),\n    );\n\n    this.cellInteraction = new CellInteractionState<T, F>(\n      (editingValue, cell) => {\n        this.cellValue.commitHandler(editingValue, cell);\n      },\n      this,\n    );\n    this.clipboard = new ClipboardState<T, F>(this);\n    this.mutation = new MutationState<T, F>(\n      this,\n      params.mutations,\n      params.createOptimisticActions,\n    );\n    this.fieldActions = new FieldActionsState(\n      params.collection.translate,\n      params.fieldActions,\n      params.permissions?.fieldActions,\n      params.collection.showToast,\n    );\n\n    makeObservable(this, {\n      addItemDisabled: observable,\n      updateItemDisabled: observable,\n      removeItemDisabled: observable,\n      _allColumns: observable.ref,\n      editableColumns: computed,\n      _columnMap: computed,\n      init: action,\n      confirmDeleteItems: action,\n    });\n\n    if (params.permissions) {\n      this.addItemDisabled = params.permissions.addItemDisabled ?? false;\n      this.updateItemDisabled = params.permissions.updateItemDisabled ?? false;\n      this.removeItemDisabled = params.permissions.removeItemDisabled ?? false;\n    }\n  }\n\n  get collection() {\n    return this.tableState.collection;\n  }\n\n  get keyedItems() {\n    return this.tableState.keyedItems;\n  }\n\n  get visibleColumns() {\n    return this.tableState.visibleColumns;\n  }\n\n  get itemsToRenderCount() {\n    return this.tableState.itemsToRenderCount;\n  }\n\n  get _columnMap(): Map<string, EditableColumn<T>> {\n    return new Map(this._allColumns.map((c) => [c.id, c]));\n  }\n\n  _getKeyedItem(key: string): KeyedItem<T> | undefined | null {\n    return this.collection.getKeyedItem(key);\n  }\n\n  _toIndices(pos: Cell): { row: number; col: number } | null {\n    const row = this.keyedItems.findIndex((ki) => ki.key === pos.rowKey);\n    const col = this.editableColumns.findIndex((c) => c.id === pos.columnId);\n    return row === -1 || col === -1 ? null : { row, col };\n  }\n\n  _toPosition(row: number, col: number): Cell | null {\n    const ki = this.keyedItems[row];\n    const c = this.editableColumns[col];\n    return ki && c ? { rowKey: ki.key, columnId: c.id } : null;\n  }\n\n  onAddItemActionComplete = (items: T[]) => {\n    return this.tableState.onAddItemActionComplete(items);\n  };\n\n  get editableColumns(): EditableColumn<T>[] {\n    const visibleIds = this.visibleColumns.map((c) => c.id);\n    if (!visibleIds.length) {\n      return this._allColumns;\n    }\n    return visibleIds\n      .map((id) => this._allColumns.find((c) => c.id === id))\n      .filter((c): c is EditableColumn<T> => c !== undefined);\n  }\n\n  init(columns: EditableColumn<T>[]) {\n    this._allColumns = columns;\n    this.cellValue._buildCellTypeMap();\n    return this.mutation.init();\n  }\n\n  addItem(afterItemKey?: string): string {\n    return this.mutation.addItem(afterItemKey);\n  }\n\n  duplicateItem(rowKey: string) {\n    this.mutation.duplicateItem(rowKey);\n  }\n\n  deleteItems(rowKeys: string[]) {\n    this.mutation.deleteItems(rowKeys);\n  }\n\n  confirmDeleteItems(rowKeys: string[]) {\n    const { translate: t } = this.collection;\n    this.deleteConfirmModal.open({\n      theme: 'destructive',\n      title: t('cairo.deleteModal.title'),\n      content: t('cairo.deleteModal.body'),\n      primaryButtonText: t('cairo.delete.button'),\n      secondaryButtonText: t('cairo.cancel.button'),\n      primaryButtonOnClick: () => {\n        this.deleteItems(rowKeys);\n      },\n    });\n  }\n\n  resolveCellTypeByColumnId(columnId: string) {\n    return this.cellValue.resolveCellTypeByColumnId(columnId);\n  }\n\n  getCellDisplayValue(rowKey: string, columnId: string): any {\n    return this.cellValue.getCellDisplayValue(rowKey, columnId);\n  }\n\n  getCellValidation(rowKey: string, columnId: string): ValidationResult {\n    return this.cellValue.getCellValidation(rowKey, columnId);\n  }\n\n  isCellEditable(rowKey: string, columnId: string): boolean {\n    return this.cellValue.isCellEditable(rowKey, columnId);\n  }\n\n  clearCells(cells: Cell[]) {\n    this.cellValue.clearCells(cells);\n  }\n\n  handleCellClick(rowKey: string, columnId: string, shiftKey: boolean) {\n    if (this.cellInteraction.isEditing) {\n      if (this.cellInteraction.isCellEditing(rowKey, columnId)) {\n        // Click landed inside the active editor — let the editor handle it.\n        return;\n      }\n      // Shift-click while editing: ignore — extending a range selection during\n      // an active edit is not a meaningful action.\n      if (shiftKey) {\n        return;\n      }\n      // Plain click on a different cell: commit the edit and move focus.\n      this.cellInteraction.commitEdit();\n\n      // If the target cell wants edit-on-click, enter edit directly.\n      const col = this._columnMap.get(columnId);\n      const res = col ? this.resolveCellTypeByColumnId(col.id) : null;\n      if (res?.editOnClick) {\n        const val = this.getCellDisplayValue(rowKey, columnId);\n        if (res.editOnClick(val) && this.isCellEditable(rowKey, columnId)) {\n          this.cellInteraction.focusCell(rowKey, columnId);\n          this.cellInteraction.startEdit(rowKey, columnId, 'click');\n          return;\n        }\n      }\n\n      this.cellInteraction.focusCell(rowKey, columnId);\n      return;\n    }\n\n    const column = this._columnMap.get(columnId);\n    const resolved = column ? this.resolveCellTypeByColumnId(column.id) : null;\n    if (resolved?.toggleValue || resolved?.showEditWhenFocused) {\n      // Toggle/showEditWhenFocused cells: click focuses the cell and shows the\n      // EditComponent affordance. Keyboard navigation remains active.\n      this.cellInteraction.focusCell(rowKey, columnId);\n      return;\n    }\n\n    if (resolved?.editOnClick) {\n      const value = this.getCellDisplayValue(rowKey, columnId);\n      if (\n        resolved.editOnClick(value) &&\n        this.isCellEditable(rowKey, columnId)\n      ) {\n        this.cellInteraction.focusCell(rowKey, columnId);\n        this.cellInteraction.startEdit(rowKey, columnId, 'click');\n        return;\n      }\n    }\n\n    if (shiftKey && this.cellInteraction.selectionAnchor) {\n      this.cellInteraction.selectRange(this.cellInteraction.selectionAnchor, {\n        rowKey,\n        columnId,\n      });\n    } else {\n      this.cellInteraction.focusCell(rowKey, columnId);\n    }\n  }\n\n  handleCellDoubleClick(rowKey: string, columnId: string) {\n    if (this.updateItemDisabled) {\n      return;\n    }\n    const column = this._columnMap.get(columnId);\n    const resolved = column ? this.resolveCellTypeByColumnId(column.id) : null;\n    // Toggle-value cells (e.g. boolean) activate on single click, not double-click.\n    // Entering edit mode on double-click would apply the editing box-shadow\n    // without any EditComponent being shown, causing a visual border glitch.\n    if (resolved?.toggleValue || resolved?.showEditWhenFocused) {\n      return;\n    }\n    if (this.isCellEditable(rowKey, columnId)) {\n      this.cellInteraction.startEdit(rowKey, columnId, 'doubleClick');\n    }\n  }\n\n  sort = (\n    columnId: string,\n    {\n      forceDirection,\n      multiple,\n    }: { forceDirection?: SortOrder; multiple?: boolean } = {},\n  ) => {\n    this.collection.sort(\n      { id: columnId },\n      { forceDirection, clearResult: true, multiple },\n    );\n  };\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAUA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,qBAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,kBAAA,GAAAR,OAAA;AA8CO,MAAMS,kBAAkB,CAE/B;EAmBEC,WAAWA,CAACC,MAAsC,EAAE;IAAA,IAAAC,qBAAA,EAAAC,mBAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,8BAXtB,IAAIC,8BAAqB,CAErD,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,2BAGe,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA,8BACF,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA,8BACL,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA,uBAES,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA,mCA+FVE,KAAU,IAAK;MACxC,OAAO,IAAI,CAACC,UAAU,CAACC,uBAAuB,CAACF,KAAK,CAAC;IACvD,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,gBA8IM,CACLK,QAAgB,EAChB;MACEC,cAAc;MACdC;IACkD,CAAC,GAAG,CAAC,CAAC,KACvD;MACH,IAAI,CAACC,UAAU,CAACC,IAAI,CAClB;QAAEC,EAAE,EAAEL;MAAS,CAAC,EAChB;QAAEC,cAAc;QAAEK,WAAW,EAAE,IAAI;QAAEJ;MAAS,CAChD,CAAC;IACH,CAAC;IAvPC,IAAI,CAACK,OAAO,GACVhB,MAAM,CAACgB,OAAO,IACd,IAAIC,8CAAsB,CAAC;MACzBL,UAAU,EAAEZ,MAAM,CAACY,UAAU;MAC7BM,SAAS,EAAElB,MAAM,CAACkB,SAAS;MAC3BC,aAAa,EAAE;IACjB,CAAC,CAAC;IAEJ,IAAI,CAACZ,UAAU,GAAG,IAAIa,sBAAU,CAAC;MAC/BR,UAAU,EAAEZ,MAAM,CAACY,UAAU;MAC7BM,SAAS,EAAElB,MAAM,CAACkB,SAAS;MAC3BF,OAAO,EAAE,IAAI,CAACA;IAChB,CAAC,CAAC;IAEF,IAAI,CAACK,SAAS,GAAG,IAAIC,8BAAc,CACjC,IAAI,EACJ,IAAIC,GAAG,EAAAtB,qBAAA,GAACD,MAAM,CAACwB,cAAc,qBAArBvB,qBAAA,CAAuBwB,GAAG,CAAEC,EAAE,IAAK,CAACA,EAAE,CAACC,IAAI,EAAED,EAAE,CAAC,CAAC,CAC3D,CAAC;IAED,IAAI,CAACE,eAAe,GAAG,IAAIC,0CAAoB,CAC7C,CAACC,YAAY,EAAEC,IAAI,KAAK;MACtB,IAAI,CAACV,SAAS,CAACW,aAAa,CAACF,YAAY,EAAEC,IAAI,CAAC;IAClD,CAAC,EACD,IACF,CAAC;IACD,IAAI,CAACE,SAAS,GAAG,IAAIC,8BAAc,CAAO,IAAI,CAAC;IAC/C,IAAI,CAACC,QAAQ,GAAG,IAAIC,4BAAa,CAC/B,IAAI,EACJpC,MAAM,CAACqC,SAAS,EAChBrC,MAAM,CAACsC,uBACT,CAAC;IACD,IAAI,CAACC,YAAY,GAAG,IAAIC,oCAAiB,CACvCxC,MAAM,CAACY,UAAU,CAAC6B,SAAS,EAC3BzC,MAAM,CAACuC,YAAY,GAAArC,mBAAA,GACnBF,MAAM,CAAC0C,WAAW,qBAAlBxC,mBAAA,CAAoBqC,YAAY,EAChCvC,MAAM,CAACY,UAAU,CAAC+B,SACpB,CAAC;IAED,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,eAAe,EAAEC,gBAAU;MAC3BC,kBAAkB,EAAED,gBAAU;MAC9BE,kBAAkB,EAAEF,gBAAU;MAC9BG,WAAW,EAAEH,gBAAU,CAACI,GAAG;MAC3BC,eAAe,EAAEC,cAAQ;MACzBC,UAAU,EAAED,cAAQ;MACpBE,IAAI,EAAEC,YAAM;MACZC,kBAAkB,EAAED;IACtB,CAAC,CAAC;IAEF,IAAIvD,MAAM,CAAC0C,WAAW,EAAE;MACtB,IAAI,CAACG,eAAe,GAAG7C,MAAM,CAAC0C,WAAW,CAACG,eAAe,IAAI,KAAK;MAClE,IAAI,CAACE,kBAAkB,GAAG/C,MAAM,CAAC0C,WAAW,CAACK,kBAAkB,IAAI,KAAK;MACxE,IAAI,CAACC,kBAAkB,GAAGhD,MAAM,CAAC0C,WAAW,CAACM,kBAAkB,IAAI,KAAK;IAC1E;EACF;EAEA,IAAIpC,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACL,UAAU,CAACK,UAAU;EACnC;EAEA,IAAI6C,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAAClD,UAAU,CAACkD,UAAU;EACnC;EAEA,IAAIC,cAAcA,CAAA,EAAG;IACnB,OAAO,IAAI,CAACnD,UAAU,CAACmD,cAAc;EACvC;EAEA,IAAIC,kBAAkBA,CAAA,EAAG;IACvB,OAAO,IAAI,CAACpD,UAAU,CAACoD,kBAAkB;EAC3C;EAEA,IAAIN,UAAUA,CAAA,EAAmC;IAC/C,OAAO,IAAI9B,GAAG,CAAC,IAAI,CAAC0B,WAAW,CAACxB,GAAG,CAAEmC,CAAC,IAAK,CAACA,CAAC,CAAC9C,EAAE,EAAE8C,CAAC,CAAC,CAAC,CAAC;EACxD;EAEAC,aAAaA,CAACC,GAAW,EAAmC;IAC1D,OAAO,IAAI,CAAClD,UAAU,CAACmD,YAAY,CAACD,GAAG,CAAC;EAC1C;EAEAE,UAAUA,CAACC,GAAS,EAAuC;IACzD,MAAMC,GAAG,GAAG,IAAI,CAACT,UAAU,CAACU,SAAS,CAAEC,EAAE,IAAKA,EAAE,CAACN,GAAG,KAAKG,GAAG,CAACI,MAAM,CAAC;IACpE,MAAMC,GAAG,GAAG,IAAI,CAACnB,eAAe,CAACgB,SAAS,CAAEP,CAAC,IAAKA,CAAC,CAAC9C,EAAE,KAAKmD,GAAG,CAACxD,QAAQ,CAAC;IACxE,OAAOyD,GAAG,KAAK,CAAC,CAAC,IAAII,GAAG,KAAK,CAAC,CAAC,GAAG,IAAI,GAAG;MAAEJ,GAAG;MAAEI;IAAI,CAAC;EACvD;EAEAC,WAAWA,CAACL,GAAW,EAAEI,GAAW,EAAe;IACjD,MAAMF,EAAE,GAAG,IAAI,CAACX,UAAU,CAACS,GAAG,CAAC;IAC/B,MAAMN,CAAC,GAAG,IAAI,CAACT,eAAe,CAACmB,GAAG,CAAC;IACnC,OAAOF,EAAE,IAAIR,CAAC,GAAG;MAAES,MAAM,EAAED,EAAE,CAACN,GAAG;MAAErD,QAAQ,EAAEmD,CAAC,CAAC9C;IAAG,CAAC,GAAG,IAAI;EAC5D;EAMA,IAAIqC,eAAeA,CAAA,EAAwB;IACzC,MAAMqB,UAAU,GAAG,IAAI,CAACd,cAAc,CAACjC,GAAG,CAAEmC,CAAC,IAAKA,CAAC,CAAC9C,EAAE,CAAC;IACvD,IAAI,CAAC0D,UAAU,CAACC,MAAM,EAAE;MACtB,OAAO,IAAI,CAACxB,WAAW;IACzB;IACA,OAAOuB,UAAU,CACd/C,GAAG,CAAEX,EAAE,IAAK,IAAI,CAACmC,WAAW,CAACyB,IAAI,CAAEd,CAAC,IAAKA,CAAC,CAAC9C,EAAE,KAAKA,EAAE,CAAC,CAAC,CACtD6D,MAAM,CAAEf,CAAC,IAA6BA,CAAC,KAAKgB,SAAS,CAAC;EAC3D;EAEAtB,IAAIA,CAACuB,OAA4B,EAAE;IACjC,IAAI,CAAC5B,WAAW,GAAG4B,OAAO;IAC1B,IAAI,CAACxD,SAAS,CAACyD,iBAAiB,CAAC,CAAC;IAClC,OAAO,IAAI,CAAC3C,QAAQ,CAACmB,IAAI,CAAC,CAAC;EAC7B;EAEAyB,OAAOA,CAACC,YAAqB,EAAU;IACrC,OAAO,IAAI,CAAC7C,QAAQ,CAAC4C,OAAO,CAACC,YAAY,CAAC;EAC5C;EAEAC,aAAaA,CAACZ,MAAc,EAAE;IAC5B,IAAI,CAAClC,QAAQ,CAAC8C,aAAa,CAACZ,MAAM,CAAC;EACrC;EAEAa,WAAWA,CAACC,OAAiB,EAAE;IAC7B,IAAI,CAAChD,QAAQ,CAAC+C,WAAW,CAACC,OAAO,CAAC;EACpC;EAEA3B,kBAAkBA,CAAC2B,OAAiB,EAAE;IACpC,MAAM;MAAE1C,SAAS,EAAE2C;IAAE,CAAC,GAAG,IAAI,CAACxE,UAAU;IACxC,IAAI,CAACyE,kBAAkB,CAACC,IAAI,CAAC;MAC3BC,KAAK,EAAE,aAAa;MACpBC,KAAK,EAAEJ,CAAC,CAAC,yBAAyB,CAAC;MACnCK,OAAO,EAAEL,CAAC,CAAC,wBAAwB,CAAC;MACpCM,iBAAiB,EAAEN,CAAC,CAAC,qBAAqB,CAAC;MAC3CO,mBAAmB,EAAEP,CAAC,CAAC,qBAAqB,CAAC;MAC7CQ,oBAAoB,EAAEA,CAAA,KAAM;QAC1B,IAAI,CAACV,WAAW,CAACC,OAAO,CAAC;MAC3B;IACF,CAAC,CAAC;EACJ;EAEAU,yBAAyBA,CAACpF,QAAgB,EAAE;IAC1C,OAAO,IAAI,CAACY,SAAS,CAACwE,yBAAyB,CAACpF,QAAQ,CAAC;EAC3D;EAEAqF,mBAAmBA,CAACzB,MAAc,EAAE5D,QAAgB,EAAO;IACzD,OAAO,IAAI,CAACY,SAAS,CAACyE,mBAAmB,CAACzB,MAAM,EAAE5D,QAAQ,CAAC;EAC7D;EAEAsF,iBAAiBA,CAAC1B,MAAc,EAAE5D,QAAgB,EAAoB;IACpE,OAAO,IAAI,CAACY,SAAS,CAAC0E,iBAAiB,CAAC1B,MAAM,EAAE5D,QAAQ,CAAC;EAC3D;EAEAuF,cAAcA,CAAC3B,MAAc,EAAE5D,QAAgB,EAAW;IACxD,OAAO,IAAI,CAACY,SAAS,CAAC2E,cAAc,CAAC3B,MAAM,EAAE5D,QAAQ,CAAC;EACxD;EAEAwF,UAAUA,CAACC,KAAa,EAAE;IACxB,IAAI,CAAC7E,SAAS,CAAC4E,UAAU,CAACC,KAAK,CAAC;EAClC;EAEAC,eAAeA,CAAC9B,MAAc,EAAE5D,QAAgB,EAAE2F,QAAiB,EAAE;IACnE,IAAI,IAAI,CAACxE,eAAe,CAACyE,SAAS,EAAE;MAClC,IAAI,IAAI,CAACzE,eAAe,CAAC0E,aAAa,CAACjC,MAAM,EAAE5D,QAAQ,CAAC,EAAE;QACxD;QACA;MACF;MACA;MACA;MACA,IAAI2F,QAAQ,EAAE;QACZ;MACF;MACA;MACA,IAAI,CAACxE,eAAe,CAAC2E,UAAU,CAAC,CAAC;;MAEjC;MACA,MAAMjC,GAAG,GAAG,IAAI,CAACjB,UAAU,CAACmD,GAAG,CAAC/F,QAAQ,CAAC;MACzC,MAAMgG,GAAG,GAAGnC,GAAG,GAAG,IAAI,CAACuB,yBAAyB,CAACvB,GAAG,CAACxD,EAAE,CAAC,GAAG,IAAI;MAC/D,IAAI2F,GAAG,YAAHA,GAAG,CAAEC,WAAW,EAAE;QACpB,MAAMC,GAAG,GAAG,IAAI,CAACb,mBAAmB,CAACzB,MAAM,EAAE5D,QAAQ,CAAC;QACtD,IAAIgG,GAAG,CAACC,WAAW,CAACC,GAAG,CAAC,IAAI,IAAI,CAACX,cAAc,CAAC3B,MAAM,EAAE5D,QAAQ,CAAC,EAAE;UACjE,IAAI,CAACmB,eAAe,CAACgF,SAAS,CAACvC,MAAM,EAAE5D,QAAQ,CAAC;UAChD,IAAI,CAACmB,eAAe,CAACiF,SAAS,CAACxC,MAAM,EAAE5D,QAAQ,EAAE,OAAO,CAAC;UACzD;QACF;MACF;MAEA,IAAI,CAACmB,eAAe,CAACgF,SAAS,CAACvC,MAAM,EAAE5D,QAAQ,CAAC;MAChD;IACF;IAEA,MAAMqG,MAAM,GAAG,IAAI,CAACzD,UAAU,CAACmD,GAAG,CAAC/F,QAAQ,CAAC;IAC5C,MAAMsG,QAAQ,GAAGD,MAAM,GAAG,IAAI,CAACjB,yBAAyB,CAACiB,MAAM,CAAChG,EAAE,CAAC,GAAG,IAAI;IAC1E,IAAIiG,QAAQ,YAARA,QAAQ,CAAEC,WAAW,IAAID,QAAQ,YAARA,QAAQ,CAAEE,mBAAmB,EAAE;MAC1D;MACA;MACA,IAAI,CAACrF,eAAe,CAACgF,SAAS,CAACvC,MAAM,EAAE5D,QAAQ,CAAC;MAChD;IACF;IAEA,IAAIsG,QAAQ,YAARA,QAAQ,CAAEL,WAAW,EAAE;MACzB,MAAMQ,KAAK,GAAG,IAAI,CAACpB,mBAAmB,CAACzB,MAAM,EAAE5D,QAAQ,CAAC;MACxD,IACEsG,QAAQ,CAACL,WAAW,CAACQ,KAAK,CAAC,IAC3B,IAAI,CAAClB,cAAc,CAAC3B,MAAM,EAAE5D,QAAQ,CAAC,EACrC;QACA,IAAI,CAACmB,eAAe,CAACgF,SAAS,CAACvC,MAAM,EAAE5D,QAAQ,CAAC;QAChD,IAAI,CAACmB,eAAe,CAACiF,SAAS,CAACxC,MAAM,EAAE5D,QAAQ,EAAE,OAAO,CAAC;QACzD;MACF;IACF;IAEA,IAAI2F,QAAQ,IAAI,IAAI,CAACxE,eAAe,CAACuF,eAAe,EAAE;MACpD,IAAI,CAACvF,eAAe,CAACwF,WAAW,CAAC,IAAI,CAACxF,eAAe,CAACuF,eAAe,EAAE;QACrE9C,MAAM;QACN5D;MACF,CAAC,CAAC;IACJ,CAAC,MAAM;MACL,IAAI,CAACmB,eAAe,CAACgF,SAAS,CAACvC,MAAM,EAAE5D,QAAQ,CAAC;IAClD;EACF;EAEA4G,qBAAqBA,CAAChD,MAAc,EAAE5D,QAAgB,EAAE;IACtD,IAAI,IAAI,CAACsC,kBAAkB,EAAE;MAC3B;IACF;IACA,MAAM+D,MAAM,GAAG,IAAI,CAACzD,UAAU,CAACmD,GAAG,CAAC/F,QAAQ,CAAC;IAC5C,MAAMsG,QAAQ,GAAGD,MAAM,GAAG,IAAI,CAACjB,yBAAyB,CAACiB,MAAM,CAAChG,EAAE,CAAC,GAAG,IAAI;IAC1E;IACA;IACA;IACA,IAAIiG,QAAQ,YAARA,QAAQ,CAAEC,WAAW,IAAID,QAAQ,YAARA,QAAQ,CAAEE,mBAAmB,EAAE;MAC1D;IACF;IACA,IAAI,IAAI,CAACjB,cAAc,CAAC3B,MAAM,EAAE5D,QAAQ,CAAC,EAAE;MACzC,IAAI,CAACmB,eAAe,CAACiF,SAAS,CAACxC,MAAM,EAAE5D,QAAQ,EAAE,aAAa,CAAC;IACjE;EACF;AAcF;AAAC6G,OAAA,CAAAxH,kBAAA,GAAAA,kBAAA","ignoreList":[]}

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

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

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

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

package/dist/cjs/state/ViewTypeState.js

@@ -43,8 +43,9 @@ class ViewTypeState {
     }
   }
   changeViewType(newViewType) {
+    var _this$container$inter;
     if (!this.options.length) return;
-    const isLayoutToggleRedesignEnabled = this.container.experiments.enabled('specs.cairo.layout-toggle.redesign');
+    const isLayoutToggleRedesignEnabled = (_this$container$inter = this.container.internalExperiments) == null ? void 0 : _this$container$inter.enabled('specs.cairo.layout-toggle.redesign');
     if (!isLayoutToggleRedesignEnabled) {
       var _this$collection;
       this.container.reportBi((0, _bi.cairoSectionCtaClicked)({

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_bi","_mobx","ViewTypeState","constructor","params","_defineProperty2","default","TaskState","container","dataCapsule","componentType","collection","options","makeObservable","viewType","observable","ref","changeViewType","action","bound","init","initTask","runOnce","_getViewTypeFromStorage","res","getItem","runInAction","length","includes","err","errorMonitor","captureException","newViewType","isLayoutToggleRedesignEnabled","experiments","enabled","_this$collection","reportBi","cairoSectionCtaClicked","ctaType","loaction","location","sectionType","ctaName","_commonDynamicBiParams","setItem","reportLayoutSwitch","_this$collection2","withoutDefaults","cairoFiltersPanelUsed","feature","reportLayoutOptionClicked","option","index","_this$collection3","cairoCtaClicked","itemId","itemIndex","exports"],"sources":["../../../src/state/ViewTypeState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  TaskState,\n  CollectionState,\n  withoutDefaults,\n} from '@wix/bex-core';\nimport {\n  cairoSectionCtaClicked,\n  cairoFiltersPanelUsed,\n  cairoCtaClicked,\n} from '@wix/bex-core/bi';\nimport type { Essentials } from '@wix/fe-essentials/core';\nimport { action, makeObservable, observable, runInAction } from 'mobx';\n\nexport interface ViewTypeStateParams {\n  readonly container: WixPatternsContainer;\n  readonly dataCapsule: Essentials['dataCapsule'];\n  readonly componentType: string;\n  readonly collection?: CollectionState<any, any>;\n  readonly options: ViewType[];\n}\nexport type ViewType = 'table' | 'grid' | 'spreadsheet';\n\nexport class ViewTypeState {\n  viewType: ViewType = 'table';\n  readonly options: ViewType[];\n  readonly container;\n  readonly dataCapsule;\n  readonly componentType;\n  readonly collection;\n  readonly initTask = new TaskState();\n  constructor(params: ViewTypeStateParams) {\n    this.container = params.container;\n    this.dataCapsule = params.dataCapsule;\n    this.componentType = params.componentType;\n    this.collection = params.collection;\n    this.options = params.options;\n\n    makeObservable(this, {\n      viewType: observable.ref,\n      changeViewType: action.bound,\n    });\n  }\n\n  init() {\n    this.initTask.runOnce(async () => {\n      await this._getViewTypeFromStorage();\n    });\n  }\n\n  async _getViewTypeFromStorage() {\n    try {\n      const res = (await this.dataCapsule.getItem('view-type')) as ViewType;\n      runInAction(() => {\n        if (!this.options.length) return;\n        this.viewType = this.options.includes(res) ? res : this.options[0]!;\n      });\n    } catch (err) {\n      this.container.errorMonitor.captureException(err);\n    }\n  }\n\n  changeViewType(newViewType: ViewType) {\n    if (!this.options.length) return;\n\n    const isLayoutToggleRedesignEnabled = this.container.experiments.enabled(\n      'specs.cairo.layout-toggle.redesign',\n    );\n\n    if (!isLayoutToggleRedesignEnabled) {\n      this.container.reportBi(\n        cairoSectionCtaClicked({\n          ctaType: 'More actions',\n          loaction: 'Collection Toolbar',\n          location: 'Collection Toolbar',\n          componentType: this.componentType,\n          sectionType: this.viewType,\n          ctaName: `layout switch to ${newViewType}`,\n          ...this.collection?._commonDynamicBiParams(),\n        }),\n      );\n    }\n\n    this.viewType = this.options.includes(newViewType)\n      ? newViewType\n      : this.options[0]!;\n    this.dataCapsule.setItem('view-type', this.viewType);\n  }\n\n  reportLayoutSwitch() {\n    this.container.reportBi(\n      withoutDefaults(cairoFiltersPanelUsed)({\n        ...this.collection?._commonDynamicBiParams(),\n        feature: 'Switch Layout',\n      }),\n    );\n  }\n\n  reportLayoutOptionClicked(option: ViewType, index: number) {\n    this.container.reportBi(\n      withoutDefaults(cairoCtaClicked)({\n        ...this.collection?._commonDynamicBiParams(),\n        ctaName: option,\n        location: 'switch_layout_dropdown',\n        itemId: option,\n        itemIndex: index,\n      }),\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_bi","_mobx","ViewTypeState","constructor","params","_defineProperty2","default","TaskState","container","dataCapsule","componentType","collection","options","makeObservable","viewType","observable","ref","changeViewType","action","bound","init","initTask","runOnce","_getViewTypeFromStorage","res","getItem","runInAction","length","includes","err","errorMonitor","captureException","newViewType","_this$container$inter","isLayoutToggleRedesignEnabled","internalExperiments","enabled","_this$collection","reportBi","cairoSectionCtaClicked","ctaType","loaction","location","sectionType","ctaName","_commonDynamicBiParams","setItem","reportLayoutSwitch","_this$collection2","withoutDefaults","cairoFiltersPanelUsed","feature","reportLayoutOptionClicked","option","index","_this$collection3","cairoCtaClicked","itemId","itemIndex","exports"],"sources":["../../../src/state/ViewTypeState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  TaskState,\n  CollectionState,\n  withoutDefaults,\n} from '@wix/bex-core';\nimport {\n  cairoSectionCtaClicked,\n  cairoFiltersPanelUsed,\n  cairoCtaClicked,\n} from '@wix/bex-core/bi';\nimport type { Essentials } from '@wix/fe-essentials/core';\nimport { action, makeObservable, observable, runInAction } from 'mobx';\n\nexport interface ViewTypeStateParams {\n  readonly container: WixPatternsContainer;\n  readonly dataCapsule: Essentials['dataCapsule'];\n  readonly componentType: string;\n  readonly collection?: CollectionState<any, any>;\n  readonly options: ViewType[];\n}\nexport type ViewType = 'table' | 'grid' | 'spreadsheet';\n\nexport class ViewTypeState {\n  viewType: ViewType = 'table';\n  readonly options: ViewType[];\n  readonly container;\n  readonly dataCapsule;\n  readonly componentType;\n  readonly collection;\n  readonly initTask = new TaskState();\n  constructor(params: ViewTypeStateParams) {\n    this.container = params.container;\n    this.dataCapsule = params.dataCapsule;\n    this.componentType = params.componentType;\n    this.collection = params.collection;\n    this.options = params.options;\n\n    makeObservable(this, {\n      viewType: observable.ref,\n      changeViewType: action.bound,\n    });\n  }\n\n  init() {\n    this.initTask.runOnce(async () => {\n      await this._getViewTypeFromStorage();\n    });\n  }\n\n  async _getViewTypeFromStorage() {\n    try {\n      const res = (await this.dataCapsule.getItem('view-type')) as ViewType;\n      runInAction(() => {\n        if (!this.options.length) return;\n        this.viewType = this.options.includes(res) ? res : this.options[0]!;\n      });\n    } catch (err) {\n      this.container.errorMonitor.captureException(err);\n    }\n  }\n\n  changeViewType(newViewType: ViewType) {\n    if (!this.options.length) return;\n\n    const isLayoutToggleRedesignEnabled =\n      this.container.internalExperiments?.enabled(\n        'specs.cairo.layout-toggle.redesign',\n      );\n\n    if (!isLayoutToggleRedesignEnabled) {\n      this.container.reportBi(\n        cairoSectionCtaClicked({\n          ctaType: 'More actions',\n          loaction: 'Collection Toolbar',\n          location: 'Collection Toolbar',\n          componentType: this.componentType,\n          sectionType: this.viewType,\n          ctaName: `layout switch to ${newViewType}`,\n          ...this.collection?._commonDynamicBiParams(),\n        }),\n      );\n    }\n\n    this.viewType = this.options.includes(newViewType)\n      ? newViewType\n      : this.options[0]!;\n    this.dataCapsule.setItem('view-type', this.viewType);\n  }\n\n  reportLayoutSwitch() {\n    this.container.reportBi(\n      withoutDefaults(cairoFiltersPanelUsed)({\n        ...this.collection?._commonDynamicBiParams(),\n        feature: 'Switch Layout',\n      }),\n    );\n  }\n\n  reportLayoutOptionClicked(option: ViewType, index: number) {\n    this.container.reportBi(\n      withoutDefaults(cairoCtaClicked)({\n        ...this.collection?._commonDynamicBiParams(),\n        ctaName: option,\n        location: 'switch_layout_dropdown',\n        itemId: option,\n        itemIndex: index,\n      }),\n    );\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAMA,IAAAC,GAAA,GAAAD,OAAA;AAMA,IAAAE,KAAA,GAAAF,OAAA;AAWO,MAAMG,aAAa,CAAC;EAQzBC,WAAWA,CAACC,MAA2B,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,oBAPpB,OAAO;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBAMR,IAAIC,kBAAS,CAAC,CAAC;IAEjC,IAAI,CAACC,SAAS,GAAGJ,MAAM,CAACI,SAAS;IACjC,IAAI,CAACC,WAAW,GAAGL,MAAM,CAACK,WAAW;IACrC,IAAI,CAACC,aAAa,GAAGN,MAAM,CAACM,aAAa;IACzC,IAAI,CAACC,UAAU,GAAGP,MAAM,CAACO,UAAU;IACnC,IAAI,CAACC,OAAO,GAAGR,MAAM,CAACQ,OAAO;IAE7B,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,QAAQ,EAAEC,gBAAU,CAACC,GAAG;MACxBC,cAAc,EAAEC,YAAM,CAACC;IACzB,CAAC,CAAC;EACJ;EAEAC,IAAIA,CAAA,EAAG;IACL,IAAI,CAACC,QAAQ,CAACC,OAAO,CAAC,YAAY;MAChC,MAAM,IAAI,CAACC,uBAAuB,CAAC,CAAC;IACtC,CAAC,CAAC;EACJ;EAEA,MAAMA,uBAAuBA,CAAA,EAAG;IAC9B,IAAI;MACF,MAAMC,GAAG,GAAI,MAAM,IAAI,CAACf,WAAW,CAACgB,OAAO,CAAC,WAAW,CAAc;MACrE,IAAAC,iBAAW,EAAC,MAAM;QAChB,IAAI,CAAC,IAAI,CAACd,OAAO,CAACe,MAAM,EAAE;QAC1B,IAAI,CAACb,QAAQ,GAAG,IAAI,CAACF,OAAO,CAACgB,QAAQ,CAACJ,GAAG,CAAC,GAAGA,GAAG,GAAG,IAAI,CAACZ,OAAO,CAAC,CAAC,CAAE;MACrE,CAAC,CAAC;IACJ,CAAC,CAAC,OAAOiB,GAAG,EAAE;MACZ,IAAI,CAACrB,SAAS,CAACsB,YAAY,CAACC,gBAAgB,CAACF,GAAG,CAAC;IACnD;EACF;EAEAZ,cAAcA,CAACe,WAAqB,EAAE;IAAA,IAAAC,qBAAA;IACpC,IAAI,CAAC,IAAI,CAACrB,OAAO,CAACe,MAAM,EAAE;IAE1B,MAAMO,6BAA6B,IAAAD,qBAAA,GACjC,IAAI,CAACzB,SAAS,CAAC2B,mBAAmB,qBAAlCF,qBAAA,CAAoCG,OAAO,CACzC,oCACF,CAAC;IAEH,IAAI,CAACF,6BAA6B,EAAE;MAAA,IAAAG,gBAAA;MAClC,IAAI,CAAC7B,SAAS,CAAC8B,QAAQ,CACrB,IAAAC,0BAAsB,EAAC;QACrBC,OAAO,EAAE,cAAc;QACvBC,QAAQ,EAAE,oBAAoB;QAC9BC,QAAQ,EAAE,oBAAoB;QAC9BhC,aAAa,EAAE,IAAI,CAACA,aAAa;QACjCiC,WAAW,EAAE,IAAI,CAAC7B,QAAQ;QAC1B8B,OAAO,EAAE,oBAAoBZ,WAAW,EAAE;QAC1C,KAAAK,gBAAA,GAAG,IAAI,CAAC1B,UAAU,qBAAf0B,gBAAA,CAAiBQ,sBAAsB,CAAC,CAAC;MAC9C,CAAC,CACH,CAAC;IACH;IAEA,IAAI,CAAC/B,QAAQ,GAAG,IAAI,CAACF,OAAO,CAACgB,QAAQ,CAACI,WAAW,CAAC,GAC9CA,WAAW,GACX,IAAI,CAACpB,OAAO,CAAC,CAAC,CAAE;IACpB,IAAI,CAACH,WAAW,CAACqC,OAAO,CAAC,WAAW,EAAE,IAAI,CAAChC,QAAQ,CAAC;EACtD;EAEAiC,kBAAkBA,CAAA,EAAG;IAAA,IAAAC,iBAAA;IACnB,IAAI,CAACxC,SAAS,CAAC8B,QAAQ,CACrB,IAAAW,wBAAe,EAACC,yBAAqB,CAAC,CAAC;MACrC,KAAAF,iBAAA,GAAG,IAAI,CAACrC,UAAU,qBAAfqC,iBAAA,CAAiBH,sBAAsB,CAAC,CAAC;MAC5CM,OAAO,EAAE;IACX,CAAC,CACH,CAAC;EACH;EAEAC,yBAAyBA,CAACC,MAAgB,EAAEC,KAAa,EAAE;IAAA,IAAAC,iBAAA;IACzD,IAAI,CAAC/C,SAAS,CAAC8B,QAAQ,CACrB,IAAAW,wBAAe,EAACO,mBAAe,CAAC,CAAC;MAC/B,KAAAD,iBAAA,GAAG,IAAI,CAAC5C,UAAU,qBAAf4C,iBAAA,CAAiBV,sBAAsB,CAAC,CAAC;MAC5CD,OAAO,EAAES,MAAM;MACfX,QAAQ,EAAE,wBAAwB;MAClCe,MAAM,EAAEJ,MAAM;MACdK,SAAS,EAAEJ;IACb,CAAC,CACH,CAAC;EACH;AACF;AAACK,OAAA,CAAAzD,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/cjs/styles.global.css

@@ -1 +1 @@
-.CardContainer988462048__root.CardContainer988462048--mobile{border-radius:0}.Collapse3162906042__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3162906042__exit{height:0}.CollectionPage1024469680__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1024469680__root.CollectionPage1024469680--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1024469680__root.CollectionPage1024469680--panel{overflow:hidden;position:relative}.CollectionSectionHeader2912199008__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable514783495__root td{vertical-align:middle}.CollectionTable514783495__root.CollectionTable514783495--mobile td:first-child{padding-left:18px}.CollectionTable514783495__root.CollectionTable514783495--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable1917119710__root.CollectionTableWSRTable1917119710--resizable table{min-width:100%}.CollectionTableWSRTable1917119710__root.CollectionTableWSRTable1917119710--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar3575638398__left{min-width:0}.CollectionToolbar3575638398__left.CollectionToolbar3575638398--expandable{flex:auto}.CollectionToolbar3575638398__left.CollectionToolbar3575638398--title>*{width:100%}.CollectionToolbar3575638398__root.CollectionToolbar3575638398---responsiveMode-5-title .CollectionToolbar3575638398__left{flex:1 100;min-width:50px}.CollectionToolbar3575638398__root.CollectionToolbar3575638398---responsiveMode-4-tabs .CollectionToolbar3575638398__left,.CollectionToolbar3575638398__root.CollectionToolbar3575638398---responsiveMode-4-tabs .CollectionToolbar3575638398__left.CollectionToolbar3575638398--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3575638398__root.CollectionToolbar3575638398---responsiveMode-4-tabs .CollectionToolbar3575638398__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3575638398__root .CollectionToolbar3575638398__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3575638398__root.CollectionToolbar3575638398--views .CollectionToolbar3575638398__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3575638398__root.CollectionToolbar3575638398---responsiveMode-4-tabs .CollectionToolbar3575638398__right,.CollectionToolbar3575638398__root.CollectionToolbar3575638398---responsiveMode-5-title .CollectionToolbar3575638398__right{flex:0 1 auto;min-width:0}.CollectionToolbar3575638398__root .CollectionToolbar3575638398__right.CollectionToolbar3575638398__fullWidth{margin-inline-start:0!important}.CollectionToolbar3575638398__root.CollectionToolbar3575638398--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter131580175__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter131580175__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter131580175__searchMobile:not(.SearchOrCustomFilter131580175--expandable){left:18px}.SearchOrCustomFilter131580175__searchMobile.SearchOrCustomFilter131580175--expandable.SearchOrCustomFilter131580175--expanded{left:18px}.AutoCompleteReadonly2032414307__root.AutoCompleteReadonly2032414307--disableEditing{cursor:pointer}.AutoCompleteReadonly2032414307__root.AutoCompleteReadonly2032414307--disableEditing input{cursor:pointer}.ViewsDropdown2270594407__root{width:200px}.DragHandle4002117985__root{display:flex;align-items:center}.DragHandle4002117985__root:not(.DragHandle4002117985--disabled){cursor:grab;color:#a8caff}.DragHandle4002117985__root.DragHandle4002117985--disabled{color:#acafc4}.DragHandle4002117985__root:focus-visible:not(.DragHandle4002117985--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4002117985__root.DragHandle4002117985--disabled{pointer-events:none}.DragHandle4002117985__root.DragHandle4002117985--dragging:not(.DragHandle4002117985--disabled){cursor:grabbing}td:has(>.EditableCell803715283__root){position:relative;overflow:visible;min-height:24px}.EditableCell803715283__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell803715283__root.EditableCell803715283--selected{background:rgba(56,153,236,.08)}.EditableCell803715283__root.EditableCell803715283--focused:not(.EditableCell803715283--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell803715283__root.EditableCell803715283--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell803715283__root.EditableCell803715283--editing:not(.EditableCell803715283--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell803715283__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--selectionTop:not(.EditableCell803715283--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--selectionBottom:not(.EditableCell803715283--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--selectionLeft:not(.EditableCell803715283--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--selectionRight:not(.EditableCell803715283--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--selectionTop.EditableCell803715283--editing.EditableCell803715283--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--selectionBottom.EditableCell803715283--editing.EditableCell803715283--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--selectionLeft.EditableCell803715283--editing.EditableCell803715283--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--selectionRight.EditableCell803715283--editing.EditableCell803715283--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--invalid:not(.EditableCell803715283--editing){background:rgba(229,0,77,.06)}.EditableCell803715283__root.EditableCell803715283--copiedTop:not(.EditableCell803715283--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--copiedBottom:not(.EditableCell803715283--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--copiedLeft:not(.EditableCell803715283--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell803715283__root.EditableCell803715283--copiedRight:not(.EditableCell803715283--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell803715283__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover3127711114__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3127711114__root,.HeaderActionsPopover3127711114__root[data-menu-open=true],.HeaderActionsPopover3127711114__root:focus-within{opacity:1}.CellViewLayout3312877165__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3312877165__root>*{flex:1;min-width:0}.Edit2776254426__booleanEdit{display:flex;align-items:center;margin-left:12px}.View4114941033__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit3429442494__dateInput{width:100%;margin-left:-1px}.Edit1006158419__emailInput{width:100%;margin-left:-1px}.Edit965030182__numberInput{width:100%;margin-right:2px}.Edit965030182__numberInput input{text-align:right;direction:ltr}.View3688489890__textView{width:100%;text-align:right}.Edit3951623597__jsonInput{width:100%;margin-left:-1px}.Edit2922566316__selectInput{width:100%}.Edit3631019675__editWrapper{width:100%}.Edit3631019675__inputArea{background-color:transparent;width:100%}.Edit3631019675__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3631019675__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit3631019675__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3631019675__inputArea:not(.Edit3631019675--isFocused) textarea{resize:none;overflow:hidden}.Edit3631019675__inputArea:not(.Edit3631019675--isFocused) textarea::-webkit-scrollbar{display:none}.Edit12899331__urlInput{width:100%;margin-left:-1px}.View4010175339__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View4010175339__urlText{flex:1;min-width:0}.View4010175339__suffix{flex-shrink:0;margin-left:10px}.View4010175339__textView.View4010175339--suffixOnHover:not(:hover) .View4010175339__suffix{display:none}.EntityPagePlain2448199716__root.EntityPagePlain2448199716--mobile{--wds-page-header-padding-horizontal:0}.Fade1226526525__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1226526525__root.Fade1226526525--exit{opacity:0}.Heading792149032__root{visibility:visible}.Heading792149032__root.Heading792149032--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload968191329__fileUpload{width:100%}.InputOverflow1320484629__root.InputOverflow1320484629--selected:not(.InputOverflow1320484629--focused) input::placeholder{color:#000624}@keyframes LoadingRow3245248635__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow3245248635__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow3245248635__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3322076923__root{opacity:1}.MaxHeightText3322076923__root.MaxHeightText3322076923--height24{line-height:24px}.MaxLines2622668461__root{overflow:hidden}.MaxLines2622668461__root.MaxLines2622668461--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2004420357__root{min-width:0}.MultiBulkActionToolbar2004420357__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2004420357__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2004420357__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2314408814__root td{padding:0!important;width:100%}.NestedTableRow243176605__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow243176605__root:hover{background-color:#e7f0ff!important}.NestedTableRow243176605__root.NestedTableRow243176605--expandable{cursor:pointer}.NestedTableRow243176605__placeholder td{padding:0!important;width:100%}.NestedTableRow243176605__root:hover td:first-of-type::before,.NestedTableRow243176605__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1187787588__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow2502233952__root.NestedTableDragAndDropRow2502233952--draggingInto td{background-color:#e7f0ff!important}.PickerContent598036271__root{display:flex}.PickerContentAdditionalStep3052386100__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3052386100__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2203869509__root{box-sizing:border-box}.ScrollableContent2595996095__root.ScrollableContent2595996095--overflowY{overflow-y:auto}.ScrollableContent2595996095__root.ScrollableContent2595996095--overflowX{overflow-x:auto}.ScrollableContent2595996095__root.ScrollableContent2595996095--smooth{scroll-behavior:smooth}.SkeletonCard2981327515__headerLoading{display:block!important}.SlidingModal2908664491__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2908664491__root.SlidingModal2908664491--overlay{transition:transform 0s ease 0s}.SlidingModal2908664491__root.SlidingModal2908664491---appendTo-6-parent{position:absolute}.SlidingModal2908664491__root:not(.SlidingModal2908664491--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter287628085__root .TabsFilter287628085__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter287628085__root.TabsFilter287628085--selected .TabsFilter287628085__title,.TabsFilter287628085__root:hover .TabsFilter287628085__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal2769324699__root{display:flex}.ToolbarItem2014651491__root{min-width:0}.ToolbarItemBox2814506785__root{min-width:0}.ToolbarItemBox2814506785__root.ToolbarItemBox2814506785--removeStartPadding{margin-left:-24px}.ToolbarItemBox2814506785__root.ToolbarItemBox2814506785--expandable{flex:1 0}.common3576135722__column{display:flex;flex-direction:column}.common3576135722__fullHeight{height:100%;min-height:0}.CollectionPageHeader3435305586__root:not(.CollectionPageHeader3435305586--mobile){gap:12px}.CollectionPageHeader3435305586__root.CollectionPageHeader3435305586--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3435305586__root.CollectionPageHeader3435305586--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3691551124__root.FormPageHeader3691551124--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3691551124__root.FormPageHeader3691551124--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer147422064__root.CardContainer147422064--mobile{border-radius:0}.Collapse2798332745__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2798332745__exit{height:0}.CollectionPage3795793678__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3795793678__root.CollectionPage3795793678--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3795793678__root.CollectionPage3795793678--panel{overflow:hidden;position:relative}.CollectionSectionHeader479677695__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2751036718__root td{vertical-align:middle}.CollectionTable2751036718__root.CollectionTable2751036718--mobile td:first-child{padding-left:18px}.CollectionTable2751036718__root.CollectionTable2751036718--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable308767817__root.CollectionTableWSRTable308767817--resizable table{min-width:100%}.CollectionTableWSRTable308767817__root.CollectionTableWSRTable308767817--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar632879122__left{min-width:0}.CollectionToolbar632879122__left.CollectionToolbar632879122--expandable{flex:auto}.CollectionToolbar632879122__left.CollectionToolbar632879122--title>*{width:100%}.CollectionToolbar632879122__root.CollectionToolbar632879122---responsiveMode-5-title .CollectionToolbar632879122__left{flex:1 100;min-width:50px}.CollectionToolbar632879122__root.CollectionToolbar632879122---responsiveMode-4-tabs .CollectionToolbar632879122__left,.CollectionToolbar632879122__root.CollectionToolbar632879122---responsiveMode-4-tabs .CollectionToolbar632879122__left.CollectionToolbar632879122--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar632879122__root.CollectionToolbar632879122---responsiveMode-4-tabs .CollectionToolbar632879122__left>*{flex-shrink:1;min-width:0}.CollectionToolbar632879122__root .CollectionToolbar632879122__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar632879122__root.CollectionToolbar632879122--views .CollectionToolbar632879122__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar632879122__root.CollectionToolbar632879122---responsiveMode-4-tabs .CollectionToolbar632879122__right,.CollectionToolbar632879122__root.CollectionToolbar632879122---responsiveMode-5-title .CollectionToolbar632879122__right{flex:0 1 auto;min-width:0}.CollectionToolbar632879122__root .CollectionToolbar632879122__right.CollectionToolbar632879122__fullWidth{margin-inline-start:0!important}.CollectionToolbar632879122__root.CollectionToolbar632879122--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3726053327__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3726053327__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3726053327__searchMobile:not(.SearchOrCustomFilter3726053327--expandable){left:18px}.SearchOrCustomFilter3726053327__searchMobile.SearchOrCustomFilter3726053327--expandable.SearchOrCustomFilter3726053327--expanded{left:18px}.AutoCompleteReadonly3089546939__root.AutoCompleteReadonly3089546939--disableEditing{cursor:pointer}.AutoCompleteReadonly3089546939__root.AutoCompleteReadonly3089546939--disableEditing input{cursor:pointer}.ViewsDropdown3819078810__root{width:200px}.DragHandle467541709__root{display:flex;align-items:center}.DragHandle467541709__root:not(.DragHandle467541709--disabled){cursor:grab;color:#a8caff}.DragHandle467541709__root.DragHandle467541709--disabled{color:#acafc4}.DragHandle467541709__root:focus-visible:not(.DragHandle467541709--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle467541709__root.DragHandle467541709--disabled{pointer-events:none}.DragHandle467541709__root.DragHandle467541709--dragging:not(.DragHandle467541709--disabled){cursor:grabbing}td:has(>.EditableCell84925255__root){position:relative;overflow:visible;min-height:24px}.EditableCell84925255__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell84925255__root.EditableCell84925255--selected{background:rgba(56,153,236,.08)}.EditableCell84925255__root.EditableCell84925255--focused:not(.EditableCell84925255--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell84925255__root.EditableCell84925255--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell84925255__root.EditableCell84925255--editing:not(.EditableCell84925255--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell84925255__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--selectionTop:not(.EditableCell84925255--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--selectionBottom:not(.EditableCell84925255--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--selectionLeft:not(.EditableCell84925255--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--selectionRight:not(.EditableCell84925255--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--selectionTop.EditableCell84925255--editing.EditableCell84925255--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--selectionBottom.EditableCell84925255--editing.EditableCell84925255--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--selectionLeft.EditableCell84925255--editing.EditableCell84925255--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--selectionRight.EditableCell84925255--editing.EditableCell84925255--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--invalid:not(.EditableCell84925255--editing){background:rgba(229,0,77,.06)}.EditableCell84925255__root.EditableCell84925255--copiedTop:not(.EditableCell84925255--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--copiedBottom:not(.EditableCell84925255--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--copiedLeft:not(.EditableCell84925255--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--copiedRight:not(.EditableCell84925255--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell84925255__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover3634079495__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3634079495__root,.HeaderActionsPopover3634079495__root[data-menu-open=true],.HeaderActionsPopover3634079495__root:focus-within{opacity:1}.CellViewLayout3539931182__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3539931182__root>*{flex:1;min-width:0}.Edit2784384312__booleanEdit{display:flex;align-items:center;margin-left:12px}.View544026253__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit637931377__dateInput{width:100%;margin-left:-1px}.Edit639860767__emailInput{width:100%;margin-left:-1px}.Edit1116044293__numberInput{width:100%;margin-right:2px}.Edit1116044293__numberInput input{text-align:right;direction:ltr}.View2646075417__textView{width:100%;text-align:right}.Edit2726986612__jsonInput{width:100%;margin-left:-1px}.Edit2843046701__selectInput{width:100%}.Edit1143677939__editWrapper{width:100%}.Edit1143677939__inputArea{background-color:transparent;width:100%}.Edit1143677939__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1143677939__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit1143677939__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1143677939__inputArea:not(.Edit1143677939--isFocused) textarea{resize:none;overflow:hidden}.Edit1143677939__inputArea:not(.Edit1143677939--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2910932904__urlInput{width:100%;margin-left:-1px}.View591195663__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View591195663__urlText{flex:1;min-width:0}.View591195663__suffix{flex-shrink:0;margin-left:10px}.View591195663__textView.View591195663--suffixOnHover:not(:hover) .View591195663__suffix{display:none}.EntityPagePlain3281132889__root.EntityPagePlain3281132889--mobile{--wds-page-header-padding-horizontal:0}.Fade3261509__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3261509__root.Fade3261509--exit{opacity:0}.Heading2827406396__root{visibility:visible}.Heading2827406396__root.Heading2827406396--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload1259950859__fileUpload{width:100%}.InputOverflow4135916598__root.InputOverflow4135916598--selected:not(.InputOverflow4135916598--focused) input::placeholder{color:#000624}@keyframes LoadingRow129255740__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow129255740__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow129255740__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3524798035__root{opacity:1}.MaxHeightText3524798035__root.MaxHeightText3524798035--height24{line-height:24px}.MaxLines68711219__root{overflow:hidden}.MaxLines68711219__root.MaxLines68711219--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar957756707__root{min-width:0}.MultiBulkActionToolbar957756707__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar957756707__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar957756707__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3700552062__root td{padding:0!important;width:100%}.NestedTableRow545377796__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow545377796__root:hover{background-color:#e7f0ff!important}.NestedTableRow545377796__root.NestedTableRow545377796--expandable{cursor:pointer}.NestedTableRow545377796__placeholder td{padding:0!important;width:100%}.NestedTableRow545377796__root:hover td:first-of-type::before,.NestedTableRow545377796__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2593434552__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow3198085030__root.NestedTableDragAndDropRow3198085030--draggingInto td{background-color:#e7f0ff!important}.PickerContent217690916__root{display:flex}.PickerContentAdditionalStep3420368440__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3420368440__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1315558987__root{box-sizing:border-box}.ScrollableContent2024988843__root.ScrollableContent2024988843--overflowY{overflow-y:auto}.ScrollableContent2024988843__root.ScrollableContent2024988843--overflowX{overflow-x:auto}.ScrollableContent2024988843__root.ScrollableContent2024988843--smooth{scroll-behavior:smooth}.SkeletonCard3379015080__headerLoading{display:block!important}.SlidingModal2463944383__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2463944383__root.SlidingModal2463944383--overlay{transition:transform 0s ease 0s}.SlidingModal2463944383__root.SlidingModal2463944383---appendTo-6-parent{position:absolute}.SlidingModal2463944383__root:not(.SlidingModal2463944383--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1515553063__root .TabsFilter1515553063__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter1515553063__root.TabsFilter1515553063--selected .TabsFilter1515553063__title,.TabsFilter1515553063__root:hover .TabsFilter1515553063__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal211784427__root{display:flex}.ToolbarItem1090274977__root{min-width:0}.ToolbarItemBox3219211756__root{min-width:0}.ToolbarItemBox3219211756__root.ToolbarItemBox3219211756--removeStartPadding{margin-left:-24px}.ToolbarItemBox3219211756__root.ToolbarItemBox3219211756--expandable{flex:1 0}.common520337453__column{display:flex;flex-direction:column}.common520337453__fullHeight{height:100%;min-height:0}.CollectionPageHeader3506775016__root:not(.CollectionPageHeader3506775016--mobile){gap:12px}.CollectionPageHeader3506775016__root.CollectionPageHeader3506775016--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3506775016__root.CollectionPageHeader3506775016--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader592729767__root.FormPageHeader592729767--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader592729767__root.FormPageHeader592729767--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/dist/cjs/version.js

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

package/dist/cjs/version.js.map

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

package/dist/docs/index.json

@@ -1,12 +1,12 @@
 {
-  "ActionSubItem": {
-    "file": "ActionSubItem.md",
-    "category": "Common/Types"
-  },
   "AI Assistant": {
     "file": "AI Assistant.md",
     "category": "Integrations/AI Assistant"
   },
+  "ActionSubItem": {
+    "file": "ActionSubItem.md",
+    "category": "Common/Types"
+  },
   "AutoCompleteFilter": {
     "file": "AutoCompleteFilter.md",
     "category": "Features/Filter/Components"
@@ -27,14 +27,14 @@
     "file": "CollectionOptimisticActions.md",
     "category": "Features/Actions/Updates"
   },
-  "CollectionPage": {
-    "file": "CollectionPage.md",
-    "category": "Base Components/Pages/Collection Page"
-  },
   "CollectionPage.Content": {
     "file": "CollectionPage.Content.md",
     "category": "Base Components/Pages/Collection Page"
   },
+  "CollectionPage": {
+    "file": "CollectionPage.md",
+    "category": "Base Components/Pages/Collection Page"
+  },
   "CollectionPage.Header": {
     "file": "CollectionPage.Header.md",
     "category": "Base Components/Pages/Collection Page"
@@ -47,6 +47,10 @@
     "file": "CollectionSearch.md",
     "category": "Features/Filter/Components"
   },
+  "CollectionSubToolbar": {
+    "file": "CollectionSubToolbar.md",
+    "category": "Common/Components"
+  },
   "CollectionToolbar": {
     "file": "CollectionToolbar.md",
     "category": "Common/Components"
@@ -55,10 +59,6 @@
     "file": "ToolbarFilters.md",
     "category": "Features/Filter/Components"
   },
-  "CollectionSubToolbar": {
-    "file": "CollectionSubToolbar.md",
-    "category": "Common/Components"
-  },
   "CustomColumns": {
     "file": "CustomColumns.md",
     "category": "Features/Display/Custom Columns"
@@ -87,14 +87,14 @@
     "file": "EntityPage.Card.md",
     "category": "Base Components/Pages/Entity Page"
   },
-  "EntityPage.Header": {
-    "file": "EntityPage.Header.md",
-    "category": "Base Components/Pages/Entity Page"
-  },
   "EntityPage.Content": {
     "file": "EntityPage.Content.md",
     "category": "Base Components/Pages/Entity Page"
   },
+  "EntityPage.Header": {
+    "file": "EntityPage.Header.md",
+    "category": "Base Components/Pages/Entity Page"
+  },
   "EntityPage.MainContent": {
     "file": "EntityPage.MainContent.md",
     "category": "Base Components/Pages/Entity Page"
@@ -219,14 +219,14 @@
     "file": "usePatternsNavigate.md",
     "category": "Base Components/Pages/Router/Hooks/usePatternsNavigate"
   },
-  "SettingsPage": {
-    "file": "SettingsPage.md",
-    "category": "Base Components/Pages/Settings Page"
-  },
   "SecondaryActions": {
     "file": "SecondaryActions.md",
     "category": "Features/Actions/SecondaryActions"
   },
+  "SettingsPage": {
+    "file": "SettingsPage.md",
+    "category": "Base Components/Pages/Settings Page"
+  },
   "SettingsPage.AdditionalContent": {
     "file": "SettingsPage.AdditionalContent.md",
     "category": "Base Components/Pages/Settings Page"
@@ -451,14 +451,14 @@
     "file": "ExportTo.md",
     "category": "Features/Export"
   },
-  "FormPageState": {
-    "file": "FormPageState.md",
-    "category": "Common/State"
-  },
   "FilterProps": {
     "file": "FilterProps.md",
     "category": "Features/Filter/Props"
   },
+  "FormPageState": {
+    "file": "FormPageState.md",
+    "category": "Common/State"
+  },
   "GridDragAndDrop": {
     "file": "GridDragAndDrop.md",
     "category": "Features/Sort/Drag and Drop"

package/dist/esm/components/CardContainer/CardContainer.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CardContainer988462048";
+var _namespace_ = "CardContainer147422064";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CardContainer988462048__root" };
+export var classes = { "root": "CardContainer147422064__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CmsFieldManagement/CmsFieldForm.js

@@ -15,7 +15,7 @@ const _CmsFieldForm = ({ state }) => {
             React.createElement(FloatingNotification, { type: "destructive", prefixIcon: React.createElement(InfoCircle, null), text: state.validationErrorMessage, onClose: state.hideValidationError }))),
         React.createElement(BasicsSection, { state: state }),
         React.createElement(Divider, null),
-        state.properties.type && React.createElement(ValidationAndDefaultsSection, { state: state })));
+        React.createElement(ValidationAndDefaultsSection, { state: state })));
 };
 export const CmsFieldForm = observer(_CmsFieldForm);
 //# sourceMappingURL=CmsFieldForm.js.map

package/dist/esm/components/CmsFieldManagement/CmsFieldForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CmsFieldForm.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/CmsFieldForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,4BAA4B,EAAE,MAAM,yCAAyC,CAAC;AAMvF,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IACzC,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG;QAC3D,KAAK,CAAC,gBAAgB,IAAI,CACzB,oBAAC,GAAG,IACF,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,MAAM,EACV,IAAI,EAAC,KAAK,EACV,SAAS,EAAC,kBAAkB;YAE5B,oBAAC,oBAAoB,IACnB,QAAQ,EAAC,6BAA6B,EACtC,IAAI,EAAC,aAAa,EAClB,UAAU,EAAE,oBAAC,UAAU,OAAG,EAC1B,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC,OAAO,EACpC,eAAe,EACb,KAAK,CAAC,gBAAgB,CAAC,MAAM,IAAI;oBAC/B,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI;oBACzC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;iBAC3D,EAEH,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,SAAS,CAAC,GACnD,CACE,CACP;QAEA,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,mBAAmB,IAAI,CACvD,oBAAC,GAAG,IACF,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,MAAM,EACV,IAAI,EAAC,KAAK,EACV,SAAS,EAAC,kBAAkB;YAE5B,oBAAC,oBAAoB,IACnB,IAAI,EAAC,aAAa,EAClB,UAAU,EAAE,oBAAC,UAAU,OAAG,EAC1B,IAAI,EAAE,KAAK,CAAC,sBAAsB,EAClC,OAAO,EAAE,KAAK,CAAC,mBAAmB,GAClC,CACE,CACP;QAED,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI;QAC/B,oBAAC,OAAO,OAAG;QAEV,KAAK,CAAC,UAAU,CAAC,IAAI,IAAI,oBAAC,4BAA4B,IAAC,KAAK,EAAE,KAAK,GAAI,CACpE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC"}
+{"version":3,"file":"CmsFieldForm.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/CmsFieldForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,4BAA4B,EAAE,MAAM,yCAAyC,CAAC;AAMvF,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IACzC,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG;QAC3D,KAAK,CAAC,gBAAgB,IAAI,CACzB,oBAAC,GAAG,IACF,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,MAAM,EACV,IAAI,EAAC,KAAK,EACV,SAAS,EAAC,kBAAkB;YAE5B,oBAAC,oBAAoB,IACnB,QAAQ,EAAC,6BAA6B,EACtC,IAAI,EAAC,aAAa,EAClB,UAAU,EAAE,oBAAC,UAAU,OAAG,EAC1B,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC,OAAO,EACpC,eAAe,EACb,KAAK,CAAC,gBAAgB,CAAC,MAAM,IAAI;oBAC/B,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI;oBACzC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;iBAC3D,EAEH,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,SAAS,CAAC,GACnD,CACE,CACP;QAEA,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,mBAAmB,IAAI,CACvD,oBAAC,GAAG,IACF,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,MAAM,EACV,IAAI,EAAC,KAAK,EACV,SAAS,EAAC,kBAAkB;YAE5B,oBAAC,oBAAoB,IACnB,IAAI,EAAC,aAAa,EAClB,UAAU,EAAE,oBAAC,UAAU,OAAG,EAC1B,IAAI,EAAE,KAAK,CAAC,sBAAsB,EAClC,OAAO,EAAE,KAAK,CAAC,mBAAmB,GAClC,CACE,CACP;QAED,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI;QAC/B,oBAAC,OAAO,OAAG;QAEX,oBAAC,4BAA4B,IAAC,KAAK,EAAE,KAAK,GAAI,CAC1C,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC"}

package/dist/esm/components/CmsFieldManagement/Sections/BasicsSection.js

@@ -8,9 +8,9 @@ import { FieldPiiToggle } from '../formFields/FieldPiiToggle';
 const _BasicsSection = ({ state }) => {
     const { properties, visibleErrors, mode } = state;
     return (React.createElement(Box, { direction: "vertical", gap: "SP4" },
-        React.createElement(FieldTypeSelect, { label: "Field Type", value: properties.type, onChange: state.changeType, disabled: mode === 'edit', error: visibleErrors.type }),
-        React.createElement(FieldNameInput, { label: "Field Name", value: properties.name, onChange: state.changeName, onBlur: () => state.blurField('name'), error: visibleErrors.name }),
-        isPIISupportedByFieldType(properties.type) && (React.createElement(FieldPiiToggle, { label: "Personally Identifiable Information (PII)", checked: properties.isPii, onChange: state.setIsPii }))));
+        React.createElement(FieldTypeSelect, { label: "Field type", value: properties.type, onChange: state.changeType, disabled: mode === 'edit', error: visibleErrors.type }),
+        React.createElement(FieldNameInput, { label: "Field name", value: properties.name, onChange: state.changeName, onBlur: () => state.blurField('name'), error: visibleErrors.name }),
+        isPIISupportedByFieldType(properties.type) && (React.createElement(FieldPiiToggle, { label: "Personal information (PII)", checked: properties.isPii, onChange: state.setIsPii }))));
 };
 export const BasicsSection = observer(_BasicsSection);
 //# sourceMappingURL=BasicsSection.js.map

package/dist/esm/components/CmsFieldManagement/Sections/BasicsSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicsSection.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/Sections/BasicsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAM9D,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IAC1C,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAElD,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK;QACjC,oBAAC,eAAe,IACd,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,QAAQ,EAAE,IAAI,KAAK,MAAM,EACzB,KAAK,EAAE,aAAa,CAAC,IAAI,GACzB;QAEF,oBAAC,cAAc,IACb,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,EACrC,KAAK,EAAE,aAAa,CAAC,IAAI,GACzB;QAED,yBAAyB,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAC7C,oBAAC,cAAc,IACb,KAAK,EAAC,2CAA2C,EACjD,OAAO,EAAE,UAAU,CAAC,KAAK,EACzB,QAAQ,EAAE,KAAK,CAAC,QAAQ,GACxB,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"BasicsSection.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/Sections/BasicsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAM9D,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IAC1C,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAElD,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK;QACjC,oBAAC,eAAe,IACd,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,QAAQ,EAAE,IAAI,KAAK,MAAM,EACzB,KAAK,EAAE,aAAa,CAAC,IAAI,GACzB;QAEF,oBAAC,cAAc,IACb,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,EACrC,KAAK,EAAE,aAAa,CAAC,IAAI,GACzB;QAED,yBAAyB,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAC7C,oBAAC,cAAc,IACb,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAE,UAAU,CAAC,KAAK,EACzB,QAAQ,EAAE,KAAK,CAAC,QAAQ,GACxB,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC"}

package/dist/esm/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.js

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { Box, Divider, Input, Text } from '@wix/design-system';
+import { Box, Divider, FormField, Input, Text } from '@wix/design-system';
 import { ChevronDown, ChevronRight } from '@wix/wix-ui-icons-common';
 import { ValidationSubSection } from './ValidationSubSection';
 const _ValidationAndDefaultsSection = ({ state }) => {
@@ -9,27 +9,20 @@ const _ValidationAndDefaultsSection = ({ state }) => {
     return (React.createElement(Box, { direction: "vertical" },
         React.createElement("div", { role: "button", tabIndex: 0, style: {
                 cursor: 'pointer',
-                padding: '16px 0 16px 0',
                 display: 'flex',
                 alignItems: 'center',
                 gap: 8,
-            }, onClick: () => setIsOpen((v) => !v), onKeyDown: (e) => {
-                if (e.key === 'Enter' || e.key === ' ') {
-                    e.preventDefault();
-                    setIsOpen((v) => !v);
-                }
-            } },
+                padding: '16px 0',
+            }, onClick: () => setIsOpen((v) => !v), onKeyDown: (e) => e.key === 'Enter' && setIsOpen((v) => !v) },
             isOpen ? React.createElement(ChevronDown, { size: "18px" }) : React.createElement(ChevronRight, { size: "18px" }),
-            React.createElement(Text, { weight: "bold" }, "Validation and defaults")),
-        isOpen && (React.createElement(Box, { direction: "vertical", gap: "SP0" },
-            hasValidation && (React.createElement(Box, { direction: "vertical", gap: "SP4", paddingBottom: "SP4" },
+            React.createElement(Text, null, "Validation and defaults")),
+        isOpen && (React.createElement(Box, { direction: "vertical", gap: "SP6", paddingBottom: "SP4" },
+            hasValidation && (React.createElement(Box, { direction: "vertical", gap: "SP2" },
                 React.createElement(Text, { weight: "bold" }, "Validation"),
-                React.createElement(ValidationSubSection, { state: state }),
-                React.createElement(Divider, null))),
-            React.createElement(Box, { direction: "vertical", gap: "SP4", paddingBottom: "SP4" },
-                React.createElement(Text, { weight: "bold" }, "Help text"),
-                React.createElement(Input, { ariaLabel: "Help text", value: state.properties.helpText, onChange: (e) => state.setHelpText(e.target.value) }),
-                React.createElement(Divider, null))))));
+                React.createElement(ValidationSubSection, { state: state }))),
+            React.createElement(Divider, null),
+            React.createElement(FormField, { label: "Help text", infoContent: "Descriptive text shown below the field in forms." },
+                React.createElement(Input, { value: state.properties.helpText, onChange: (e) => state.setHelpText(e.target.value) }))))));
 };
 export const ValidationAndDefaultsSection = observer(_ValidationAndDefaultsSection);
 //# sourceMappingURL=ValidationAndDefaultsSection.js.map

package/dist/esm/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationAndDefaultsSection.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAErE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAM9D,MAAM,6BAA6B,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,GAAG,CAAC,CAAC;IAEhE,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU;QACvB,6BACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,OAAO,EAAE,eAAe;gBACxB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,GAAG,EAAE,CAAC;aACP,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EACnC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;gBACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;oBACtC,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;iBACtB;YACH,CAAC;YAEA,MAAM,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,IAAI,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,IAAI,EAAC,MAAM,GAAG;YACpE,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,8BAA+B,CAC9C;QAEL,MAAM,IAAI,CACT,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK;YAChC,aAAa,IAAI,CAChB,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,EAAC,aAAa,EAAC,KAAK;gBACrD,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,iBAAkB;gBACrC,oBAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,GAAI;gBACtC,oBAAC,OAAO,OAAG,CACP,CACP;YAED,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,EAAC,aAAa,EAAC,KAAK;gBACrD,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,gBAAiB;gBACpC,oBAAC,KAAK,IACJ,SAAS,EAAC,WAAW,EACrB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAClD;gBACF,oBAAC,OAAO,OAAG,CACP,CACF,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,QAAQ,CAClD,6BAA6B,CAC9B,CAAC"}
+{"version":3,"file":"ValidationAndDefaultsSection.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAErE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAM9D,MAAM,6BAA6B,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,GAAG,CAAC,CAAC;IAEhE,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU;QACvB,6BACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,GAAG,EAAE,CAAC;gBACN,OAAO,EAAE,QAAQ;aAClB,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EACnC,SAAS,EAAE,CAAC,CAAsB,EAAE,EAAE,CACpC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;YAG1C,MAAM,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,IAAI,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,IAAI,EAAC,MAAM,GAAG;YACpE,oBAAC,IAAI,kCAA+B,CAChC;QAEL,MAAM,IAAI,CACT,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,EAAC,aAAa,EAAC,KAAK;YACpD,aAAa,IAAI,CAChB,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK;gBACjC,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,iBAAkB;gBACrC,oBAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,GAAI,CAClC,CACP;YAED,oBAAC,OAAO,OAAG;YAEX,oBAAC,SAAS,IACR,KAAK,EAAC,WAAW,EACjB,WAAW,EAAC,kDAAkD;gBAE9D,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAClD,CACQ,CACR,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,QAAQ,CAClD,6BAA6B,CAC9B,CAAC"}

package/dist/esm/components/CmsFieldManagement/Sections/ValidationSubSection.js

@@ -1,16 +1,22 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
-import { Box } from '@wix/design-system';
+import { Box, InfoIcon, Text, ToggleSwitch } from '@wix/design-system';
 import { RequiredToggle } from '../formFields/RequiredToggle';
 import { CharactersLimitInput } from '../formFields/CharactersLimitInput';
 const _ValidationSubSection = ({ state }) => {
     const { supportedValidationRules, fieldRules } = state;
     return (React.createElement(Box, { direction: "vertical", gap: "SP4" }, supportedValidationRules.map((rule) => {
         if (rule === 'required') {
-            return (React.createElement(RequiredToggle, { key: "required", label: "Required", checked: Boolean(fieldRules.validationRules.required), onChange: (v) => state.setValidationRule('required', v) }));
+            return (React.createElement(RequiredToggle, { key: "required", label: "Make this a required field", checked: Boolean(fieldRules.validationRules.required), onChange: (v) => state.setValidationRule('required', v) }));
         }
         if (rule === 'charactersLimit') {
-            return (React.createElement(CharactersLimitInput, { key: "charactersLimit", minLabel: "Min characters", maxLabel: "Max characters", value: fieldRules.validationRules.charactersLimit ?? {}, onChange: (v) => state.setValidationRule('charactersLimit', v) }));
+            const isEnabled = fieldRules.validationRules.charactersLimit !== undefined;
+            return (React.createElement(Box, { key: "charactersLimit", direction: "vertical", gap: "SP3" },
+                React.createElement(Box, { verticalAlign: "middle", gap: "SP2" },
+                    React.createElement(ToggleSwitch, { checked: isEnabled, onChange: () => state.setValidationRule('charactersLimit', isEnabled ? undefined : {}) }),
+                    React.createElement(Text, { size: "small" }, "Limit character count"),
+                    React.createElement(InfoIcon, { content: "Set minimum and maximum character limits for this field." })),
+                isEnabled && (React.createElement(CharactersLimitInput, { minLabel: "Min characters", maxLabel: "Max characters", value: fieldRules.validationRules.charactersLimit ?? {}, onChange: (v) => state.setValidationRule('charactersLimit', v) }))));
         }
         return null;
     })));

package/dist/esm/components/CmsFieldManagement/Sections/ValidationSubSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationSubSection.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationSubSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAIzC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAM1E,MAAM,qBAAqB,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IACjD,MAAM,EAAE,wBAAwB,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAEvD,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,IAChC,wBAAwB,CAAC,GAAG,CAAC,CAAC,IAAoB,EAAE,EAAE;QACrD,IAAI,IAAI,KAAK,UAAU,EAAE;YACvB,OAAO,CACL,oBAAC,cAAc,IACb,GAAG,EAAC,UAAU,EACd,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,eAAe,CAAC,QAAQ,CAAC,EACrD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,UAAU,EAAE,CAAC,CAAC,GACvD,CACH,CAAC;SACH;QACD,IAAI,IAAI,KAAK,iBAAiB,EAAE;YAC9B,OAAO,CACL,oBAAC,oBAAoB,IACnB,GAAG,EAAC,iBAAiB,EACrB,QAAQ,EAAC,gBAAgB,EACzB,QAAQ,EAAC,gBAAgB,EACzB,KAAK,EACF,UAAU,CAAC,eAAe,CAAC,eAEd,IAAI,EAAE,EAEtB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,CAAC,CAAC,GAC9D,CACH,CAAC;SACH;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC"}
+{"version":3,"file":"ValidationSubSection.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationSubSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIvE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAM1E,MAAM,qBAAqB,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IACjD,MAAM,EAAE,wBAAwB,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAEvD,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,IAChC,wBAAwB,CAAC,GAAG,CAAC,CAAC,IAAoB,EAAE,EAAE;QACrD,IAAI,IAAI,KAAK,UAAU,EAAE;YACvB,OAAO,CACL,oBAAC,cAAc,IACb,GAAG,EAAC,UAAU,EACd,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,eAAe,CAAC,QAAQ,CAAC,EACrD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,UAAU,EAAE,CAAC,CAAC,GACvD,CACH,CAAC;SACH;QACD,IAAI,IAAI,KAAK,iBAAiB,EAAE;YAC9B,MAAM,SAAS,GACb,UAAU,CAAC,eAAe,CAAC,eAAe,KAAK,SAAS,CAAC;YAC3D,OAAO,CACL,oBAAC,GAAG,IAAC,GAAG,EAAC,iBAAiB,EAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK;gBACvD,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,GAAG,EAAC,KAAK;oBACnC,oBAAC,YAAY,IACX,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,GAAG,EAAE,CACb,KAAK,CAAC,iBAAiB,CACrB,iBAAiB,EACjB,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAC3B,GAEH;oBACF,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,4BAA6B;oBAC/C,oBAAC,QAAQ,IAAC,OAAO,EAAC,0DAA0D,GAAG,CAC3E;gBACL,SAAS,IAAI,CACZ,oBAAC,oBAAoB,IACnB,QAAQ,EAAC,gBAAgB,EACzB,QAAQ,EAAC,gBAAgB,EACzB,KAAK,EACF,UAAU,CAAC,eAAe,CAAC,eAEd,IAAI,EAAE,EAEtB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACd,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,CAAC,CAAC,GAE/C,CACH,CACG,CACP,CAAC;SACH;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/components/CmsFieldManagement/formFields/FieldNameInput.js

@@ -1,5 +1,5 @@
 import React from 'react';
 import { FormField, Input } from '@wix/design-system';
 export const FieldNameInput = ({ label, value, onChange, onBlur, error, }) => (React.createElement(FormField, { required: true, label: label, status: error ? 'error' : undefined, statusMessage: error },
-    React.createElement(Input, { value: value, onChange: (e) => onChange(e.target.value), onBlur: onBlur })));
+    React.createElement(Input, { placeholder: "Enter a name", value: value, onChange: (e) => onChange(e.target.value), onBlur: onBlur })));
 //# sourceMappingURL=FieldNameInput.js.map

package/dist/esm/components/CmsFieldManagement/formFields/FieldNameInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldNameInput.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldNameInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAUtD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,GACe,EAAE,EAAE,CAAC,CACzB,oBAAC,SAAS,IACR,QAAQ,QACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACnC,aAAa,EAAE,KAAK;IAEpB,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,MAAM,GACd,CACQ,CACb,CAAC"}
+{"version":3,"file":"FieldNameInput.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldNameInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAUtD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,GACe,EAAE,EAAE,CAAC,CACzB,oBAAC,SAAS,IACR,QAAQ,QACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACnC,aAAa,EAAE,KAAK;IAEpB,oBAAC,KAAK,IACJ,WAAW,EAAC,cAAc,EAC1B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,MAAM,GACd,CACQ,CACb,CAAC"}

package/dist/esm/components/CmsFieldManagement/formFields/FieldPiiToggle.js

@@ -1,5 +1,5 @@
 import React from 'react';
 import { FormField, ToggleSwitch } from '@wix/design-system';
-export const FieldPiiToggle = ({ label, checked, onChange, disabled, }) => (React.createElement(FormField, { label: label },
+export const FieldPiiToggle = ({ label, checked, onChange, disabled, }) => (React.createElement(FormField, { label: label, labelPlacement: "right", stretchContent: false },
     React.createElement(ToggleSwitch, { checked: checked, onChange: (e) => onChange(e.target.checked), disabled: disabled })));
 //# sourceMappingURL=FieldPiiToggle.js.map

package/dist/esm/components/CmsFieldManagement/formFields/FieldPiiToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldPiiToggle.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldPiiToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAS7D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,GACY,EAAE,EAAE,CAAC,CACzB,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK;IACrB,oBAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAC3C,QAAQ,EAAE,QAAQ,GAClB,CACQ,CACb,CAAC"}
+{"version":3,"file":"FieldPiiToggle.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldPiiToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAS7D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,GACY,EAAE,EAAE,CAAC,CACzB,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAC,OAAO,EAAC,cAAc,EAAE,KAAK;IACnE,oBAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAC3C,QAAQ,EAAE,QAAQ,GAClB,CACQ,CACb,CAAC"}