@wix/patterns 1.478.0 → 1.479.0

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

@@ -3,11 +3,21 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.EditableTableStateBIReporter = void 0;
+exports.clipboardCellCounts = clipboardCellCounts;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _bexCore = require("@wix/bex-core");
 var _bi = require("@wix/bex-core/bi");
 /** Catalog 144:21 `actionName` values — lowercase, matching the Eventor plan. */
 
+/** Cell count and how many distinct columns they span. Shared by every
+ *  clipboard action so copy, cut, paste, and clear count the same set. */
+function clipboardCellCounts(cells) {
+  return {
+    numItems: cells.length,
+    numColumns: new Set(cells.map(cell => cell.columnId)).size
+  };
+}
+
 /** Where a new row was asked for. `Card CTA` is the add-row button and keeps its
  *  original name so it stays comparable with data already collected. The context
  *  menu entries reported nothing before. */
@@ -46,15 +56,19 @@ class EditableTableStateBIReporter {
     return this._state.toolbar.reportBi;
   }
 
-  /** Whether committing `editingValue` would actually change the cell. Call
-   *  before the write — afterwards the stored value is the new one. */
+  /** Whether committing `editingValue` would change the stored cell.
+   *  Compares the value commit would write, after normalizeOnCommit.
+   *  Call before the write — afterwards the stored value is the new one. */
   hasValueChanged(cell, editingValue) {
     if (editingValue === undefined) {
       return false;
     }
+    const column = this._state._columnMap.get(cell.columnId);
+    const resolved = column ? this._state.resolveCellTypeByColumnId(column.id) : undefined;
+    const committedValue = resolved != null && resolved.normalizeOnCommit ? resolved.normalizeOnCommit(editingValue) : editingValue;
     // The displayed value includes uncommitted drafts and pending cells, so a
     // re-edit to what the user already sees is not a change.
-    return !Object.is(this._state.cellValue.getCellDisplayValue(cell.rowKey, cell.columnId), editingValue);
+    return !Object.is(this._state.cellValue.getCellDisplayValue(cell.rowKey, cell.columnId), committedValue);
   }
   cellEditStarted(cell, trigger) {
     this.reportBi((0, _bexCore.withoutDefaults)(_bi.editableTableCellEditStarted)({

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_bi","editOriginOf","trigger","undefined","EditableTableStateBIReporter","constructor","state","_defineProperty2","default","_state","reportBi","toolbar","hasValueChanged","cell","editingValue","Object","is","cellValue","getCellDisplayValue","rowKey","columnId","cellEditStarted","withoutDefaults","editableTableCellEditStarted","_cellParams","origin","cellEditCommitted","params","editableTableCellEditCommitted","isValid","getCellValidation","valid","cellEditCancelled","editableTableCellEditCancelled","clipboardAction","editableTableClipboardAction","actionName","numItems","numColumns","isExternalSource","menuOpened","cellParams","editableTableMenuOpened","menuType","isOpened","key","fieldType","_fieldTypeOf","itemIndex","rowCreationStart","newItemCreationStart","rowCreationEnd","newItemCreationEnd","resultType","itemId","itemIds","JSON","stringify","deleteModalShown","rowKeys","wixPatternsDeleteModalShownSrc144Evid10","_deleteModalParams","deleteModalCtaClicked","wixPatternsDeleteModalCtaClickedSrc144Evid11","ctaName","length","isSelectAll","collection","result","items","location","modalName","tryAgainClicked","cairoTryAgainClicked","loaction","_this$_state$_toIndic","_toIndices","row","_column$field","column","_columnMap","get","field","type","cellType","exports"],"sources":["../../../../src/state/EditableTable/EditableTableStateBIReporter.ts"],"sourcesContent":["import { withoutDefaults } from '@wix/bex-core';\nimport type { Field, FiltersMap } from '@wix/bex-core';\nimport {\n  cairoTryAgainClicked,\n  editableTableCellEditCancelled,\n  editableTableCellEditCommitted,\n  editableTableCellEditStarted,\n  editableTableClipboardAction,\n  editableTableMenuOpened,\n  newItemCreationEnd,\n  newItemCreationStart,\n  wixPatternsDeleteModalCtaClickedSrc144Evid11,\n  wixPatternsDeleteModalShownSrc144Evid10,\n} from '@wix/bex-core/bi';\nimport type { EditTrigger } from '../../components/EditableTable/types';\nimport type { EditableTableState } from './EditableTableState';\nimport type { Cell } from './types';\n\n/** Catalog 144:21 `actionName` values — lowercase, matching the Eventor plan. */\nexport type ClipboardActionName = 'copy' | 'cut' | 'paste' | 'clear';\nexport type ClipboardOrigin = 'Keyboard' | 'Context Menu';\nexport type MenuType = 'Cell Context Menu' | 'Column Header';\n\n/** Where a new row was asked for. `Card CTA` is the add-row button and keeps its\n *  original name so it stays comparable with data already collected. The context\n *  menu entries reported nothing before. */\nexport type RowCreationOrigin =\n  | 'Card CTA'\n  | 'Row Context Menu - Above'\n  | 'Row Context Menu - Below'\n  | 'Row Context Menu - Duplicate';\n\n/** Catalog spells these in English, unlocalised. */\nexport type DeleteModalCta = 'Delete' | 'Cancel' | 'X';\n\n/** Catalog 144:141 `actionName` values for the failed-write toast retry. */\nexport type RetryActionName = 'Create' | 'Duplicate' | 'Update' | 'Delete';\n\n/** How the user got into edit mode. `Toggle` never enters it — a toggle cell\n *  writes straight through, and reports a commit on its own. */\nexport type CellEditOrigin =\n  | 'Click'\n  | 'Double Click'\n  | 'Enter'\n  | 'Typing'\n  | 'Toggle';\n\nfunction editOriginOf(trigger: EditTrigger | null): CellEditOrigin | undefined {\n  if (trigger === null) {\n    return undefined;\n  }\n  if (typeof trigger === 'object') {\n    return 'Typing';\n  }\n  switch (trigger) {\n    case 'click':\n      return 'Click';\n    case 'doubleClick':\n      return 'Double Click';\n    case 'enter':\n      return 'Enter';\n    default:\n      return undefined;\n  }\n}\n\ninterface CellBiParams {\n  key: string;\n  fieldType?: string;\n  itemId: string;\n  itemIndex?: number;\n}\n\nexport class EditableTableStateBIReporter<T, F extends FiltersMap> {\n  private readonly _state: EditableTableState<T, F>;\n\n  constructor(state: EditableTableState<T, F>) {\n    this._state = state;\n  }\n\n  get reportBi() {\n    return this._state.toolbar.reportBi;\n  }\n\n  /** Whether committing `editingValue` would actually change the cell. Call\n   *  before the write — afterwards the stored value is the new one. */\n  hasValueChanged(cell: Cell, editingValue: unknown): boolean {\n    if (editingValue === undefined) {\n      return false;\n    }\n    // The displayed value includes uncommitted drafts and pending cells, so a\n    // re-edit to what the user already sees is not a change.\n    return !Object.is(\n      this._state.cellValue.getCellDisplayValue(cell.rowKey, cell.columnId),\n      editingValue,\n    );\n  }\n\n  cellEditStarted(cell: Cell, trigger: EditTrigger | null) {\n    this.reportBi(\n      withoutDefaults(editableTableCellEditStarted)({\n        ...this._cellParams(cell),\n        origin: editOriginOf(trigger),\n      }),\n    );\n  }\n\n  cellEditCommitted(\n    cell: Cell,\n    params: {\n      /** Absent for a toggle cell, which never enters edit mode. */\n      trigger?: EditTrigger | null;\n      origin?: CellEditOrigin;\n      hasValueChanged: boolean;\n    },\n  ) {\n    this.reportBi(\n      withoutDefaults(editableTableCellEditCommitted)({\n        ...this._cellParams(cell),\n        origin: params.origin ?? editOriginOf(params.trigger ?? null),\n        hasValueChanged: params.hasValueChanged,\n        isValid: this._state.cellValue.getCellValidation(\n          cell.rowKey,\n          cell.columnId,\n        ).valid,\n      }),\n    );\n  }\n\n  cellEditCancelled(cell: Cell, params: { hasValueChanged: boolean }) {\n    this.reportBi(\n      withoutDefaults(editableTableCellEditCancelled)({\n        ...this._cellParams(cell),\n        hasValueChanged: params.hasValueChanged,\n      }),\n    );\n  }\n\n  clipboardAction(params: {\n    actionName: ClipboardActionName;\n    origin: ClipboardOrigin;\n    numItems: number;\n    numColumns: number;\n    isExternalSource?: boolean;\n  }) {\n    this.reportBi(\n      withoutDefaults(editableTableClipboardAction)({\n        actionName: params.actionName,\n        origin: params.origin,\n        numItems: params.numItems,\n        numColumns: params.numColumns,\n        isExternalSource: params.isExternalSource,\n      }),\n    );\n  }\n\n  menuOpened(params: {\n    menuType: MenuType;\n    isOpened: boolean;\n    cell?: Cell | null;\n    key?: string;\n  }) {\n    const cellParams = params.cell ? this._cellParams(params.cell) : undefined;\n    this.reportBi(\n      withoutDefaults(editableTableMenuOpened)({\n        menuType: params.menuType,\n        isOpened: params.isOpened,\n        key: params.key ?? cellParams?.key,\n        fieldType: params.key\n          ? this._fieldTypeOf(params.key)\n          : cellParams?.fieldType,\n        itemIndex: cellParams?.itemIndex,\n      }),\n    );\n  }\n\n  rowCreationStart(origin: RowCreationOrigin) {\n    this.reportBi(withoutDefaults(newItemCreationStart)({ origin }));\n  }\n\n  rowCreationEnd(params: {\n    origin: RowCreationOrigin;\n    /** Catalog 144:107: `success` or `dismissed` (create did not land). */\n    resultType: 'success' | 'dismissed';\n    itemIds?: string[];\n  }) {\n    this.reportBi(\n      withoutDefaults(newItemCreationEnd)({\n        origin: params.origin,\n        resultType: params.resultType,\n        itemId: params.itemIds ? JSON.stringify(params.itemIds) : undefined,\n      }),\n    );\n  }\n\n  deleteModalShown(rowKeys: string[]) {\n    this.reportBi(\n      withoutDefaults(wixPatternsDeleteModalShownSrc144Evid10)({\n        ...this._deleteModalParams(rowKeys),\n      }),\n    );\n  }\n\n  deleteModalCtaClicked(params: {\n    ctaName: DeleteModalCta;\n    rowKeys: string[];\n  }) {\n    this.reportBi(\n      withoutDefaults(wixPatternsDeleteModalCtaClickedSrc144Evid11)({\n        ...this._deleteModalParams(params.rowKeys),\n        ctaName: params.ctaName,\n      }),\n    );\n  }\n\n  /** Shared fields for 144:10/11 — location is the row context menu, not bulk toolbar. */\n  private _deleteModalParams(rowKeys: string[]) {\n    const numItems = rowKeys.length;\n    return {\n      numItems,\n      // Catalog: isSelectAll is true when numItems equals the list size.\n      isSelectAll:\n        numItems > 0 && numItems === this._state.collection.result.items.length,\n      location: 'Row Context Menu',\n      modalName: 'Delete rows',\n      itemId: numItems === 1 ? rowKeys[0] : undefined,\n    };\n  }\n\n  tryAgainClicked(actionName: RetryActionName) {\n    this.reportBi(\n      withoutDefaults(cairoTryAgainClicked)({\n        actionName,\n        // Schema spells the field this way.\n        loaction: 'toast',\n      }),\n    );\n  }\n\n  /** Column key, field type, and row identity used on every cell-level event. */\n  private _cellParams(cell: Cell): CellBiParams {\n    return {\n      key: cell.columnId,\n      fieldType: this._fieldTypeOf(cell.columnId),\n      itemId: cell.rowKey,\n      itemIndex: this._state._toIndices(cell)?.row,\n    };\n  }\n\n  /** The schema field type where the column came from a source, otherwise the\n   *  registered cell type. */\n  private _fieldTypeOf(columnId: string): string | undefined {\n    const column = this._state._columnMap.get(columnId) as\n      | { field?: Field; cellType?: string }\n      | undefined;\n    return column?.field?.type ?? column?.cellType;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_bi","clipboardCellCounts","cells","numItems","length","numColumns","Set","map","cell","columnId","size","editOriginOf","trigger","undefined","EditableTableStateBIReporter","constructor","state","_defineProperty2","default","_state","reportBi","toolbar","hasValueChanged","editingValue","column","_columnMap","get","resolved","resolveCellTypeByColumnId","id","committedValue","normalizeOnCommit","Object","is","cellValue","getCellDisplayValue","rowKey","cellEditStarted","withoutDefaults","editableTableCellEditStarted","_cellParams","origin","cellEditCommitted","params","editableTableCellEditCommitted","isValid","getCellValidation","valid","cellEditCancelled","editableTableCellEditCancelled","clipboardAction","editableTableClipboardAction","actionName","isExternalSource","menuOpened","cellParams","editableTableMenuOpened","menuType","isOpened","key","fieldType","_fieldTypeOf","itemIndex","rowCreationStart","newItemCreationStart","rowCreationEnd","newItemCreationEnd","resultType","itemId","itemIds","JSON","stringify","deleteModalShown","rowKeys","wixPatternsDeleteModalShownSrc144Evid10","_deleteModalParams","deleteModalCtaClicked","wixPatternsDeleteModalCtaClickedSrc144Evid11","ctaName","isSelectAll","collection","result","items","location","modalName","tryAgainClicked","cairoTryAgainClicked","loaction","_this$_state$_toIndic","_toIndices","row","_column$field","field","type","cellType","exports"],"sources":["../../../../src/state/EditableTable/EditableTableStateBIReporter.ts"],"sourcesContent":["import { withoutDefaults } from '@wix/bex-core';\nimport type { Field, FiltersMap } from '@wix/bex-core';\nimport {\n  cairoTryAgainClicked,\n  editableTableCellEditCancelled,\n  editableTableCellEditCommitted,\n  editableTableCellEditStarted,\n  editableTableClipboardAction,\n  editableTableMenuOpened,\n  newItemCreationEnd,\n  newItemCreationStart,\n  wixPatternsDeleteModalCtaClickedSrc144Evid11,\n  wixPatternsDeleteModalShownSrc144Evid10,\n} from '@wix/bex-core/bi';\nimport type { EditTrigger } from '../../components/EditableTable/types';\nimport type { EditableTableState } from './EditableTableState';\nimport type { Cell } from './types';\n\n/** Catalog 144:21 `actionName` values — lowercase, matching the Eventor plan. */\nexport type ClipboardActionName = 'copy' | 'cut' | 'paste' | 'clear';\nexport type ClipboardOrigin = 'Keyboard' | 'Context Menu';\nexport type MenuType = 'Cell Context Menu' | 'Column Header';\n\n/** Cell count and how many distinct columns they span. Shared by every\n *  clipboard action so copy, cut, paste, and clear count the same set. */\nexport function clipboardCellCounts(cells: Cell[]): {\n  numItems: number;\n  numColumns: number;\n} {\n  return {\n    numItems: cells.length,\n    numColumns: new Set(cells.map((cell) => cell.columnId)).size,\n  };\n}\n\n/** Where a new row was asked for. `Card CTA` is the add-row button and keeps its\n *  original name so it stays comparable with data already collected. The context\n *  menu entries reported nothing before. */\nexport type RowCreationOrigin =\n  | 'Card CTA'\n  | 'Row Context Menu - Above'\n  | 'Row Context Menu - Below'\n  | 'Row Context Menu - Duplicate';\n\n/** Catalog spells these in English, unlocalised. */\nexport type DeleteModalCta = 'Delete' | 'Cancel' | 'X';\n\n/** Catalog 144:141 `actionName` values for the failed-write toast retry. */\nexport type RetryActionName = 'Create' | 'Duplicate' | 'Update' | 'Delete';\n\n/** How the user got into edit mode. `Toggle` never enters it — a toggle cell\n *  writes straight through, and reports a commit on its own. */\nexport type CellEditOrigin =\n  | 'Click'\n  | 'Double Click'\n  | 'Enter'\n  | 'Typing'\n  | 'Toggle';\n\nfunction editOriginOf(trigger: EditTrigger | null): CellEditOrigin | undefined {\n  if (trigger === null) {\n    return undefined;\n  }\n  if (typeof trigger === 'object') {\n    return 'Typing';\n  }\n  switch (trigger) {\n    case 'click':\n      return 'Click';\n    case 'doubleClick':\n      return 'Double Click';\n    case 'enter':\n      return 'Enter';\n    default:\n      return undefined;\n  }\n}\n\ninterface CellBiParams {\n  key: string;\n  fieldType?: string;\n  itemId: string;\n  itemIndex?: number;\n}\n\nexport class EditableTableStateBIReporter<T, F extends FiltersMap> {\n  private readonly _state: EditableTableState<T, F>;\n\n  constructor(state: EditableTableState<T, F>) {\n    this._state = state;\n  }\n\n  get reportBi() {\n    return this._state.toolbar.reportBi;\n  }\n\n  /** Whether committing `editingValue` would change the stored cell.\n   *  Compares the value commit would write, after normalizeOnCommit.\n   *  Call before the write — afterwards the stored value is the new one. */\n  hasValueChanged(cell: Cell, editingValue: unknown): boolean {\n    if (editingValue === undefined) {\n      return false;\n    }\n    const column = this._state._columnMap.get(cell.columnId);\n    const resolved = column\n      ? this._state.resolveCellTypeByColumnId(column.id)\n      : undefined;\n    const committedValue = resolved?.normalizeOnCommit\n      ? resolved.normalizeOnCommit(editingValue)\n      : editingValue;\n    // The displayed value includes uncommitted drafts and pending cells, so a\n    // re-edit to what the user already sees is not a change.\n    return !Object.is(\n      this._state.cellValue.getCellDisplayValue(cell.rowKey, cell.columnId),\n      committedValue,\n    );\n  }\n\n  cellEditStarted(cell: Cell, trigger: EditTrigger | null) {\n    this.reportBi(\n      withoutDefaults(editableTableCellEditStarted)({\n        ...this._cellParams(cell),\n        origin: editOriginOf(trigger),\n      }),\n    );\n  }\n\n  cellEditCommitted(\n    cell: Cell,\n    params: {\n      /** Absent for a toggle cell, which never enters edit mode. */\n      trigger?: EditTrigger | null;\n      origin?: CellEditOrigin;\n      hasValueChanged: boolean;\n    },\n  ) {\n    this.reportBi(\n      withoutDefaults(editableTableCellEditCommitted)({\n        ...this._cellParams(cell),\n        origin: params.origin ?? editOriginOf(params.trigger ?? null),\n        hasValueChanged: params.hasValueChanged,\n        isValid: this._state.cellValue.getCellValidation(\n          cell.rowKey,\n          cell.columnId,\n        ).valid,\n      }),\n    );\n  }\n\n  cellEditCancelled(cell: Cell, params: { hasValueChanged: boolean }) {\n    this.reportBi(\n      withoutDefaults(editableTableCellEditCancelled)({\n        ...this._cellParams(cell),\n        hasValueChanged: params.hasValueChanged,\n      }),\n    );\n  }\n\n  clipboardAction(params: {\n    actionName: ClipboardActionName;\n    origin: ClipboardOrigin;\n    numItems: number;\n    numColumns: number;\n    isExternalSource?: boolean;\n  }) {\n    this.reportBi(\n      withoutDefaults(editableTableClipboardAction)({\n        actionName: params.actionName,\n        origin: params.origin,\n        numItems: params.numItems,\n        numColumns: params.numColumns,\n        isExternalSource: params.isExternalSource,\n      }),\n    );\n  }\n\n  menuOpened(params: {\n    menuType: MenuType;\n    isOpened: boolean;\n    cell?: Cell | null;\n    key?: string;\n  }) {\n    const cellParams = params.cell ? this._cellParams(params.cell) : undefined;\n    this.reportBi(\n      withoutDefaults(editableTableMenuOpened)({\n        menuType: params.menuType,\n        isOpened: params.isOpened,\n        key: params.key ?? cellParams?.key,\n        fieldType: params.key\n          ? this._fieldTypeOf(params.key)\n          : cellParams?.fieldType,\n        itemIndex: cellParams?.itemIndex,\n      }),\n    );\n  }\n\n  rowCreationStart(origin: RowCreationOrigin) {\n    this.reportBi(withoutDefaults(newItemCreationStart)({ origin }));\n  }\n\n  rowCreationEnd(params: {\n    origin: RowCreationOrigin;\n    /** Catalog 144:107: `success` or `dismissed` (create did not land). */\n    resultType: 'success' | 'dismissed';\n    itemIds?: string[];\n  }) {\n    this.reportBi(\n      withoutDefaults(newItemCreationEnd)({\n        origin: params.origin,\n        resultType: params.resultType,\n        itemId: params.itemIds ? JSON.stringify(params.itemIds) : undefined,\n      }),\n    );\n  }\n\n  deleteModalShown(rowKeys: string[]) {\n    this.reportBi(\n      withoutDefaults(wixPatternsDeleteModalShownSrc144Evid10)({\n        ...this._deleteModalParams(rowKeys),\n      }),\n    );\n  }\n\n  deleteModalCtaClicked(params: {\n    ctaName: DeleteModalCta;\n    rowKeys: string[];\n  }) {\n    this.reportBi(\n      withoutDefaults(wixPatternsDeleteModalCtaClickedSrc144Evid11)({\n        ...this._deleteModalParams(params.rowKeys),\n        ctaName: params.ctaName,\n      }),\n    );\n  }\n\n  /** Shared fields for 144:10/11 — location is the row context menu, not bulk toolbar. */\n  private _deleteModalParams(rowKeys: string[]) {\n    const numItems = rowKeys.length;\n    return {\n      numItems,\n      // Catalog: isSelectAll is true when numItems equals the list size.\n      isSelectAll:\n        numItems > 0 && numItems === this._state.collection.result.items.length,\n      location: 'Row Context Menu',\n      modalName: 'Delete rows',\n      itemId: numItems === 1 ? rowKeys[0] : undefined,\n    };\n  }\n\n  tryAgainClicked(actionName: RetryActionName) {\n    this.reportBi(\n      withoutDefaults(cairoTryAgainClicked)({\n        actionName,\n        // Schema spells the field this way.\n        loaction: 'toast',\n      }),\n    );\n  }\n\n  /** Column key, field type, and row identity used on every cell-level event. */\n  private _cellParams(cell: Cell): CellBiParams {\n    return {\n      key: cell.columnId,\n      fieldType: this._fieldTypeOf(cell.columnId),\n      itemId: cell.rowKey,\n      itemIndex: this._state._toIndices(cell)?.row,\n    };\n  }\n\n  /** The schema field type where the column came from a source, otherwise the\n   *  registered cell type. */\n  private _fieldTypeOf(columnId: string): string | undefined {\n    const column = this._state._columnMap.get(columnId) as\n      | { field?: Field; cellType?: string }\n      | undefined;\n    return column?.field?.type ?? column?.cellType;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "FormPageHeader3734466296";
+var _namespace_ = "FormPageHeader406693740";
 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": "FormPageHeader3734466296__root"
+  "root": "FormPageHeader406693740__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_ = \"FormPageHeader3734466296\";\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\":\"FormPageHeader3734466296__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_ = \"FormPageHeader406693740\";\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\":\"FormPageHeader406693740__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/LayoutSwitchState.js

@@ -69,7 +69,8 @@ class LayoutSwitchState {
       dataCapsule: this.toolbar.dataCapsule,
       componentType,
       collection: this.collection,
-      options: enabledLayouts
+      options: enabledLayouts,
+      defaultViewType: params.defaultViewType
     });
     this.toolbar.layoutState = this;
     (0, _mobx.makeObservable)(this, {

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_ToolbarCollectionState","require","_TableVirtualState","_LoadingRowState","TableState","constructor","params","_defineProperty2","default","toolbar","retryErrorState","items","onAddItemActionComplete","columnId","forceDirection","collection","sort","id","ToolbarCollectionState","container","componentType","virtual","TableVirtualState","table","loadingRowState","LoadingRowState","visibleColumns","selectedOrderedColumnsOrAll","tableState","itemsContentWidth","itemsContentRect","rect","width","itemsToRenderCount","result","size","init","keyedItems","getStickyColumnsCount","_customColumnsState$d","horizontalScroll","stickyColumns","tableDragAndDropState","customColumnsState","customColumnsProps","customColumnsStateInitialized","stickySelectionColumn","showSelection","customColumnsIsEffective","reorderDisabledColumnsIsEffective","dragAndDrop","orderedColumnsByReorderDisabled","reorderDisabled","length","checkboxColumnStickyCompat","showEmptyState","multi","hasAvailableItems","resultOriginQuerySearch","hasNonPersistentActiveFilters","showErrorState","errorStatus","showLoadingState","initTask","status","isIdle","isLoading","exports"],"sources":["../../../src/state/TableState.ts"],"sourcesContent":["import {\n  CollectionState,\n  FiltersMap,\n  SortOrder,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport {\n  ToolbarCollectionState,\n  ToolbarCollectionStateParamsInitParams,\n} from './ToolbarCollectionState';\nimport { TableVirtualState } from './TableVirtualState';\nimport { DragAndDropState } from '../components/DragAndDrop';\nimport { ICollectionComponentState } from './ICollectionComponentState';\nimport { LoadingRowState } from '../components/LoadingRow/LoadingRowState';\n\nexport interface TableStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly container: WixPatternsContainer;\n  readonly toolbar?: ToolbarCollectionState<T, F>;\n}\n\ninterface TableDragAndDropStateBase<T, F extends FiltersMap> {\n  getStickyColumnsCount: (params: { stickyColumns: number }) => number;\n  init: () => void;\n  dnd: DragAndDropState<T, F>;\n}\n\nexport interface TableStateInitParams\n  extends ToolbarCollectionStateParamsInitParams {\n  hasMultiLevelSorting?: boolean;\n}\n\nexport interface TableStatePublicAPI<T, F extends FiltersMap> {\n  /**\n   * Underlying [CollectionState](./?path=/story/common-state--collectionstate) instance\n   * @external\n   */\n  readonly collection: CollectionState<T, F>;\n  /**\n   * Underlying [ToolbarCollectionState](./?path=/story/common-state--toolbarcollectionstate) instance\n   * @external\n   */\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  /**\n   * Reset active filters & sorting and adds new items to the collection.\n   * @external\n   * @param items - new items to add to the collection\n   */\n  onAddItemActionComplete(items: T[]): void;\n\n  /**\n   * Visible columns as selected via [CustomColumns](./?path=/story/features-display--customcolumns)\n   * @external\n   */\n  readonly visibleColumns: { id: string }[];\n\n  /**\n   * Sorts the collection by a specified column and optional sort direction.\n   * @external\n   */\n  sort: (columnId: string, params: { forceDirection?: SortOrder }) => void;\n}\n\nexport class TableState<T, F extends FiltersMap>\n  implements ICollectionComponentState, TableStatePublicAPI<T, F>\n{\n  readonly toolbar;\n  readonly virtual;\n  readonly loadingRowState;\n\n  tableDragAndDropState: TableDragAndDropStateBase<T, F> | null = null;\n\n  /** The sticky table header element (column headers row) */\n  headerElement: HTMLElement | null = null;\n\n  constructor(params: TableStateParams<T, F>) {\n    this.toolbar =\n      params.toolbar ??\n      new ToolbarCollectionState({\n        collection: params.collection,\n        container: params.container,\n        componentType: 'Table',\n      });\n\n    this.virtual = new TableVirtualState({\n      table: this,\n    });\n\n    this.loadingRowState = new LoadingRowState();\n  }\n\n  get visibleColumns() {\n    return this.toolbar.selectedOrderedColumnsOrAll;\n  }\n\n  // backwards compat\n  get table() {\n    return this.toolbar;\n  }\n\n  get collection() {\n    return this.table.collection;\n  }\n\n  get tableState() {\n    return this;\n  }\n\n  get itemsContentWidth() {\n    return this.toolbar.itemsContentRect.rect.width ?? 0;\n  }\n\n  get itemsToRenderCount() {\n    return this.collection.result.size;\n  }\n\n  init(params: TableStateInitParams) {\n    return this.table.init(params);\n  }\n\n  get keyedItems() {\n    return this.collection.result.keyedItems;\n  }\n\n  getStickyColumnsCount(params: {\n    stickyColumns?: number;\n    horizontalScroll?: boolean;\n    showSelection?: boolean;\n    stickySelectionColumn?: boolean;\n  }) {\n    const { horizontalScroll } = params;\n\n    if (!horizontalScroll) {\n      return params.stickyColumns;\n    }\n\n    const { tableDragAndDropState, toolbar } = this;\n\n    const {\n      customColumnsState,\n      customColumnsProps,\n      customColumnsStateInitialized,\n    } = toolbar;\n\n    const { stickySelectionColumn, showSelection } = params;\n\n    let stickyColumns = params.stickyColumns ?? 0;\n\n    const customColumnsIsEffective =\n      customColumnsProps && customColumnsState && customColumnsStateInitialized;\n\n    const reorderDisabledColumnsIsEffective =\n      !!customColumnsState?.dragAndDrop?.orderedColumnsByReorderDisabled\n        .reorderDisabled?.length;\n\n    if (customColumnsIsEffective) {\n      stickyColumns = customColumnsState.getStickyColumnsCount({\n        ...params,\n        stickyColumns,\n      });\n    }\n\n    if (tableDragAndDropState) {\n      stickyColumns = tableDragAndDropState.getStickyColumnsCount({\n        ...params,\n        stickyColumns,\n      });\n    }\n\n    const checkboxColumnStickyCompat =\n      reorderDisabledColumnsIsEffective ||\n      stickySelectionColumn ||\n      tableDragAndDropState != null;\n\n    if (showSelection && checkboxColumnStickyCompat) {\n      stickyColumns += 1;\n    }\n\n    return stickyColumns;\n  }\n\n  get showEmptyState() {\n    return this.toolbar.multi.showEmptyState;\n  }\n\n  get hasAvailableItems() {\n    return this.toolbar.multi.hasAvailableItems;\n  }\n\n  get resultOriginQuerySearch() {\n    return this.toolbar.multi.resultOriginQuerySearch;\n  }\n\n  get hasNonPersistentActiveFilters() {\n    return this.toolbar.multi.hasNonPersistentActiveFilters;\n  }\n\n  get showErrorState() {\n    return this.toolbar.multi.showErrorState;\n  }\n\n  get errorStatus() {\n    return this.toolbar.multi.errorStatus;\n  }\n\n  get showLoadingState() {\n    const { initTask, toolbar } = this;\n    return (\n      initTask.status.isIdle ||\n      initTask.status.isLoading ||\n      toolbar.multi.showLoadingState\n    );\n  }\n\n  get initTask() {\n    return this.toolbar.initTask;\n  }\n\n  retryErrorState = () => this.toolbar.retryErrorState();\n\n  onAddItemActionComplete = async (items: T[]) => {\n    return this.toolbar.onAddItemActionComplete(items);\n  };\n\n  sort = (\n    columnId: string,\n    { forceDirection }: { forceDirection?: SortOrder } = {},\n  ) => {\n    this.collection.sort({ id: columnId }, { forceDirection });\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_ToolbarCollectionState","require","_TableVirtualState","_LoadingRowState","TableState","constructor","params","_defineProperty2","default","toolbar","retryErrorState","items","onAddItemActionComplete","columnId","forceDirection","collection","sort","id","ToolbarCollectionState","container","componentType","virtual","TableVirtualState","table","loadingRowState","LoadingRowState","visibleColumns","selectedOrderedColumnsOrAll","tableState","itemsContentWidth","itemsContentRect","rect","width","itemsToRenderCount","result","size","init","keyedItems","getStickyColumnsCount","_customColumnsState$d","horizontalScroll","stickyColumns","tableDragAndDropState","customColumnsState","customColumnsProps","customColumnsStateInitialized","stickySelectionColumn","showSelection","customColumnsIsEffective","reorderDisabledColumnsIsEffective","dragAndDrop","orderedColumnsByReorderDisabled","reorderDisabled","length","checkboxColumnStickyCompat","showEmptyState","multi","hasAvailableItems","resultOriginQuerySearch","hasNonPersistentActiveFilters","showErrorState","errorStatus","showLoadingState","initTask","status","isIdle","isLoading","exports"],"sources":["../../../src/state/TableState.ts"],"sourcesContent":["import {\n  CollectionState,\n  FiltersMap,\n  SortOrder,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport {\n  ToolbarCollectionState,\n  ToolbarCollectionStateParamsInitParams,\n} from './ToolbarCollectionState';\nimport { TableVirtualState } from './TableVirtualState';\nimport { DragAndDropState } from '../components/DragAndDrop';\nimport { ICollectionComponentState } from './ICollectionComponentState';\nimport { LoadingRowState } from '../components/LoadingRow/LoadingRowState';\n\nexport interface TableStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly container: WixPatternsContainer;\n  readonly toolbar?: ToolbarCollectionState<T, F>;\n}\n\ninterface TableDragAndDropStateBase<T, F extends FiltersMap> {\n  getStickyColumnsCount: (params: { stickyColumns: number }) => number;\n  init: () => void;\n  dnd: DragAndDropState<T, F>;\n}\n\nexport interface TableStateInitParams\n  extends ToolbarCollectionStateParamsInitParams {\n  hasMultiLevelSorting?: boolean;\n}\n\nexport interface TableStatePublicAPI<T, F extends FiltersMap> {\n  /**\n   * Underlying [CollectionState](./?path=/story/common-state--collectionstate) instance\n   * @external\n   */\n  readonly collection: CollectionState<T, F>;\n  /**\n   * Underlying [ToolbarCollectionState](./?path=/story/common-state--toolbarcollectionstate) instance\n   * @external\n   */\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  /**\n   * Reset active filters & sorting and adds new items to the collection.\n   * @external\n   * @param items - new items to add to the collection\n   */\n  onAddItemActionComplete(items: T[]): void;\n\n  /**\n   * Visible columns as selected via [CustomColumns](./?path=/story/features-display-custom-columns--customcolumns)\n   * @external\n   */\n  readonly visibleColumns: { id: string }[];\n\n  /**\n   * Sorts the collection by a specified column and optional sort direction.\n   * @external\n   */\n  sort: (columnId: string, params: { forceDirection?: SortOrder }) => void;\n}\n\nexport class TableState<T, F extends FiltersMap>\n  implements ICollectionComponentState, TableStatePublicAPI<T, F>\n{\n  readonly toolbar;\n  readonly virtual;\n  readonly loadingRowState;\n\n  tableDragAndDropState: TableDragAndDropStateBase<T, F> | null = null;\n\n  /** The sticky table header element (column headers row) */\n  headerElement: HTMLElement | null = null;\n\n  constructor(params: TableStateParams<T, F>) {\n    this.toolbar =\n      params.toolbar ??\n      new ToolbarCollectionState({\n        collection: params.collection,\n        container: params.container,\n        componentType: 'Table',\n      });\n\n    this.virtual = new TableVirtualState({\n      table: this,\n    });\n\n    this.loadingRowState = new LoadingRowState();\n  }\n\n  get visibleColumns() {\n    return this.toolbar.selectedOrderedColumnsOrAll;\n  }\n\n  // backwards compat\n  get table() {\n    return this.toolbar;\n  }\n\n  get collection() {\n    return this.table.collection;\n  }\n\n  get tableState() {\n    return this;\n  }\n\n  get itemsContentWidth() {\n    return this.toolbar.itemsContentRect.rect.width ?? 0;\n  }\n\n  get itemsToRenderCount() {\n    return this.collection.result.size;\n  }\n\n  init(params: TableStateInitParams) {\n    return this.table.init(params);\n  }\n\n  get keyedItems() {\n    return this.collection.result.keyedItems;\n  }\n\n  getStickyColumnsCount(params: {\n    stickyColumns?: number;\n    horizontalScroll?: boolean;\n    showSelection?: boolean;\n    stickySelectionColumn?: boolean;\n  }) {\n    const { horizontalScroll } = params;\n\n    if (!horizontalScroll) {\n      return params.stickyColumns;\n    }\n\n    const { tableDragAndDropState, toolbar } = this;\n\n    const {\n      customColumnsState,\n      customColumnsProps,\n      customColumnsStateInitialized,\n    } = toolbar;\n\n    const { stickySelectionColumn, showSelection } = params;\n\n    let stickyColumns = params.stickyColumns ?? 0;\n\n    const customColumnsIsEffective =\n      customColumnsProps && customColumnsState && customColumnsStateInitialized;\n\n    const reorderDisabledColumnsIsEffective =\n      !!customColumnsState?.dragAndDrop?.orderedColumnsByReorderDisabled\n        .reorderDisabled?.length;\n\n    if (customColumnsIsEffective) {\n      stickyColumns = customColumnsState.getStickyColumnsCount({\n        ...params,\n        stickyColumns,\n      });\n    }\n\n    if (tableDragAndDropState) {\n      stickyColumns = tableDragAndDropState.getStickyColumnsCount({\n        ...params,\n        stickyColumns,\n      });\n    }\n\n    const checkboxColumnStickyCompat =\n      reorderDisabledColumnsIsEffective ||\n      stickySelectionColumn ||\n      tableDragAndDropState != null;\n\n    if (showSelection && checkboxColumnStickyCompat) {\n      stickyColumns += 1;\n    }\n\n    return stickyColumns;\n  }\n\n  get showEmptyState() {\n    return this.toolbar.multi.showEmptyState;\n  }\n\n  get hasAvailableItems() {\n    return this.toolbar.multi.hasAvailableItems;\n  }\n\n  get resultOriginQuerySearch() {\n    return this.toolbar.multi.resultOriginQuerySearch;\n  }\n\n  get hasNonPersistentActiveFilters() {\n    return this.toolbar.multi.hasNonPersistentActiveFilters;\n  }\n\n  get showErrorState() {\n    return this.toolbar.multi.showErrorState;\n  }\n\n  get errorStatus() {\n    return this.toolbar.multi.errorStatus;\n  }\n\n  get showLoadingState() {\n    const { initTask, toolbar } = this;\n    return (\n      initTask.status.isIdle ||\n      initTask.status.isLoading ||\n      toolbar.multi.showLoadingState\n    );\n  }\n\n  get initTask() {\n    return this.toolbar.initTask;\n  }\n\n  retryErrorState = () => this.toolbar.retryErrorState();\n\n  onAddItemActionComplete = async (items: T[]) => {\n    return this.toolbar.onAddItemActionComplete(items);\n  };\n\n  sort = (\n    columnId: string,\n    { forceDirection }: { forceDirection?: SortOrder } = {},\n  ) => {\n    this.collection.sort({ id: columnId }, { forceDirection });\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/ViewTypeState.js

@@ -9,8 +9,9 @@ var _bi = require("@wix/bex-core/bi");
 var _mobx = require("mobx");
 class ViewTypeState {
   constructor(params) {
-    (0, _defineProperty2.default)(this, "viewType", 'table');
+    (0, _defineProperty2.default)(this, "viewType", void 0);
     (0, _defineProperty2.default)(this, "options", void 0);
+    (0, _defineProperty2.default)(this, "defaultViewType", void 0);
     (0, _defineProperty2.default)(this, "container", void 0);
     (0, _defineProperty2.default)(this, "dataCapsule", void 0);
     (0, _defineProperty2.default)(this, "componentType", void 0);
@@ -21,6 +22,9 @@ class ViewTypeState {
     this.componentType = params.componentType;
     this.collection = params.collection;
     this.options = params.options;
+    // A default that is not an enabled layout is ignored, like a saved one.
+    this.defaultViewType = params.defaultViewType && this.options.includes(params.defaultViewType) ? params.defaultViewType : undefined;
+    this.viewType = this.defaultViewType ?? this.options[0] ?? 'table';
     (0, _mobx.makeObservable)(this, {
       viewType: _mobx.observable.ref,
       changeViewType: _mobx.action.bound
@@ -36,7 +40,7 @@ class ViewTypeState {
       const res = await this.dataCapsule.getItem('view-type');
       (0, _mobx.runInAction)(() => {
         if (!this.options.length) return;
-        this.viewType = this.options.includes(res) ? res : this.options[0];
+        this.viewType = this.options.includes(res) ? res : this.defaultViewType ?? this.options[0];
       });
     } catch (err) {
       this.container.errorMonitor.captureException(err);

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","_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":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_bi","_mobx","ViewTypeState","constructor","params","_defineProperty2","default","TaskState","container","dataCapsule","componentType","collection","options","defaultViewType","includes","undefined","viewType","makeObservable","observable","ref","changeViewType","action","bound","init","initTask","runOnce","_getViewTypeFromStorage","res","getItem","runInAction","length","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  readonly defaultViewType?: ViewType;\n}\nexport type ViewType = 'table' | 'grid' | 'spreadsheet';\n\nexport class ViewTypeState {\n  viewType: ViewType;\n  readonly options: ViewType[];\n  readonly defaultViewType: ViewType | undefined;\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    // A default that is not an enabled layout is ignored, like a saved one.\n    this.defaultViewType =\n      params.defaultViewType && this.options.includes(params.defaultViewType)\n        ? params.defaultViewType\n        : undefined;\n    this.viewType = this.defaultViewType ?? this.options[0] ?? 'table';\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)\n          ? res\n          : this.defaultViewType ?? 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":"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","ignoreList":[]}

package/dist/cjs/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer1421580394__root.CardContainer1421580394--mobile{border-radius:0}.CmsFieldForm1717452422__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal402786758__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection436691404__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse2472116571__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2472116571__exit{height:0}.CollectionPage2431242528__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2431242528__root.CollectionPage2431242528--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2431242528__root.CollectionPage2431242528--panel{overflow:hidden;position:relative}.CollectionSectionHeader1506670591__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3207596603__root td{vertical-align:middle}.CollectionTable3207596603__root.CollectionTable3207596603--mobile td:first-child{padding-left:18px}.CollectionTable3207596603__root.CollectionTable3207596603--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable4219007909__root.CollectionTableWSRTable4219007909--resizable table{min-width:100%}.CollectionTableWSRTable4219007909__root.CollectionTableWSRTable4219007909--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar3488789661__root.CollectionToolbar3488789661--harmony .CollectionToolbar3488789661__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar3488789661__left{min-width:0}.CollectionToolbar3488789661__left.CollectionToolbar3488789661--expandable{flex:auto}.CollectionToolbar3488789661__left.CollectionToolbar3488789661--title>*{width:100%}.CollectionToolbar3488789661__root.CollectionToolbar3488789661---responsiveMode-5-title .CollectionToolbar3488789661__left{flex:1 100;min-width:50px}.CollectionToolbar3488789661__root.CollectionToolbar3488789661---responsiveMode-4-tabs .CollectionToolbar3488789661__left,.CollectionToolbar3488789661__root.CollectionToolbar3488789661---responsiveMode-4-tabs .CollectionToolbar3488789661__left.CollectionToolbar3488789661--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3488789661__root.CollectionToolbar3488789661---responsiveMode-4-tabs .CollectionToolbar3488789661__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3488789661__root .CollectionToolbar3488789661__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3488789661__root.CollectionToolbar3488789661--views .CollectionToolbar3488789661__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3488789661__root.CollectionToolbar3488789661---responsiveMode-4-tabs .CollectionToolbar3488789661__right,.CollectionToolbar3488789661__root.CollectionToolbar3488789661---responsiveMode-5-title .CollectionToolbar3488789661__right{flex:0 1 auto;min-width:0}.CollectionToolbar3488789661__root .CollectionToolbar3488789661__right.CollectionToolbar3488789661__fullWidth{margin-inline-start:0!important}.CollectionToolbar3488789661__root.CollectionToolbar3488789661--mobile:not(.CollectionToolbar3488789661--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter1596131213__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1596131213__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1596131213__searchMobile:not(.SearchOrCustomFilter1596131213--expandable){left:18px}.SearchOrCustomFilter1596131213__searchMobile.SearchOrCustomFilter1596131213--expandable.SearchOrCustomFilter1596131213--expanded{left:18px}.AutoCompleteReadonly2505609745__root.AutoCompleteReadonly2505609745--disableEditing{cursor:pointer}.AutoCompleteReadonly2505609745__root.AutoCompleteReadonly2505609745--disableEditing input{cursor:pointer}.ViewsDropdown3166874312__root{width:200px}.CustomFieldFormPiiFields507618773__tooltipText{--wds-font-line-height-body-tiny:var(--wds-tooltip-label-font-line-height-medium, var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px)))}.DragHandle1515686070__root{display:flex;align-items:center}.DragHandle1515686070__root:not(.DragHandle1515686070--disabled){cursor:grab;color:#a8caff}.DragHandle1515686070__root.DragHandle1515686070--disabled{color:#acafc4}.DragHandle1515686070__root:focus-visible:not(.DragHandle1515686070--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1515686070__root.DragHandle1515686070--disabled{pointer-events:none}.DragHandle1515686070__root.DragHandle1515686070--dragging:not(.DragHandle1515686070--disabled){cursor:grabbing}td:has(>.EditableCell418220247__root){position:relative;overflow:visible}tr:has(.EditableCell418220247__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell418220247__root{display:flex;align-items:center;padding:0;position:absolute;top:-1px;left:-1px;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff));border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb))}tr:first-child>td>.EditableCell418220247__root{top:0}.EditableCell418220247__root:hover:not(.EditableCell418220247--rowActive):not(.EditableCell418220247--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell418220247__root.EditableCell418220247--rowActive:not(.EditableCell418220247--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell418220247__root.EditableCell418220247--rowActive:hover:not(.EditableCell418220247--focused):not(.EditableCell418220247--rangeSelected):not(.EditableCell418220247--readOnly){border-color:var(--wds-input-border-color-hover, var(--wsr-color-B40, #d6e6fe));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell418220247__root.EditableCell418220247--readOnly{--wds-color-text-standard-primary:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)));color:var(--wds-color-text-standard-primary)}.EditableCell418220247__root.EditableCell418220247--readOnly:hover:not(.EditableCell418220247--rowActive):not(.EditableCell418220247--rangeSelected),.EditableCell418220247__root.EditableCell418220247--readOnly.EditableCell418220247--rowActive:not(.EditableCell418220247--rangeSelected){background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell418220247__root.EditableCell418220247--readOnly.EditableCell418220247--rowActive:hover:not(.EditableCell418220247--focused):not(.EditableCell418220247--rangeSelected){border-color:var(--wds-color-black-700, var(--wsr-color-D70, #eceff3))}.EditableCell418220247__root.EditableCell418220247--focused:not(.EditableCell418220247--rangeSelected){border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell418220247__root.EditableCell418220247--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell418220247__root.EditableCell418220247--editing:not(.EditableCell418220247--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell418220247__root.EditableCell418220247--focused.EditableCell418220247--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell418220247__root:has([data-inner-focused]){overflow:visible;z-index:3;border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell418220247__root.EditableCell418220247--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell418220247__root.EditableCell418220247--selectionTop:not(.EditableCell418220247--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--selectionBottom:not(.EditableCell418220247--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--selectionLeft:not(.EditableCell418220247--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--selectionRight:not(.EditableCell418220247--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--invalid,.EditableCell418220247__root.EditableCell418220247--invalid.EditableCell418220247--rowActive:hover:not(.EditableCell418220247--focused):not(.EditableCell418220247--rangeSelected),.EditableCell418220247__root.EditableCell418220247--invalid.EditableCell418220247--focused:not(.EditableCell418220247--rangeSelected),.EditableCell418220247__root.EditableCell418220247--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell418220247__root.EditableCell418220247--copiedTop:not(.EditableCell418220247--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--copiedBottom:not(.EditableCell418220247--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--copiedLeft:not(.EditableCell418220247--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--copiedRight:not(.EditableCell418220247--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--invalid:not(.EditableCell418220247--focused):not(.EditableCell418220247--editing){z-index:1}.EditableCell418220247__errorMessage{position:absolute;top:calc(100% + 4px);left:-1px;z-index:4;box-sizing:border-box;width:max-content;max-width:240px;padding:6px 8px;pointer-events:none;border-radius:var(--wds-popover-border-radius, var(--wds-border-radius-400, 8px));background:var(--wds-popover-fill, var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff)));box-shadow:var(--wds-shadow-surface-overlay, 0 0 18px rgba(0, 6, 36, 0.1), 0 6px 6px rgba(0, 6, 36, 0.05))}tr:last-child .EditableCell418220247__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover1373088574__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover1373088574__root,.HeaderActionsPopover1373088574__root[data-menu-open=true],.HeaderActionsPopover1373088574__root:focus-within{opacity:1}.CellViewLayout990787454__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout990787454__root>*{flex:1;min-width:0}.Edit2722305770__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:8px;padding-right:8px;min-width:0;overflow:hidden}.Edit2722305770__addressInput>div,.Edit2722305770__addressInput>div>div,.Edit2722305770__addressInput>div>div>div{width:100%;min-width:0}.Edit357726622__jsonInput{width:100%;margin-left:-1px}.Edit2609320197__booleanEdit{display:flex;align-items:center;margin-left:8px}.View722233277__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit3886572474__root{width:100%;height:100%;display:flex;align-items:center}.Edit3624563720__dateInput{width:100%;margin-left:-1px}.Edit2438624960__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit2438624960__dateHalf{flex:60 1 0}.Edit2438624960__timeHalf{flex:40 1 0}.Edit2438624960__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2438624960__passiveText{padding:6px 8px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit2438624960__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View3661061794__leaf{min-width:0;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View3661061794__datePart{flex:60 1 0}.View3661061794__timePart{flex:40 1 0}.View3661061794__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View3661061794__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit724469922__emailInput{width:100%;margin-left:-1px}.Edit7950938__numberInput{width:100%;margin-right:2px}.Edit7950938__numberInput input{text-align:right;direction:ltr}.View3961498259__textView{width:100%;text-align:right}.Edit58382595__jsonInput{width:100%;margin-left:-1px}.Edit3543350856__selectInput{width:100%}.Edit4280840684__editWrapper{width:100%}.Edit4280840684__inputArea{background-color:transparent;width:100%}.Edit4280840684__inputArea input,.Edit4280840684__inputArea textarea{font-size:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px))!important;line-height:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px))!important}.Edit4280840684__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4280840684__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit4280840684__inputArea>div::after{box-shadow:none!important}.Edit4280840684__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4280840684__inputArea:not(.Edit4280840684--isFocused) textarea{resize:none;overflow:hidden}.Edit4280840684__inputArea:not(.Edit4280840684--isFocused) textarea::-webkit-scrollbar{display:none}.Edit3797187847__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
+.CardContainer89175386__root.CardContainer89175386--mobile{border-radius:0}.CmsFieldForm1053411839__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal818483420__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection2674945069__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse1905004565__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1905004565__exit{height:0}.CollectionPage1459539195__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1459539195__root.CollectionPage1459539195--mobile{--wds-page-header-padding-horizontal:0px;--wds-page-header-padding-horizontal-small:0px;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1459539195__root.CollectionPage1459539195--mobile :has(>[data-hook=collection-page-mobile-primary-action]){padding-bottom:0}.CollectionPage1459539195__root.CollectionPage1459539195--panel{overflow:hidden;position:relative}.CollectionSectionHeader1925118531__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2371852919__root td{vertical-align:middle}.CollectionTable2371852919__root.CollectionTable2371852919--mobile td:first-child{padding-left:18px}.CollectionTable2371852919__root.CollectionTable2371852919--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable2831281580__root.CollectionTableWSRTable2831281580--resizable table{min-width:100%}.CollectionTableWSRTable2831281580__root.CollectionTableWSRTable2831281580--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1474840426__root.CollectionToolbar1474840426--harmony .CollectionToolbar1474840426__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar1474840426__left{min-width:0}.CollectionToolbar1474840426__left.CollectionToolbar1474840426--expandable{flex:auto}.CollectionToolbar1474840426__left.CollectionToolbar1474840426--title>*{width:100%}.CollectionToolbar1474840426__root.CollectionToolbar1474840426---responsiveMode-5-title .CollectionToolbar1474840426__left{flex:1 100;min-width:50px}.CollectionToolbar1474840426__root.CollectionToolbar1474840426---responsiveMode-4-tabs .CollectionToolbar1474840426__left,.CollectionToolbar1474840426__root.CollectionToolbar1474840426---responsiveMode-4-tabs .CollectionToolbar1474840426__left.CollectionToolbar1474840426--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1474840426__root.CollectionToolbar1474840426---responsiveMode-4-tabs .CollectionToolbar1474840426__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1474840426__root .CollectionToolbar1474840426__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1474840426__root.CollectionToolbar1474840426--views .CollectionToolbar1474840426__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1474840426__root.CollectionToolbar1474840426---responsiveMode-4-tabs .CollectionToolbar1474840426__right,.CollectionToolbar1474840426__root.CollectionToolbar1474840426---responsiveMode-5-title .CollectionToolbar1474840426__right{flex:0 1 auto;min-width:0}.CollectionToolbar1474840426__root .CollectionToolbar1474840426__right.CollectionToolbar1474840426__fullWidth{margin-inline-start:0!important}.CollectionToolbar1474840426__root.CollectionToolbar1474840426--mobile:not(.CollectionToolbar1474840426--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter1302990876__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1302990876__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1302990876__searchMobile:not(.SearchOrCustomFilter1302990876--expandable){left:18px}.SearchOrCustomFilter1302990876__searchMobile.SearchOrCustomFilter1302990876--expandable.SearchOrCustomFilter1302990876--expanded{left:18px}.AutoCompleteReadonly2201278997__root.AutoCompleteReadonly2201278997--disableEditing{cursor:pointer}.AutoCompleteReadonly2201278997__root.AutoCompleteReadonly2201278997--disableEditing input{cursor:pointer}.ViewsDropdown1632747698__root{width:200px}.CustomFieldFormPiiFields3308205986__tooltipText{--wds-font-line-height-body-tiny:var(--wds-tooltip-label-font-line-height-medium, var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px)))}.DragHandle3684502207__root{display:flex;align-items:center}.DragHandle3684502207__root:not(.DragHandle3684502207--disabled){cursor:grab;color:#a8caff}.DragHandle3684502207__root.DragHandle3684502207--disabled{color:#acafc4}.DragHandle3684502207__root:focus-visible:not(.DragHandle3684502207--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3684502207__root.DragHandle3684502207--disabled{pointer-events:none}.DragHandle3684502207__root.DragHandle3684502207--dragging:not(.DragHandle3684502207--disabled){cursor:grabbing}td:has(>.EditableCell84838942__root){position:relative;overflow:visible}tr:has(.EditableCell84838942__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell84838942__root{display:flex;align-items:center;padding:0;position:absolute;top:-1px;left:-1px;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff));border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb))}tr:first-child>td>.EditableCell84838942__root{top:0}.EditableCell84838942__root:hover:not(.EditableCell84838942--rowActive):not(.EditableCell84838942--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell84838942__root.EditableCell84838942--rowActive:not(.EditableCell84838942--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell84838942__root.EditableCell84838942--rowActive:hover:not(.EditableCell84838942--focused):not(.EditableCell84838942--rangeSelected):not(.EditableCell84838942--readOnly){border-color:var(--wds-input-border-color-hover, var(--wsr-color-B40, #d6e6fe));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell84838942__root.EditableCell84838942--readOnly{--wds-color-text-standard-primary:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)));color:var(--wds-color-text-standard-primary)}.EditableCell84838942__root.EditableCell84838942--readOnly:hover:not(.EditableCell84838942--rowActive):not(.EditableCell84838942--rangeSelected),.EditableCell84838942__root.EditableCell84838942--readOnly.EditableCell84838942--rowActive:not(.EditableCell84838942--rangeSelected){background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell84838942__root.EditableCell84838942--readOnly.EditableCell84838942--rowActive:hover:not(.EditableCell84838942--focused):not(.EditableCell84838942--rangeSelected){border-color:var(--wds-color-black-700, var(--wsr-color-D70, #eceff3))}.EditableCell84838942__root.EditableCell84838942--focused:not(.EditableCell84838942--rangeSelected){border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell84838942__root.EditableCell84838942--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell84838942__root.EditableCell84838942--editing:not(.EditableCell84838942--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell84838942__root.EditableCell84838942--focused.EditableCell84838942--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell84838942__root:has([data-inner-focused]){overflow:visible;z-index:3;border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell84838942__root.EditableCell84838942--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell84838942__root.EditableCell84838942--selectionTop:not(.EditableCell84838942--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell84838942__root.EditableCell84838942--selectionBottom:not(.EditableCell84838942--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell84838942__root.EditableCell84838942--selectionLeft:not(.EditableCell84838942--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell84838942__root.EditableCell84838942--selectionRight:not(.EditableCell84838942--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell84838942__root.EditableCell84838942--invalid,.EditableCell84838942__root.EditableCell84838942--invalid.EditableCell84838942--rowActive:hover:not(.EditableCell84838942--focused):not(.EditableCell84838942--rangeSelected),.EditableCell84838942__root.EditableCell84838942--invalid.EditableCell84838942--focused:not(.EditableCell84838942--rangeSelected),.EditableCell84838942__root.EditableCell84838942--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell84838942__root.EditableCell84838942--copiedTop:not(.EditableCell84838942--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell84838942__root.EditableCell84838942--copiedBottom:not(.EditableCell84838942--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell84838942__root.EditableCell84838942--copiedLeft:not(.EditableCell84838942--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell84838942__root.EditableCell84838942--copiedRight:not(.EditableCell84838942--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell84838942__root.EditableCell84838942--invalid:not(.EditableCell84838942--focused):not(.EditableCell84838942--editing){z-index:1}.EditableCell84838942__errorMessage{position:absolute;top:calc(100% + 4px);left:-1px;z-index:4;box-sizing:border-box;width:max-content;max-width:240px;padding:6px 8px;pointer-events:none;border-radius:var(--wds-popover-border-radius, var(--wds-border-radius-400, 8px));background:var(--wds-popover-fill, var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff)));box-shadow:var(--wds-shadow-surface-overlay, 0 0 18px rgba(0, 6, 36, 0.1), 0 6px 6px rgba(0, 6, 36, 0.05))}tr:last-child .EditableCell84838942__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover446813059__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover446813059__root,.HeaderActionsPopover446813059__root[data-menu-open=true],.HeaderActionsPopover446813059__root:focus-within{opacity:1}.CellViewLayout2464844687__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2464844687__root>*{flex:1;min-width:0}.Edit4064067805__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:8px;padding-right:8px;min-width:0;overflow:hidden}.Edit4064067805__addressInput>div,.Edit4064067805__addressInput>div>div,.Edit4064067805__addressInput>div>div>div{width:100%;min-width:0}.Edit4044920703__jsonInput{width:100%;margin-left:-1px}.Edit2257781110__booleanEdit{display:flex;align-items:center;margin-left:8px}.View3676517918__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit1919896553__root{width:100%;height:100%;display:flex;align-items:center}.Edit1409204320__dateInput{width:100%;margin-left:-1px}.Edit1893675334__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit1893675334__dateHalf{flex:60 1 0}.Edit1893675334__timeHalf{flex:40 1 0}.Edit1893675334__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit1893675334__passiveText{padding:6px 8px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit1893675334__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View3508275972__leaf{min-width:0;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View3508275972__datePart{flex:60 1 0}.View3508275972__timePart{flex:40 1 0}.View3508275972__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View3508275972__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit1723470133__emailInput{width:100%;margin-left:-1px}.Edit1304335115__numberInput{width:100%;margin-right:2px}.Edit1304335115__numberInput input{text-align:right;direction:ltr}.View3096171468__textView{width:100%;text-align:right}.Edit2463058583__jsonInput{width:100%;margin-left:-1px}.Edit722411838__selectInput{width:100%}.Edit3133363930__editWrapper{width:100%}.Edit3133363930__inputArea{background-color:transparent;width:100%}.Edit3133363930__inputArea input,.Edit3133363930__inputArea textarea{font-size:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px))!important;line-height:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px))!important}.Edit3133363930__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3133363930__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit3133363930__inputArea>div::after{box-shadow:none!important}.Edit3133363930__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3133363930__inputArea:not(.Edit3133363930--isFocused) textarea{resize:none;overflow:hidden}.Edit3133363930__inputArea:not(.Edit3133363930--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2156452178__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
     --wds-font-line-height-body-small
-  )}.Edit3797187847__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit378691195__urlInput{width:100%;margin-left:-1px}.View2801638895__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View2801638895__urlText{flex:1;min-width:0}.View2801638895__suffix{flex-shrink:0;margin-left:10px}.View2801638895__textView.View2801638895--suffixOnHover:not(:hover) .View2801638895__suffix{display:none}.EmptyStateBase887233244__root{min-height:230px;align-items:center}.EntityPagePlain2068132960__root.EntityPagePlain2068132960--mobile{--wds-page-header-padding-horizontal:0}.Fade606946213__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade606946213__root.Fade606946213--exit{opacity:0}.Heading1247508333__root{visibility:visible}.Heading1247508333__root.Heading1247508333--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3017035245__fileUpload{width:100%}.InputOverflow569595353__root.InputOverflow569595353--selected:not(.InputOverflow569595353--focused) input::placeholder{color:#000624}@keyframes LoadingRow4090891165__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%}}.LoadingRow4090891165__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:LoadingRow4090891165__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText879506298__root{opacity:1}.MaxHeightText879506298__root.MaxHeightText879506298--height24{line-height:24px}.MaxLines1771161255__root{overflow:hidden}.MaxLines1771161255__root.MaxLines1771161255--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar4024882803__root{min-width:0}.MultiBulkActionToolbar4024882803__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar4024882803__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar4024882803__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2386184459__root td{padding:0!important;width:100%}.NestedTableRow3747661608__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow3747661608__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow3747661608__root.NestedTableRow3747661608--expandable{cursor:pointer}.NestedTableRow3747661608__placeholder td{padding:0!important;width:100%}.NestedTableRow3747661608__root:hover td:first-of-type::before,.NestedTableRow3747661608__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.MultipleDragOverlayEffect3362159254__root{position:absolute;transform:translate(6px,6px);background-color:var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff));box-shadow:var(--wds-shadow-surface-overlay, var(--wsr-shadow20, 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12)))}.NestedTableDragAndDropRow1383889673__root.NestedTableDragAndDropRow1383889673--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent3516515489__root{display:flex}.PickerContentAdditionalStep154265560__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep154265560__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1307611848__root{box-sizing:border-box}.ScrollableContent3942402169__root.ScrollableContent3942402169--overflowY{overflow-y:auto}.ScrollableContent3942402169__root.ScrollableContent3942402169--overflowX{overflow-x:auto}.ScrollableContent3942402169__root.ScrollableContent3942402169--smooth{scroll-behavior:smooth}.SetupWidget2418838366__row{display:flex;flex-direction:column;overflow:clip;--wds-clickable-card-outline-border-color:var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))}.SetupWidget2418838366__row.SetupWidget2418838366--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget2418838366__row.SetupWidget2418838366--focused.SetupWidget2418838366--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2418838366__completedCta,.SetupWidget2418838366__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget2418838366__row:hover .SetupWidget2418838366__completedCta,.SetupWidget2418838366__row:hover .SetupWidget2418838366__secondaryCta{opacity:1}}.SetupWidget2418838366__row:focus-within .SetupWidget2418838366__completedCta,.SetupWidget2418838366__row:focus-within .SetupWidget2418838366__secondaryCta,.SetupWidget2418838366__secondaryCta:focus-within{opacity:1}.SetupWidget2418838366__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget2418838366__card.SetupWidget2418838366--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2418838366__card.SetupWidget2418838366--clickable{cursor:pointer}.SetupWidget2418838366__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget2418838366__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget2418838366__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget2418838366__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard2955302995__headerLoading{display:block!important}.SlidingModal1730162231__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1730162231__root.SlidingModal1730162231--overlay{transition:transform 0s ease 0s}.SlidingModal1730162231__root.SlidingModal1730162231---appendTo-6-parent{position:absolute}.SlidingModal1730162231__root.SlidingModal1730162231--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal1730162231__root:not(.SlidingModal1730162231--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}th:not([data-sticky=true]):has(.AddFieldColumnHeader3509584085__anchorLayer){position:relative}.AddFieldColumnHeader3509584085__anchorLayer{position:absolute;inset:0;pointer-events:none}.AddFieldColumnHeader3509584085__anchorLayer>.AddFieldColumnHeader3509584085__popover{display:grid;width:100%;height:100%}.AddFieldColumnHeader3509584085__popover{--wds-popover-fill:transparent;--wds-popover-border-width:0;--wds-popover-border-radius:0;--wds-shadow-surface-overlay:none;--wds-background-blur-surface-overlay:0px}.AddFieldColumnHeader3509584085__title{display:flex;align-items:center;box-sizing:content-box;width:100%;min-width:0;min-height:24px;margin-block:calc(-1*var(--wds-space-150, 9px));padding-block:var(--wds-space-150, 9px)}.AddFieldColumnHeader3509584085__hoverBridge{display:inline-block;padding:4px;background:0 0;transform:translate(50%,-50%)}.AddFieldColumnHeader3509584085__hoverBridge.AddFieldColumnHeader3509584085---side-4-left{transform:translate(-50%,-50%)}.TabsFilter1936161386__root .TabsFilter1936161386__titleBox *{color:inherit!important}.ManageTagsModal1039381983__root{display:flex}.ManageTagsModal1039381983__root.ManageTagsModal1039381983--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal1039381983__root.ManageTagsModal1039381983--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem2278610119__root{min-width:0}.ToolbarItemBox4122681719__root{min-width:0}.ToolbarItemBox4122681719__root.ToolbarItemBox4122681719--removeStartPadding{margin-left:-24px}.ToolbarItemBox4122681719__root.ToolbarItemBox4122681719--expandable{flex:1 0}.common3747721368__column{display:flex;flex-direction:column}.common3747721368__fullHeight{height:100%;min-height:0}.CollectionPageHeader2327761266__root:not(.CollectionPageHeader2327761266--mobile){gap:12px}.CollectionPageHeader2327761266__root.CollectionPageHeader2327761266--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2327761266__root.CollectionPageHeader2327761266--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.TitleBadges2624840756__tooltip.TitleBadges2624840756__tooltip,.TitleBadges2624840756__tooltipTrigger{display:flex}.FormPageHeader3734466296__root.FormPageHeader3734466296--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3734466296__root.FormPageHeader3734466296--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.Edit2156452178__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit404231811__urlInput{width:100%;margin-left:-1px}.View1127138054__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View1127138054__urlText{flex:1;min-width:0}.View1127138054__suffix{flex-shrink:0;margin-left:10px}.View1127138054__textView.View1127138054--suffixOnHover:not(:hover) .View1127138054__suffix{display:none}.EmptyStateBase1160846046__root{min-height:230px;align-items:center}.EntityPagePlain2050096784__root.EntityPagePlain2050096784--mobile{--wds-page-header-padding-horizontal:0}.Fade3686196112__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3686196112__root.Fade3686196112--exit{opacity:0}.Heading753415780__root{visibility:visible}.Heading753415780__root.Heading753415780--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload1421746579__fileUpload{width:100%}.InputOverflow3152898785__root.InputOverflow3152898785--selected:not(.InputOverflow3152898785--focused) input::placeholder{color:#000624}@keyframes LoadingRow1378746736__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%}}.LoadingRow1378746736__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:LoadingRow1378746736__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3365263644__root{opacity:1}.MaxHeightText3365263644__root.MaxHeightText3365263644--height24{line-height:24px}.MaxLines138609149__root{overflow:hidden}.MaxLines138609149__root.MaxLines138609149--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar384117379__root{min-width:0}.MultiBulkActionToolbar384117379__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar384117379__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar384117379__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1641598245__root td{padding:0!important;width:100%}.NestedTableRow211762900__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow211762900__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow211762900__root.NestedTableRow211762900--expandable{cursor:pointer}.NestedTableRow211762900__placeholder td{padding:0!important;width:100%}.NestedTableRow211762900__root:hover td:first-of-type::before,.NestedTableRow211762900__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.MultipleDragOverlayEffect2219272161__root{position:absolute;transform:translate(6px,6px);background-color:var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff));box-shadow:var(--wds-shadow-surface-overlay, var(--wsr-shadow20, 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12)))}.NestedTableDragAndDropRow372186743__root.NestedTableDragAndDropRow372186743--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent1175207613__root{display:flex}.PickerContentAdditionalStep2191253003__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2191253003__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem827075912__root{box-sizing:border-box}.ScrollableContent3642999256__root.ScrollableContent3642999256--overflowY{overflow-y:auto}.ScrollableContent3642999256__root.ScrollableContent3642999256--overflowX{overflow-x:auto}.ScrollableContent3642999256__root.ScrollableContent3642999256--smooth{scroll-behavior:smooth}.SetupWidget262102085__row{display:flex;flex-direction:column;overflow:clip;--wds-clickable-card-outline-border-color:var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))}.SetupWidget262102085__row.SetupWidget262102085--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget262102085__row.SetupWidget262102085--focused.SetupWidget262102085--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget262102085__completedCta,.SetupWidget262102085__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget262102085__row:hover .SetupWidget262102085__completedCta,.SetupWidget262102085__row:hover .SetupWidget262102085__secondaryCta{opacity:1}}.SetupWidget262102085__row:focus-within .SetupWidget262102085__completedCta,.SetupWidget262102085__row:focus-within .SetupWidget262102085__secondaryCta,.SetupWidget262102085__secondaryCta:focus-within{opacity:1}.SetupWidget262102085__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget262102085__card.SetupWidget262102085--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget262102085__card.SetupWidget262102085--clickable{cursor:pointer}.SetupWidget262102085__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget262102085__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget262102085__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget262102085__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard3267458281__headerLoading{display:block!important}.SlidingModal1667727069__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1667727069__root.SlidingModal1667727069--overlay{transition:transform 0s ease 0s}.SlidingModal1667727069__root.SlidingModal1667727069---appendTo-6-parent{position:absolute}.SlidingModal1667727069__root.SlidingModal1667727069--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal1667727069__root:not(.SlidingModal1667727069--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}th:not([data-sticky=true]):has(.AddFieldColumnHeader1693895278__anchorLayer){position:relative}.AddFieldColumnHeader1693895278__anchorLayer{position:absolute;inset:0;pointer-events:none}.AddFieldColumnHeader1693895278__anchorLayer>.AddFieldColumnHeader1693895278__popover{display:grid;width:100%;height:100%}.AddFieldColumnHeader1693895278__popover{--wds-popover-fill:transparent;--wds-popover-border-width:0;--wds-popover-border-radius:0;--wds-shadow-surface-overlay:none;--wds-background-blur-surface-overlay:0px}.AddFieldColumnHeader1693895278__title{display:flex;align-items:center;box-sizing:content-box;width:100%;min-width:0;min-height:24px;margin-block:calc(-1*var(--wds-space-150, 9px));padding-block:var(--wds-space-150, 9px)}.AddFieldColumnHeader1693895278__hoverBridge{display:inline-block;padding:4px;background:0 0;transform:translate(50%,-50%)}.AddFieldColumnHeader1693895278__hoverBridge.AddFieldColumnHeader1693895278---side-4-left{transform:translate(-50%,-50%)}.TabsFilter3044581964__root .TabsFilter3044581964__titleBox *{color:inherit!important}.ManageTagsModal3175779444__root{display:flex}.ManageTagsModal3175779444__root.ManageTagsModal3175779444--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal3175779444__root.ManageTagsModal3175779444--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem1383866179__root{min-width:0}.ToolbarItemBox4062523943__root{min-width:0}.ToolbarItemBox4062523943__root.ToolbarItemBox4062523943--removeStartPadding{margin-left:-24px}.ToolbarItemBox4062523943__root.ToolbarItemBox4062523943--expandable{flex:1 0}.common1283969069__column{display:flex;flex-direction:column}.common1283969069__fullHeight{height:100%;min-height:0}.CollectionPageHeader712680140__root:not(.CollectionPageHeader712680140--mobile){gap:12px}.CollectionPageHeader712680140__root.CollectionPageHeader712680140--mobile{--wds-page-header-title-actions-gap:8px;padding-right:18px;padding-left:18px}.CollectionPageHeader712680140__root.CollectionPageHeader712680140--mobile [data-hook=page-header-actionbar]{display:contents}.CollectionPageHeader712680140__mobileMoreActions{align-self:flex-start;margin-top:6px}.MobilePrimaryActionBar3410265983__root{padding:var(--wds-space-300, 18px) var(--wds-space-400, 24px)}.TitleBadges531506099__tooltip.TitleBadges531506099__tooltip,.TitleBadges531506099__tooltipTrigger{display:flex}.FormPageHeader406693740__root.FormPageHeader406693740--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader406693740__root.FormPageHeader406693740--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.478.0';
+const version = exports.version = 'patterns@1.479.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.478.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.479.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/docs/ActionSubItem.md

@@ -6,7 +6,7 @@
 
 ### Description
 
-Pass `ActionSubItem` to PrimaryActions, SecondaryActions , or in [MultiBulkActionToolbar](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar&tab=API).
+Pass `ActionSubItem` to PrimaryActions, SecondaryActions , or in [MultiBulkActionToolbar](MultiBulkActionToolbar.md).
 
 | Name             | Is optional | Type                                | Description                                                                                                                                                      |
 | ---------------- | ----------- | ----------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- |

package/dist/docs/Allow Users to Add Extended Fields.md

@@ -26,7 +26,7 @@ Make sure that you have:
 
 To manage extended fields from the entity page:
 
-1. Wrap your entity page in a [`WidgetsFormProvider`](./?path=/story/base-components-providers--widgetsformprovider).
+1. Wrap your entity page in a [`WidgetsFormProvider`](WidgetsFormProvider.md).
 
     ```diff
     + import { WidgetsFormProvider } from '@wix/patterns/page';
@@ -40,7 +40,7 @@ To manage extended fields from the entity page:
     };
     ```
 
-1. Add the [`CustomFieldsWidget`](./?path=/story/features-enrich-data-extension-components--customfieldswidget) component to your entity page.
+1. Add the [`CustomFieldsWidget`](CustomFieldsWidget.md) component to your entity page.
 
     ```diff
       import { MyEntityCard } from '../components/MyEntityCard';
@@ -109,7 +109,7 @@ You can change the default field permissions view by using the `defaultPermissio
 
 ### See also
 
-* [Data Extension Overview](./?path=/story/features-enrich-data-extension--data-extension-overview)
+* [Data Extension Overview](<Data Extension Overview.md>)
 
 ## Examples
 

package/dist/docs/BulkSelectState.md

@@ -6,7 +6,7 @@
 
 ### Overview
 
-`BulkSelectState` manages the selection state for bulk actions in collection components. It tracks which items are selected, supports "Select All", and provides `allSelected`, `selectedValues`, and `uncheckedValues` properties. Created internally by [`CollectionState`](./?path=/story/common-state--collectionstate) — you typically access it via `state.collection.bulkSelect`.
+`BulkSelectState` manages the selection state for bulk actions in collection components. It tracks which items are selected, supports "Select All", and provides `allSelected`, `selectedValues`, and `uncheckedValues` properties. Created internally by [`CollectionState`](CollectionState.md) — you typically access it via `state.collection.bulkSelect`.
 
 ### Props
 

package/dist/docs/CMS Collection and Entity Template.md

@@ -0,0 +1,57 @@
+# CMS Collection and Entity Template
+
+**Category:** Templates
+
+Paths written as `dist/…` below are relative to the `@wix/patterns` package root — the directory holding its `package.json`.
+
+## Related components
+
+`withDashboard`, `WixPatternsProvider`, `PatternsReactRouter`, `PatternsReactRoute`, `CollectionPage`, `useSchemaSource`, `Table`, `useTableCollection`, `CollectionEmptyState`, `CollectionNoResultsState`, `CollectionErrorState`, `PrimaryActions`, `usePatternsNavigate`, `EntityPage`, `useEntityPage`, `useEntity`
+
+Each name resolves in `dist/docs/index.json` — as a key, or as one of an entry's `symbols` aliases.
+
+## Template files
+
+Copy all of them into one directory: they import one another by relative path.
+
+- `dist/templates/cms-collection-entity/ItemEntityPage.tsx`
+- `dist/templates/cms-collection-entity/ItemsApp.tsx`
+- `dist/templates/cms-collection-entity/ItemsCollectionPage.tsx`
+- `dist/templates/cms-collection-entity/collection.ts`
+- `dist/templates/cms-collection-entity/page.tsx`
+
+## Overview
+
+A complete dashboard page over a CMS collection, driven by its schema: a collection page whose columns, search and item names come from the collection's fields, an entity page whose form renders every field with the right control, and the router between them. Use it whenever the rows are a CMS collection, whether your app ships it or the site already has it. Copy the whole directory, set the collection id, and rename the items and the item.
+
+## Files
+
+| File | What it is |
+| --- | --- |
+| page.tsx | The entry file. It hands the dashboard's page location to the router. |
+| ItemsApp.tsx | The provider, the router and the three routes. |
+| ItemsCollectionPage.tsx | The table, with no columns written by hand. |
+| ItemEntityPage.tsx | Create and edit in one component, with the whole form from the schema. |
+| collection.ts | The collection id and the row type. |
+
+## Install both packages, at the pinned pair
+
+The source comes from `@wix/patterns-cms`, which depends on one exact `@wix/patterns` version. Install that version of `@wix/patterns` too, not a newer one: a second copy of the library puts the two halves of the page in different React contexts, and neither the type checker nor the build reports it. The pinned pair is in the `packageVersion` of the `@wix/patterns-cms` entries in the bundle index. After installing, check that the project holds a single copy of `@wix/patterns`.
+
+## One entry point for the hooks and the components
+
+The collection hook, the table, the entity page and its hook all come from `@wix/patterns/schema` here, where they take the source as their first argument. The same names exported from the package root are the hand-wired versions, with a different signature, and a lookup by name finds those first: their docs-index entries list the schema versions under `variants`. Take a hook and the component it feeds from the same entry point.
+
+## What the schema decides
+
+**Every field is a column.** Extra columns can be added, and a column with a field's id replaces that field's column, but none can be removed: a field has no hidden flag, and only the end user's column picker drops one. So the fields a request lists are the fields the collection should have, not a column selection to write by hand.
+
+**Search is the source's.** It matches the text fields among the visible columns, and falls back to the display field before any column is known. So a term matching a number, a date or a reference finds nothing, and hiding a column takes it out of search too. To search a fixed set of fields, override the columns for the search fetch through the collection hook's fetch wrapper.
+
+**The form is the schema's.** The fields card renders every field with its own control and validation, and its title is required. Add hand-written controllers only for what the schema cannot express, next to the card rather than in place of it.
+
+**No entity id is the create page**, so the same component serves the new path and the record's own. Navigating to the create route passes no record, which needs `@wix/patterns` 1.464.0 or later.
+
+The source's own options, including loading the user's permissions for field management, are on the useSchemaSource page.
+
+

package/dist/docs/Category.md

@@ -6,7 +6,7 @@
 
 ### Overview
 
-Defines a category in the [`Views`](./?path=/story/features-display-views--views) dropdown. A category groups related views and appears as a section header. Each category has a unique `id`, a display `name`, and an array of [`View`](./?path=/story/common-types--view) objects.
+Defines a category in the [`Views`](Views.md) dropdown. A category groups related views and appears as a section header. Each category has a unique `id`, a display `name`, and an array of [`View`](View.md) objects.
 
 ### Props
 

package/dist/docs/Collection Toolkit.md

@@ -23,6 +23,13 @@ Two of those stages get skipped most often, and both leave a page that technical
 2. **If a row represents a real business record, the user should be able to open it** —
    unless the page is explicitly a report or an export.
 
+## Starting from a whole page
+
+A new dashboard page starts from a page template rather than from these components one by
+one: each template is a complete page already built from them, and the Page Templates guide
+says which one fits. Both ship inside the installed package, under its `dist/docs/`, rather
+than on this site. This guide is for what the chosen template does not show.
+
 ## When the rows come from a CMS collection
 
 If the rows come from a Wix Data (CMS) collection, build the page from `@wix/patterns/schema`