@wix/patterns 1.470.0 → 1.471.0

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

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_CustomColumnsPanelStateBase","_resolveEntityPageFields","fieldToColumn","field","hideable","_field$validation","id","name","displayName","title","render","fieldType","type","isPii","isSystem","isPrimary","validation","required","message","undefined","CustomColumnsEntityPageState","CustomColumnsPanelStateBase","constructor","params","container","queryName","environment","componentId","collectionId","schema","filter","Boolean","join","_defineProperty2","default","panels","fieldsState","_showFieldTypeIcons","showFieldTypeIcons","_schema","_isFieldsEditable","isFieldsEditable","_manageFieldsSource","manageFieldsSource","dragAndDrop","self","CustomColumnsDragAndDropState","DnDState","_dragAndDrop","customColumns","dataSource","columns","orderedColumns","selectedColumns","value","orderedFields","map","f","isSelected","isFieldVisible","refresh","reordered","setFieldOrder","s","isVisible","components","modalsContainerRef","initBaseObservables","_this$schema","fields","viewConfig","_this$schema2","isEntityPageFieldHideable","idField","sidePanelTransition","sidePanel","transition","customizeColumnsInSidePanelBi","_params","onClose","closeSidePanel","init","_this$_dragAndDrop","disposers","reaction","select","clear","forceSetMany","status","finalStatus","startStatus","columnsCollection","refreshAllPages","fireImmediately","selectedValues","isChecked","isCurrentlyVisible","setFieldVisibility","forEach","d","exports"],"sources":["../../../src/state/CustomColumnsEntityPageState.ts"],"sourcesContent":["import { TransitionState } from '@wix/bex-core';\nimport { reaction } from 'mobx';\nimport { Column } from '../model';\nimport { CustomColumnsActionName } from './CustomColumnsState';\nimport { SidePanelsState } from './SidePanelsState';\nimport { CustomColumnsPanelStateBase } from './CustomColumnsPanelStateBase';\nimport { SchemaFieldsState } from './SchemaCard/SchemaFieldsState';\nimport type { ManageFieldsSource } from './ManageFieldsSource';\nimport type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';\nimport type { Field, SchemaConfig } from '../types/SchemaConfig';\nimport { isEntityPageFieldHideable } from './EntityPage/resolveEntityPageFields';\n\ntype SchemaFields = Pick<SchemaConfig, 'id' | 'fields'> &\n  Partial<Pick<SchemaConfig, 'idField'>>;\n\nexport interface CustomColumnsEntityPageStateParams {\n  panels: SidePanelsState;\n  container: import('@wix/bex-core').WixPatternsContainer;\n  fieldsState: SchemaFieldsState;\n  /** Only the fields map is read, so a `SchemaConfig` and a source's `Schema`\n   *  both fit. Pass a function when the schema loads after this state is\n   *  created — it is read reactively. */\n  schema: SchemaFields | (() => SchemaFields | null);\n  /** Whether the panel presents itself as field management rather than column\n   *  selection. Default: `false`. */\n  isFieldsEditable?: boolean;\n  /** Add / edit / delete field. Omitted ⇒ the panel only shows and reorders. */\n  manageFieldsSource?: ManageFieldsSource;\n  /** Namespaces this panel's column collection, the way a table's is namespaced\n   *  by its collection. Default: the schema's id, when the schema is already\n   *  loaded. */\n  collectionId?: string;\n  showFieldTypeIcons?: boolean;\n  dragAndDrop?: typeof CustomColumnsDragAndDrop;\n  modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}\n\nfunction fieldToColumn(\n  field: Field & { isPii?: boolean; isSystem?: boolean; isPrimary?: boolean },\n  hideable: boolean,\n): Column {\n  return {\n    id: field.id,\n    // The panel's per-field menu is keyed off this — without it a row has no\n    // edit / delete action.\n    field,\n    name: field.displayName,\n    title: field.displayName,\n    render: () => null,\n    fieldType: field.type as Column['fieldType'],\n    hideable,\n    isPii: field.isPii,\n    isSystem: field.isSystem,\n    isPrimary: field.isPrimary,\n    validation: field.validation?.required\n      ? [{ type: 'required' as const, message: '' }]\n      : undefined,\n  };\n}\n\nexport class CustomColumnsEntityPageState extends CustomColumnsPanelStateBase {\n  readonly panels: SidePanelsState;\n  readonly fieldsState: SchemaFieldsState;\n  readonly _showFieldTypeIcons: boolean;\n  readonly _schema: SchemaFields | (() => SchemaFields | null);\n  readonly _isFieldsEditable: boolean;\n  readonly _manageFieldsSource?: ManageFieldsSource;\n  readonly _dragAndDrop?: CustomColumnsDragAndDropState<unknown, any>;\n\n  constructor(params: CustomColumnsEntityPageStateParams) {\n    super({\n      container: params.container,\n      queryName: [\n        params.container.environment.componentId,\n        params.collectionId ??\n          (typeof params.schema === 'function' ? undefined : params.schema.id),\n        'entity-page-custom-columns',\n      ]\n        .filter(Boolean)\n        .join('/'),\n    });\n\n    this.panels = params.panels;\n    this.fieldsState = params.fieldsState;\n    this._showFieldTypeIcons = params.showFieldTypeIcons ?? true;\n    this._schema = params.schema;\n    this._isFieldsEditable = params.isFieldsEditable ?? false;\n    this._manageFieldsSource = params.manageFieldsSource;\n\n    if (params.dragAndDrop) {\n      const { fieldsState } = params;\n      // eslint-disable-next-line @typescript-eslint/no-this-alias\n      const self = this;\n      const { CustomColumnsDragAndDropState: DnDState } = params.dragAndDrop;\n      this._dragAndDrop = new DnDState({\n        customColumns: this,\n        dataSource: {\n          get columns() {\n            return self.orderedColumns;\n          },\n          selectedColumns: {\n            get value() {\n              return fieldsState.orderedFields.map((f) => ({\n                id: f.id,\n                isSelected: fieldsState.isFieldVisible(f.id),\n              }));\n            },\n            refresh(reordered) {\n              fieldsState.setFieldOrder(\n                reordered.map((s) => ({\n                  id: s.id,\n                  isVisible: s.isSelected ?? true,\n                })),\n              );\n            },\n          },\n        },\n        components: params.dragAndDrop,\n        modalsContainerRef: params.modalsContainerRef,\n      });\n    }\n\n    this.initBaseObservables();\n  }\n\n  get schema(): SchemaFields | null {\n    return typeof this._schema === 'function' ? this._schema() : this._schema;\n  }\n\n  get orderedColumns(): Column[] {\n    const fields = this.schema?.fields;\n    if (!fields) {\n      return [];\n    }\n    return this.fieldsState.orderedFields\n      .map((viewConfig) => {\n        const field = fields[viewConfig.id];\n        if (!field) {\n          return null;\n        }\n        return fieldToColumn(\n          field,\n          isEntityPageFieldHideable(field, this.schema?.idField),\n        );\n      })\n      .filter(Boolean) as Column[];\n  }\n\n  get showFieldTypeIcons() {\n    return this._showFieldTypeIcons;\n  }\n\n  get isFieldsEditable() {\n    return this._isFieldsEditable;\n  }\n\n  get manageFieldsSource() {\n    return this._manageFieldsSource;\n  }\n\n  get sidePanelTransition(): TransitionState<string> | undefined {\n    return this.panels.sidePanel.transition;\n  }\n\n  get dragAndDrop() {\n    return this._dragAndDrop;\n  }\n\n  customizeColumnsInSidePanelBi(_params: {\n    actionName: CustomColumnsActionName;\n  }) {\n    // BI reporting — to be wired\n  }\n\n  onClose() {\n    this.panels.closeSidePanel();\n  }\n\n  init() {\n    const disposers = [\n      reaction(\n        () => this.fieldsState.orderedFields,\n        async () => {\n          const fields = this.fieldsState.orderedFields;\n          this.select.clear();\n          this.select.forceSetMany(\n            fields.map((field) => ({\n              value: { id: field.id },\n              status: this.fieldsState.isFieldVisible(field.id)\n                ? this.select.finalStatus\n                : this.select.startStatus,\n            })),\n          );\n          await this.columnsCollection.refreshAllPages();\n        },\n        { fireImmediately: true },\n      ),\n      reaction(\n        () => this.select.selectedValues,\n        () => {\n          const fields = this.fieldsState.orderedFields;\n          for (const field of fields) {\n            const isChecked = this.select.isChecked(field.id);\n            const isCurrentlyVisible = this.fieldsState.isFieldVisible(\n              field.id,\n            );\n            if (isChecked !== isCurrentlyVisible) {\n              this.fieldsState.setFieldVisibility(field.id, isChecked);\n            }\n          }\n        },\n      ),\n      this.columnsCollection.init(),\n      this._dragAndDrop?.init(),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_resolveFieldPresentation","_CustomColumnsPanelStateBase","_resolveEntityPageFields","fieldToColumn","field","hideable","_field$validation","id","name","displayName","title","render","fieldType","type","isPii","isSystem","isPrimary","validation","required","message","undefined","CustomColumnsEntityPageState","CustomColumnsPanelStateBase","constructor","params","container","queryName","environment","componentId","collectionId","schema","filter","Boolean","join","_defineProperty2","default","panels","fieldsState","_showFieldTypeIcons","showFieldTypeIcons","_schema","_isFieldsEditable","isFieldsEditable","_manageFieldsSource","manageFieldsSource","dragAndDrop","self","CustomColumnsDragAndDropState","DnDState","_dragAndDrop","customColumns","dataSource","columns","orderedColumns","selectedColumns","value","orderedFields","map","f","isSelected","isFieldVisible","refresh","reordered","setFieldOrder","s","isVisible","components","modalsContainerRef","initBaseObservables","_this$schema","fields","viewConfig","_this$schema2","_this$_manageFieldsSo","_resolveFieldPresenta","column","isEntityPageFieldHideable","idField","source","fieldsSource","fieldTypeIcons","resolveFieldPresentation","typeDisplay","icons","sidePanelTransition","sidePanel","transition","customizeColumnsInSidePanelBi","_params","onClose","closeSidePanel","init","_this$_dragAndDrop","disposers","reaction","select","clear","forceSetMany","status","finalStatus","startStatus","columnsCollection","refreshAllPages","fireImmediately","selectedValues","isChecked","isCurrentlyVisible","setFieldVisibility","forEach","d","exports"],"sources":["../../../src/state/CustomColumnsEntityPageState.ts"],"sourcesContent":["import { TransitionState } from '@wix/bex-core';\nimport { reaction } from 'mobx';\nimport { resolveFieldPresentation } from '../utils/resolveFieldPresentation';\nimport { Column } from '../model';\nimport { CustomColumnsActionName } from './CustomColumnsState';\nimport { SidePanelsState } from './SidePanelsState';\nimport { CustomColumnsPanelStateBase } from './CustomColumnsPanelStateBase';\nimport { SchemaFieldsState } from './SchemaCard/SchemaFieldsState';\nimport type { ManageFieldsSource } from './ManageFieldsSource';\nimport type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';\nimport type { Field, SchemaConfig } from '../types/SchemaConfig';\nimport { isEntityPageFieldHideable } from './EntityPage/resolveEntityPageFields';\n\ntype SchemaFields = Pick<SchemaConfig, 'id' | 'fields'> &\n  Partial<Pick<SchemaConfig, 'idField'>>;\n\nexport interface CustomColumnsEntityPageStateParams {\n  panels: SidePanelsState;\n  container: import('@wix/bex-core').WixPatternsContainer;\n  fieldsState: SchemaFieldsState;\n  /** Only the fields map is read, so a `SchemaConfig` and a source's `Schema`\n   *  both fit. Pass a function when the schema loads after this state is\n   *  created — it is read reactively. */\n  schema: SchemaFields | (() => SchemaFields | null);\n  /** Whether the panel presents itself as field management rather than column\n   *  selection. Default: `false`. */\n  isFieldsEditable?: boolean;\n  /** Add / edit / delete field. Omitted ⇒ the panel only shows and reorders. */\n  manageFieldsSource?: ManageFieldsSource;\n  /** Namespaces this panel's column collection, the way a table's is namespaced\n   *  by its collection. Default: the schema's id, when the schema is already\n   *  loaded. */\n  collectionId?: string;\n  showFieldTypeIcons?: boolean;\n  dragAndDrop?: typeof CustomColumnsDragAndDrop;\n  modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}\n\nfunction fieldToColumn(\n  field: Field & { isPii?: boolean; isSystem?: boolean; isPrimary?: boolean },\n  hideable: boolean,\n): Column {\n  return {\n    id: field.id,\n    // The panel's per-field menu is keyed off this — without it a row has no\n    // edit / delete action.\n    field,\n    name: field.displayName,\n    title: field.displayName,\n    render: () => null,\n    fieldType: field.type as Column['fieldType'],\n    hideable,\n    isPii: field.isPii,\n    isSystem: field.isSystem,\n    isPrimary: field.isPrimary,\n    validation: field.validation?.required\n      ? [{ type: 'required' as const, message: '' }]\n      : undefined,\n  };\n}\n\nexport class CustomColumnsEntityPageState extends CustomColumnsPanelStateBase {\n  readonly panels: SidePanelsState;\n  readonly fieldsState: SchemaFieldsState;\n  readonly _showFieldTypeIcons: boolean;\n  readonly _schema: SchemaFields | (() => SchemaFields | null);\n  readonly _isFieldsEditable: boolean;\n  readonly _manageFieldsSource?: ManageFieldsSource;\n  readonly _dragAndDrop?: CustomColumnsDragAndDropState<unknown, any>;\n\n  constructor(params: CustomColumnsEntityPageStateParams) {\n    super({\n      container: params.container,\n      queryName: [\n        params.container.environment.componentId,\n        params.collectionId ??\n          (typeof params.schema === 'function' ? undefined : params.schema.id),\n        'entity-page-custom-columns',\n      ]\n        .filter(Boolean)\n        .join('/'),\n    });\n\n    this.panels = params.panels;\n    this.fieldsState = params.fieldsState;\n    this._showFieldTypeIcons = params.showFieldTypeIcons ?? true;\n    this._schema = params.schema;\n    this._isFieldsEditable = params.isFieldsEditable ?? false;\n    this._manageFieldsSource = params.manageFieldsSource;\n\n    if (params.dragAndDrop) {\n      const { fieldsState } = params;\n      // eslint-disable-next-line @typescript-eslint/no-this-alias\n      const self = this;\n      const { CustomColumnsDragAndDropState: DnDState } = params.dragAndDrop;\n      this._dragAndDrop = new DnDState({\n        customColumns: this,\n        dataSource: {\n          get columns() {\n            return self.orderedColumns;\n          },\n          selectedColumns: {\n            get value() {\n              return fieldsState.orderedFields.map((f) => ({\n                id: f.id,\n                isSelected: fieldsState.isFieldVisible(f.id),\n              }));\n            },\n            refresh(reordered) {\n              fieldsState.setFieldOrder(\n                reordered.map((s) => ({\n                  id: s.id,\n                  isVisible: s.isSelected ?? true,\n                })),\n              );\n            },\n          },\n        },\n        components: params.dragAndDrop,\n        modalsContainerRef: params.modalsContainerRef,\n      });\n    }\n\n    this.initBaseObservables();\n  }\n\n  get schema(): SchemaFields | null {\n    return typeof this._schema === 'function' ? this._schema() : this._schema;\n  }\n\n  get orderedColumns(): Column[] {\n    const fields = this.schema?.fields;\n    if (!fields) {\n      return [];\n    }\n    return this.fieldsState.orderedFields\n      .map((viewConfig) => {\n        const field = fields[viewConfig.id];\n        if (!field) {\n          return null;\n        }\n        const column = fieldToColumn(\n          field,\n          isEntityPageFieldHideable(field, this.schema?.idField),\n        );\n        const source = this._manageFieldsSource?.fieldsSource;\n        return source\n          ? {\n              ...column,\n              fieldTypeIcons: resolveFieldPresentation(source, field)\n                ?.typeDisplay?.icons,\n            }\n          : column;\n      })\n      .filter(Boolean) as Column[];\n  }\n\n  get showFieldTypeIcons() {\n    return this._showFieldTypeIcons;\n  }\n\n  get isFieldsEditable() {\n    return this._isFieldsEditable;\n  }\n\n  get manageFieldsSource() {\n    return this._manageFieldsSource;\n  }\n\n  get sidePanelTransition(): TransitionState<string> | undefined {\n    return this.panels.sidePanel.transition;\n  }\n\n  get dragAndDrop() {\n    return this._dragAndDrop;\n  }\n\n  customizeColumnsInSidePanelBi(_params: {\n    actionName: CustomColumnsActionName;\n  }) {\n    // BI reporting — to be wired\n  }\n\n  onClose() {\n    this.panels.closeSidePanel();\n  }\n\n  init() {\n    const disposers = [\n      reaction(\n        () => this.fieldsState.orderedFields,\n        async () => {\n          const fields = this.fieldsState.orderedFields;\n          this.select.clear();\n          this.select.forceSetMany(\n            fields.map((field) => ({\n              value: { id: field.id },\n              status: this.fieldsState.isFieldVisible(field.id)\n                ? this.select.finalStatus\n                : this.select.startStatus,\n            })),\n          );\n          await this.columnsCollection.refreshAllPages();\n        },\n        { fireImmediately: true },\n      ),\n      reaction(\n        () => this.select.selectedValues,\n        () => {\n          const fields = this.fieldsState.orderedFields;\n          for (const field of fields) {\n            const isChecked = this.select.isChecked(field.id);\n            const isCurrentlyVisible = this.fieldsState.isFieldVisible(\n              field.id,\n            );\n            if (isChecked !== isCurrentlyVisible) {\n              this.fieldsState.setFieldVisibility(field.id, isChecked);\n            }\n          }\n        },\n      ),\n      this.columnsCollection.init(),\n      this._dragAndDrop?.init(),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "FormPageHeader3791353024";
+var _namespace_ = "FormPageHeader497495309";
 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": "FormPageHeader3791353024__root"
+  "root": "FormPageHeader497495309__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_ = \"FormPageHeader3791353024\";\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\":\"FormPageHeader3791353024__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_ = \"FormPageHeader497495309\";\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\":\"FormPageHeader497495309__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/buildEditableFieldColumns.js

@@ -5,6 +5,7 @@ exports.buildEditableFieldColumns = buildEditableFieldColumns;
 exports.toValidationRules = toValidationRules;
 var _bexCore = require("@wix/bex-core");
 var _patternsFields = require("@wix/patterns-fields");
+var _resolveFieldPresentation = require("../utils/resolveFieldPresentation");
 var _fieldTypeToCellType = require("./EditableTable/fieldTypeToCellType");
 // Types whose editable cell needs typeConfig the projection can't supply yet
 // (referenced collection). Until that lands, they render as a
@@ -116,7 +117,7 @@ function synthesizeCellConfig(definition) {
 function buildEditableFieldColumns(source, translate, editableCellFor) {
   const canWrite = typeof source.setCellValue === 'function';
   return source.fields.map(field => {
-    var _definition$capabilit, _field$capabilities;
+    var _resolveFieldPresenta, _definition$capabilit, _field$capabilities;
     const id = source.columnIdForField(field);
     const definition = (0, _bexCore.resolveFieldTypeDefinition)(source, field);
     const customCell = definition != null && definition.editableTable ? synthesizeCellConfig(definition) : undefined;
@@ -138,6 +139,7 @@ function buildEditableFieldColumns(source, translate, editableCellFor) {
       field,
       title: field.displayName,
       name: field.displayName,
+      fieldTypeIcons: (_resolveFieldPresenta = (0, _resolveFieldPresentation.resolveFieldPresentation)(source, field)) == null || (_resolveFieldPresenta = _resolveFieldPresenta.typeDisplay) == null ? void 0 : _resolveFieldPresenta.icons,
       isPrimary: field.isPrimary,
       isSystem: field.isSystem,
       // Also set by buildFieldColumns, and needed here too: this column reaches

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_patternsFields","_fieldTypeToCellType","NEEDS_TYPE_CONFIG","Set","hasEditor","field","customCell","EditComponent","type","has","toValidationRules","translate","_v$numberRange","_v$numberRange2","_v$stringLengthRange","_v$stringLengthRange2","_v$specificValues","v","validation","rules","required","push","message","fieldName","displayName","numberRange","min","value","max","stringLengthRange","minLength","maxLength","patternRegex","compilePattern","pattern","specificValues","length","values","synthesizeCellConfig","definition","_definition$value","editableTable","valueValidate","validate","buildEditableFieldColumns","source","editableCellFor","canWrite","setCellValue","fields","map","_definition$capabilit","_field$capabilities","id","columnIdForField","resolveFieldTypeDefinition","undefined","sourceCell","cellType","FIELD_TYPE_TO_CELL_TYPE","editable","isSystem","typeConfig","title","name","isPrimary","infoTooltipProps","helpText","content","hideable","sortable","capabilities","getValue","item","getCellValue","setValue"],"sources":["../../../src/state/buildEditableFieldColumns.ts"],"sourcesContent":["import type {\n  Field,\n  FieldsSource,\n  FieldTypeDefinition,\n  PatternsFieldType,\n  Translate,\n  ValidationRule,\n} from '@wix/bex-core';\nimport { resolveFieldTypeDefinition } from '@wix/bex-core';\nimport { compilePattern } from '@wix/patterns-fields';\nimport type { CellType, EditableColumn } from './EditableTable/types';\nimport { FIELD_TYPE_TO_CELL_TYPE } from './EditableTable/fieldTypeToCellType';\nimport type { EditableCellUpgrade } from './CollectionFieldsSourceState';\n\n// Types whose editable cell needs typeConfig the projection can't supply yet\n// (referenced collection). Until that lands, they render as a\n// read-only 'object' cell rather than a broken editor.\nconst NEEDS_TYPE_CONFIG = new Set<PatternsFieldType>([\n  'REFERENCE',\n  'MULTI_REFERENCE',\n]);\n\n/**\n * Whether this column has a usable inline editor. Read-only cases:\n * `NEEDS_TYPE_CONFIG` types are downgraded to a display cell, `UNKNOWN` has no\n * editor, and a `CUSTOM` field is only editable through a definition that\n * supplies an EditComponent. Everything else keeps its cell type's own editor —\n * including OBJECT / ARRAY, whose cells edit as JSON.\n */\nfunction hasEditor(field: Field, customCell?: Omit<CellType, 'type'>): boolean {\n  if (customCell) {\n    return !!customCell.EditComponent;\n  }\n  return (\n    field.type !== 'CUSTOM' &&\n    field.type !== 'UNKNOWN' &&\n    !NEEDS_TYPE_CONFIG.has(field.type)\n  );\n}\n\nexport function toValidationRules(\n  field: Field,\n  translate: Translate,\n): ValidationRule[] {\n  const v = field.validation;\n  if (!v) {\n    return [];\n  }\n  const rules: ValidationRule[] = [];\n  if (v.required) {\n    rules.push({\n      type: 'required',\n      message: translate('cairo.editableTable.field.validation.required', {\n        fieldName: field.displayName,\n      }),\n    });\n  }\n  if (v.numberRange?.min != null) {\n    rules.push({ type: 'min', value: v.numberRange.min, message: '' });\n  }\n  if (v.numberRange?.max != null) {\n    rules.push({ type: 'max', value: v.numberRange.max, message: '' });\n  }\n  if (v.stringLengthRange?.minLength != null) {\n    rules.push({\n      type: 'minLength',\n      value: v.stringLengthRange.minLength,\n      message: '',\n    });\n  }\n  if (v.stringLengthRange?.maxLength != null) {\n    rules.push({\n      type: 'maxLength',\n      value: v.stringLengthRange.maxLength,\n      message: '',\n    });\n  }\n  // A pattern the platform refuses to run (uncompilable, over-long, or able to\n  // backtrack catastrophically) yields no rule, matching what the form inputs do.\n  const patternRegex = compilePattern(v.pattern);\n  if (patternRegex) {\n    rules.push({\n      type: 'pattern',\n      value: patternRegex,\n      message: translate('cairo.editableTable.field.validation.pattern', {\n        fieldName: field.displayName,\n      }),\n    });\n  }\n  if (v.specificValues?.length) {\n    rules.push({\n      type: 'specificValues',\n      values: v.specificValues,\n      message: translate(\n        'cairo.editableTable.field.validation.specificValues',\n        { fieldName: field.displayName },\n      ),\n    });\n  }\n  return rules;\n}\n\n// The inline-custom cell config for a resolved definition: its editableTable\n// slot, with the definition's value-level validation layered in when the slot\n// doesn't validate itself.\nfunction synthesizeCellConfig(\n  definition: FieldTypeDefinition,\n): Omit<CellType, 'type'> {\n  const editableTable = definition.editableTable!;\n  const valueValidate = definition.value?.validate;\n  const validate =\n    valueValidate &&\n    ((value: unknown, rules?: ValidationRule[]) => valueValidate(value, rules));\n  return { ...editableTable, validate };\n}\n\n/**\n * Projects a FieldsSource's fields into EditableTable columns: a cell type by\n * field type, value read/write through the source, validation from the field,\n * and the flags the header reads for its disable rules. A cell is editable only\n * when the source can write it back (setCellValue) and the field isn't a system\n * field. A CUSTOM field renders through its definition's editableTable slot as\n * an inline custom cell; without one it falls back to a read-only object cell.\n */\nexport function buildEditableFieldColumns(\n  source: FieldsSource,\n  translate: Translate,\n  editableCellFor?: (field: Field) => EditableCellUpgrade | undefined,\n): EditableColumn<Record<string, unknown>>[] {\n  const canWrite = typeof source.setCellValue === 'function';\n  return source.fields.map((field) => {\n    const id = source.columnIdForField(field);\n    const definition = resolveFieldTypeDefinition(source, field);\n    const customCell = definition?.editableTable\n      ? synthesizeCellConfig(definition)\n      : undefined;\n    // A source-supplied cell wins over the downgrade: it carries the typeConfig\n    // that made the type read-only here in the first place.\n    const sourceCell = customCell\n      ? undefined\n      : NEEDS_TYPE_CONFIG.has(field.type)\n      ? editableCellFor?.(field)\n      : undefined;\n    const cellType = customCell\n      ? 'custom'\n      : sourceCell?.cellType ??\n        (NEEDS_TYPE_CONFIG.has(field.type)\n          ? 'object'\n          : FIELD_TYPE_TO_CELL_TYPE[field.type] ?? 'object');\n    const validation = toValidationRules(field, translate);\n    const editable =\n      canWrite &&\n      !field.isSystem &&\n      (!!sourceCell || hasEditor(field, customCell));\n    return {\n      id,\n      cellType,\n      ...(customCell && { typeConfig: customCell }),\n      ...(sourceCell && { typeConfig: sourceCell.typeConfig }),\n      field,\n      title: field.displayName,\n      name: field.displayName,\n      isPrimary: field.isPrimary,\n      isSystem: field.isSystem,\n      // Also set by buildFieldColumns, and needed here too: this column reaches\n      // the toolbar through simplifyColumn, which always emits the key, so it\n      // would overwrite the display column's value with undefined.\n      infoTooltipProps: field.helpText\n        ? { content: field.helpText }\n        : undefined,\n      hideable: true,\n      sortable:\n        definition?.capabilities?.sortable ??\n        field.capabilities?.sortable ??\n        false,\n      editable,\n      validation: validation.length ? validation : undefined,\n      getValue: (item) => source.getCellValue(item, field),\n      setValue: editable\n        ? (item, value) =>\n            source.setCellValue!(item, field, value) as Record<string, unknown>\n        : undefined,\n    } as EditableColumn<Record<string, unknown>>;\n  });\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_patternsFields","_resolveFieldPresentation","_fieldTypeToCellType","NEEDS_TYPE_CONFIG","Set","hasEditor","field","customCell","EditComponent","type","has","toValidationRules","translate","_v$numberRange","_v$numberRange2","_v$stringLengthRange","_v$stringLengthRange2","_v$specificValues","v","validation","rules","required","push","message","fieldName","displayName","numberRange","min","value","max","stringLengthRange","minLength","maxLength","patternRegex","compilePattern","pattern","specificValues","length","values","synthesizeCellConfig","definition","_definition$value","editableTable","valueValidate","validate","buildEditableFieldColumns","source","editableCellFor","canWrite","setCellValue","fields","map","_resolveFieldPresenta","_definition$capabilit","_field$capabilities","id","columnIdForField","resolveFieldTypeDefinition","undefined","sourceCell","cellType","FIELD_TYPE_TO_CELL_TYPE","editable","isSystem","typeConfig","title","name","fieldTypeIcons","resolveFieldPresentation","typeDisplay","icons","isPrimary","infoTooltipProps","helpText","content","hideable","sortable","capabilities","getValue","item","getCellValue","setValue"],"sources":["../../../src/state/buildEditableFieldColumns.ts"],"sourcesContent":["import type {\n  Field,\n  FieldsSource,\n  FieldTypeDefinition,\n  PatternsFieldType,\n  Translate,\n  ValidationRule,\n} from '@wix/bex-core';\nimport { resolveFieldTypeDefinition } from '@wix/bex-core';\nimport { compilePattern } from '@wix/patterns-fields';\nimport { resolveFieldPresentation } from '../utils/resolveFieldPresentation';\nimport type { CellType, EditableColumn } from './EditableTable/types';\nimport { FIELD_TYPE_TO_CELL_TYPE } from './EditableTable/fieldTypeToCellType';\nimport type { EditableCellUpgrade } from './CollectionFieldsSourceState';\n\n// Types whose editable cell needs typeConfig the projection can't supply yet\n// (referenced collection). Until that lands, they render as a\n// read-only 'object' cell rather than a broken editor.\nconst NEEDS_TYPE_CONFIG = new Set<PatternsFieldType>([\n  'REFERENCE',\n  'MULTI_REFERENCE',\n]);\n\n/**\n * Whether this column has a usable inline editor. Read-only cases:\n * `NEEDS_TYPE_CONFIG` types are downgraded to a display cell, `UNKNOWN` has no\n * editor, and a `CUSTOM` field is only editable through a definition that\n * supplies an EditComponent. Everything else keeps its cell type's own editor —\n * including OBJECT / ARRAY, whose cells edit as JSON.\n */\nfunction hasEditor(field: Field, customCell?: Omit<CellType, 'type'>): boolean {\n  if (customCell) {\n    return !!customCell.EditComponent;\n  }\n  return (\n    field.type !== 'CUSTOM' &&\n    field.type !== 'UNKNOWN' &&\n    !NEEDS_TYPE_CONFIG.has(field.type)\n  );\n}\n\nexport function toValidationRules(\n  field: Field,\n  translate: Translate,\n): ValidationRule[] {\n  const v = field.validation;\n  if (!v) {\n    return [];\n  }\n  const rules: ValidationRule[] = [];\n  if (v.required) {\n    rules.push({\n      type: 'required',\n      message: translate('cairo.editableTable.field.validation.required', {\n        fieldName: field.displayName,\n      }),\n    });\n  }\n  if (v.numberRange?.min != null) {\n    rules.push({ type: 'min', value: v.numberRange.min, message: '' });\n  }\n  if (v.numberRange?.max != null) {\n    rules.push({ type: 'max', value: v.numberRange.max, message: '' });\n  }\n  if (v.stringLengthRange?.minLength != null) {\n    rules.push({\n      type: 'minLength',\n      value: v.stringLengthRange.minLength,\n      message: '',\n    });\n  }\n  if (v.stringLengthRange?.maxLength != null) {\n    rules.push({\n      type: 'maxLength',\n      value: v.stringLengthRange.maxLength,\n      message: '',\n    });\n  }\n  // A pattern the platform refuses to run (uncompilable, over-long, or able to\n  // backtrack catastrophically) yields no rule, matching what the form inputs do.\n  const patternRegex = compilePattern(v.pattern);\n  if (patternRegex) {\n    rules.push({\n      type: 'pattern',\n      value: patternRegex,\n      message: translate('cairo.editableTable.field.validation.pattern', {\n        fieldName: field.displayName,\n      }),\n    });\n  }\n  if (v.specificValues?.length) {\n    rules.push({\n      type: 'specificValues',\n      values: v.specificValues,\n      message: translate(\n        'cairo.editableTable.field.validation.specificValues',\n        { fieldName: field.displayName },\n      ),\n    });\n  }\n  return rules;\n}\n\n// The inline-custom cell config for a resolved definition: its editableTable\n// slot, with the definition's value-level validation layered in when the slot\n// doesn't validate itself.\nfunction synthesizeCellConfig(\n  definition: FieldTypeDefinition,\n): Omit<CellType, 'type'> {\n  const editableTable = definition.editableTable!;\n  const valueValidate = definition.value?.validate;\n  const validate =\n    valueValidate &&\n    ((value: unknown, rules?: ValidationRule[]) => valueValidate(value, rules));\n  return { ...editableTable, validate };\n}\n\n/**\n * Projects a FieldsSource's fields into EditableTable columns: a cell type by\n * field type, value read/write through the source, validation from the field,\n * and the flags the header reads for its disable rules. A cell is editable only\n * when the source can write it back (setCellValue) and the field isn't a system\n * field. A CUSTOM field renders through its definition's editableTable slot as\n * an inline custom cell; without one it falls back to a read-only object cell.\n */\nexport function buildEditableFieldColumns(\n  source: FieldsSource,\n  translate: Translate,\n  editableCellFor?: (field: Field) => EditableCellUpgrade | undefined,\n): EditableColumn<Record<string, unknown>>[] {\n  const canWrite = typeof source.setCellValue === 'function';\n  return source.fields.map((field) => {\n    const id = source.columnIdForField(field);\n    const definition = resolveFieldTypeDefinition(source, field);\n    const customCell = definition?.editableTable\n      ? synthesizeCellConfig(definition)\n      : undefined;\n    // A source-supplied cell wins over the downgrade: it carries the typeConfig\n    // that made the type read-only here in the first place.\n    const sourceCell = customCell\n      ? undefined\n      : NEEDS_TYPE_CONFIG.has(field.type)\n      ? editableCellFor?.(field)\n      : undefined;\n    const cellType = customCell\n      ? 'custom'\n      : sourceCell?.cellType ??\n        (NEEDS_TYPE_CONFIG.has(field.type)\n          ? 'object'\n          : FIELD_TYPE_TO_CELL_TYPE[field.type] ?? 'object');\n    const validation = toValidationRules(field, translate);\n    const editable =\n      canWrite &&\n      !field.isSystem &&\n      (!!sourceCell || hasEditor(field, customCell));\n    return {\n      id,\n      cellType,\n      ...(customCell && { typeConfig: customCell }),\n      ...(sourceCell && { typeConfig: sourceCell.typeConfig }),\n      field,\n      title: field.displayName,\n      name: field.displayName,\n      fieldTypeIcons: resolveFieldPresentation(source, field)?.typeDisplay\n        ?.icons,\n      isPrimary: field.isPrimary,\n      isSystem: field.isSystem,\n      // Also set by buildFieldColumns, and needed here too: this column reaches\n      // the toolbar through simplifyColumn, which always emits the key, so it\n      // would overwrite the display column's value with undefined.\n      infoTooltipProps: field.helpText\n        ? { content: field.helpText }\n        : undefined,\n      hideable: true,\n      sortable:\n        definition?.capabilities?.sortable ??\n        field.capabilities?.sortable ??\n        false,\n      editable,\n      validation: validation.length ? validation : undefined,\n      getValue: (item) => source.getCellValue(item, field),\n      setValue: editable\n        ? (item, value) =>\n            source.setCellValue!(item, field, value) as Record<string, unknown>\n        : undefined,\n    } as EditableColumn<Record<string, unknown>>;\n  });\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/buildFieldColumns.js

@@ -6,6 +6,7 @@ exports.buildFieldColumns = buildFieldColumns;
 var _react = _interopRequireDefault(require("react"));
 var _bexCore = require("@wix/bex-core");
 var _FieldCell = require("../components/FieldCell/FieldCell");
+var _resolveFieldPresentation = require("../utils/resolveFieldPresentation");
 var _fieldTypePrefixIcons = require("../utils/fieldTypePrefixIcons");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/state/buildFieldColumns.tsx";
 /**
@@ -67,7 +68,7 @@ function buildFieldColumns(source, columnOverrides, ctx = {
   // callback is left unannotated — annotating the literal as Column would reject
   // them as excess properties. The function still returns Column[].
   return source.fields.map(field => {
-    var _field$capabilities;
+    var _field$capabilities, _resolveFieldPresenta;
     const id = source.columnIdForField(field);
     const definition = (0, _bexCore.resolveFieldTypeDefinition)(source, field);
     const layout = definition != null && definition.table ? {
@@ -89,7 +90,7 @@ function buildFieldColumns(source, columnOverrides, ctx = {
         content: field.helpText
       } : undefined,
       fieldType: (0, _fieldTypePrefixIcons.toFieldType)(field.type),
-      fieldTypeIcons: definition == null ? void 0 : definition.display.icons,
+      fieldTypeIcons: (_resolveFieldPresenta = (0, _resolveFieldPresentation.resolveFieldPresentation)(source, field)) == null || (_resolveFieldPresenta = _resolveFieldPresenta.typeDisplay) == null ? void 0 : _resolveFieldPresenta.icons,
       width: layout.width,
       align: layout.align,
       render: (row, rowNum) => /*#__PURE__*/_react.default.createElement(_FieldCell.FieldCell, {
@@ -102,7 +103,7 @@ function buildFieldColumns(source, columnOverrides, ctx = {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 82,
+          lineNumber: 84,
           columnNumber: 9
         }
       }),

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_bexCore","_FieldCell","_fieldTypePrefixIcons","_jsxFileName","LAYOUT_BY_TYPE","SHORT_TEXT","width","align","LONG_TEXT","URL","DATE","DATETIME","NUMBER","BOOLEAN","ARRAY","DOCUMENT","DEFAULT_LAYOUT","buildFieldColumns","source","columnOverrides","ctx","firstBuild","fields","map","field","_field$capabilities","id","columnIdForField","definition","resolveFieldTypeDefinition","layout","table","type","dataHook","name","displayName","title","hideable","sortable","capabilities","isPii","isSystem","isPrimary","infoTooltipProps","helpText","content","undefined","fieldType","toFieldType","fieldTypeIcons","display","icons","render","row","rowNum","default","createElement","FieldCell","value","getCellValue","fieldId","columnId","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../src/state/buildFieldColumns.tsx"],"sourcesContent":["import React from 'react';\nimport type { Field, FieldsSource, PatternsFieldType } from '@wix/bex-core';\nimport { resolveFieldTypeDefinition } from '@wix/bex-core';\nimport type { DataTableColumnAlign } from '@wix/design-system/dist/types/Table/DataTable';\nimport { Column } from '../model';\nimport { FieldCell } from '../components/FieldCell/FieldCell';\nimport { toFieldType } from '../utils/fieldTypePrefixIcons';\n\n/**\n * Column width and alignment per field type. These match the widths the table\n * used before this builder existed, so columns keep the same layout. Types not\n * listed fall back to DEFAULT_LAYOUT.\n */\nconst LAYOUT_BY_TYPE: Partial<\n  Record<PatternsFieldType, { width: string; align: DataTableColumnAlign }>\n> = {\n  SHORT_TEXT: { width: '150px', align: 'start' },\n  LONG_TEXT: { width: '250px', align: 'start' },\n  URL: { width: '250px', align: 'start' },\n  DATE: { width: '150px', align: 'center' },\n  DATETIME: { width: '200px', align: 'center' },\n  NUMBER: { width: '100px', align: 'center' },\n  BOOLEAN: { width: '100px', align: 'center' },\n  ARRAY: { width: '150px', align: 'start' },\n  DOCUMENT: { width: '180px', align: 'start' },\n};\n\nconst DEFAULT_LAYOUT = {\n  width: '200px',\n  align: 'start' as DataTableColumnAlign,\n};\n\nexport interface ColumnOverridesContext {\n  /** True on the first push for a source, when every column starts hidden. */\n  firstBuild: boolean;\n}\n\n/**\n * Builds table columns from a FieldsSource. Each column renders its value with\n * FieldCell by type. A source can replace any column property — including the\n * render function for media types — through columnOverrides.\n */\nexport function buildFieldColumns(\n  source: FieldsSource,\n  columnOverrides?: (\n    field: Field,\n    ctx: ColumnOverridesContext,\n  ) => Partial<Column>,\n  ctx: ColumnOverridesContext = { firstBuild: false },\n): Column[] {\n  // align and dataHook aren't on Column but the WDS table reads them, so the\n  // callback is left unannotated — annotating the literal as Column would reject\n  // them as excess properties. The function still returns Column[].\n  return source.fields.map((field) => {\n    const id = source.columnIdForField(field);\n    const definition = resolveFieldTypeDefinition(source, field);\n    const layout = definition?.table\n      ? {\n          width: definition.table.width,\n          align: definition.table.align ?? 'start',\n        }\n      : LAYOUT_BY_TYPE[field.type] ?? DEFAULT_LAYOUT;\n    return {\n      id,\n      field,\n      dataHook: id,\n      name: field.displayName,\n      title: field.displayName,\n      hideable: true,\n      sortable: field.capabilities?.sortable ?? false,\n      isPii: field.isPii,\n      isSystem: field.isSystem,\n      isPrimary: field.isPrimary,\n      infoTooltipProps: field.helpText\n        ? { content: field.helpText }\n        : undefined,\n      fieldType: toFieldType(field.type),\n      fieldTypeIcons: definition?.display.icons,\n      width: layout.width,\n      align: layout.align,\n      render: (row, rowNum) => (\n        <FieldCell\n          type={field.type}\n          value={source.getCellValue(row, field)}\n          fieldId={`${id}-${rowNum}`}\n          columnId={id}\n          row={row}\n          definition={definition}\n        />\n      ),\n      ...columnOverrides?.(field, ctx),\n    };\n  });\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_bexCore","_FieldCell","_resolveFieldPresentation","_fieldTypePrefixIcons","_jsxFileName","LAYOUT_BY_TYPE","SHORT_TEXT","width","align","LONG_TEXT","URL","DATE","DATETIME","NUMBER","BOOLEAN","ARRAY","DOCUMENT","DEFAULT_LAYOUT","buildFieldColumns","source","columnOverrides","ctx","firstBuild","fields","map","field","_field$capabilities","_resolveFieldPresenta","id","columnIdForField","definition","resolveFieldTypeDefinition","layout","table","type","dataHook","name","displayName","title","hideable","sortable","capabilities","isPii","isSystem","isPrimary","infoTooltipProps","helpText","content","undefined","fieldType","toFieldType","fieldTypeIcons","resolveFieldPresentation","typeDisplay","icons","render","row","rowNum","default","createElement","FieldCell","value","getCellValue","fieldId","columnId","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../src/state/buildFieldColumns.tsx"],"sourcesContent":["import React from 'react';\nimport type { Field, FieldsSource, PatternsFieldType } from '@wix/bex-core';\nimport { resolveFieldTypeDefinition } from '@wix/bex-core';\nimport type { DataTableColumnAlign } from '@wix/design-system/dist/types/Table/DataTable';\nimport { Column } from '../model';\nimport { FieldCell } from '../components/FieldCell/FieldCell';\nimport { resolveFieldPresentation } from '../utils/resolveFieldPresentation';\nimport { toFieldType } from '../utils/fieldTypePrefixIcons';\n\n/**\n * Column width and alignment per field type. These match the widths the table\n * used before this builder existed, so columns keep the same layout. Types not\n * listed fall back to DEFAULT_LAYOUT.\n */\nconst LAYOUT_BY_TYPE: Partial<\n  Record<PatternsFieldType, { width: string; align: DataTableColumnAlign }>\n> = {\n  SHORT_TEXT: { width: '150px', align: 'start' },\n  LONG_TEXT: { width: '250px', align: 'start' },\n  URL: { width: '250px', align: 'start' },\n  DATE: { width: '150px', align: 'center' },\n  DATETIME: { width: '200px', align: 'center' },\n  NUMBER: { width: '100px', align: 'center' },\n  BOOLEAN: { width: '100px', align: 'center' },\n  ARRAY: { width: '150px', align: 'start' },\n  DOCUMENT: { width: '180px', align: 'start' },\n};\n\nconst DEFAULT_LAYOUT = {\n  width: '200px',\n  align: 'start' as DataTableColumnAlign,\n};\n\nexport interface ColumnOverridesContext {\n  /** True on the first push for a source, when every column starts hidden. */\n  firstBuild: boolean;\n}\n\n/**\n * Builds table columns from a FieldsSource. Each column renders its value with\n * FieldCell by type. A source can replace any column property — including the\n * render function for media types — through columnOverrides.\n */\nexport function buildFieldColumns(\n  source: FieldsSource,\n  columnOverrides?: (\n    field: Field,\n    ctx: ColumnOverridesContext,\n  ) => Partial<Column>,\n  ctx: ColumnOverridesContext = { firstBuild: false },\n): Column[] {\n  // align and dataHook aren't on Column but the WDS table reads them, so the\n  // callback is left unannotated — annotating the literal as Column would reject\n  // them as excess properties. The function still returns Column[].\n  return source.fields.map((field) => {\n    const id = source.columnIdForField(field);\n    const definition = resolveFieldTypeDefinition(source, field);\n    const layout = definition?.table\n      ? {\n          width: definition.table.width,\n          align: definition.table.align ?? 'start',\n        }\n      : LAYOUT_BY_TYPE[field.type] ?? DEFAULT_LAYOUT;\n    return {\n      id,\n      field,\n      dataHook: id,\n      name: field.displayName,\n      title: field.displayName,\n      hideable: true,\n      sortable: field.capabilities?.sortable ?? false,\n      isPii: field.isPii,\n      isSystem: field.isSystem,\n      isPrimary: field.isPrimary,\n      infoTooltipProps: field.helpText\n        ? { content: field.helpText }\n        : undefined,\n      fieldType: toFieldType(field.type),\n      fieldTypeIcons: resolveFieldPresentation(source, field)?.typeDisplay\n        ?.icons,\n      width: layout.width,\n      align: layout.align,\n      render: (row, rowNum) => (\n        <FieldCell\n          type={field.type}\n          value={source.getCellValue(row, field)}\n          fieldId={`${id}-${rowNum}`}\n          columnId={id}\n          row={row}\n          definition={definition}\n        />\n      ),\n      ...columnOverrides?.(field, ctx),\n    };\n  });\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer1121620105__root.CardContainer1121620105--mobile{border-radius:0}.CmsFieldForm125807038__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2237646965__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection884685904__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse1973566489__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1973566489__exit{height:0}.CollectionPage4230050615__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage4230050615__root.CollectionPage4230050615--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage4230050615__root.CollectionPage4230050615--panel{overflow:hidden;position:relative}.CollectionSectionHeader2791018871__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable1807523083__root td{vertical-align:middle}.CollectionTable1807523083__root.CollectionTable1807523083--mobile td:first-child{padding-left:18px}.CollectionTable1807523083__root.CollectionTable1807523083--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable4139749076__root.CollectionTableWSRTable4139749076--resizable table{min-width:100%}.CollectionTableWSRTable4139749076__root.CollectionTableWSRTable4139749076--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar3325156198__root.CollectionToolbar3325156198--harmony .CollectionToolbar3325156198__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar3325156198__left{min-width:0}.CollectionToolbar3325156198__left.CollectionToolbar3325156198--expandable{flex:auto}.CollectionToolbar3325156198__left.CollectionToolbar3325156198--title>*{width:100%}.CollectionToolbar3325156198__root.CollectionToolbar3325156198---responsiveMode-5-title .CollectionToolbar3325156198__left{flex:1 100;min-width:50px}.CollectionToolbar3325156198__root.CollectionToolbar3325156198---responsiveMode-4-tabs .CollectionToolbar3325156198__left,.CollectionToolbar3325156198__root.CollectionToolbar3325156198---responsiveMode-4-tabs .CollectionToolbar3325156198__left.CollectionToolbar3325156198--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3325156198__root.CollectionToolbar3325156198---responsiveMode-4-tabs .CollectionToolbar3325156198__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3325156198__root .CollectionToolbar3325156198__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3325156198__root.CollectionToolbar3325156198--views .CollectionToolbar3325156198__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3325156198__root.CollectionToolbar3325156198---responsiveMode-4-tabs .CollectionToolbar3325156198__right,.CollectionToolbar3325156198__root.CollectionToolbar3325156198---responsiveMode-5-title .CollectionToolbar3325156198__right{flex:0 1 auto;min-width:0}.CollectionToolbar3325156198__root .CollectionToolbar3325156198__right.CollectionToolbar3325156198__fullWidth{margin-inline-start:0!important}.CollectionToolbar3325156198__root.CollectionToolbar3325156198--mobile:not(.CollectionToolbar3325156198--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter4147350481__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter4147350481__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter4147350481__searchMobile:not(.SearchOrCustomFilter4147350481--expandable){left:18px}.SearchOrCustomFilter4147350481__searchMobile.SearchOrCustomFilter4147350481--expandable.SearchOrCustomFilter4147350481--expanded{left:18px}.AutoCompleteReadonly821413600__root.AutoCompleteReadonly821413600--disableEditing{cursor:pointer}.AutoCompleteReadonly821413600__root.AutoCompleteReadonly821413600--disableEditing input{cursor:pointer}.ViewsDropdown600333655__root{width:200px}.DragHandle1763695214__root{display:flex;align-items:center}.DragHandle1763695214__root:not(.DragHandle1763695214--disabled){cursor:grab;color:#a8caff}.DragHandle1763695214__root.DragHandle1763695214--disabled{color:#acafc4}.DragHandle1763695214__root:focus-visible:not(.DragHandle1763695214--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1763695214__root.DragHandle1763695214--disabled{pointer-events:none}.DragHandle1763695214__root.DragHandle1763695214--dragging:not(.DragHandle1763695214--disabled){cursor:grabbing}td:has(>.EditableCell954666621__root){position:relative;overflow:visible}tr:has(.EditableCell954666621__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell954666621__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>.EditableCell954666621__root{top:0}.EditableCell954666621__root:hover:not(.EditableCell954666621--rowActive):not(.EditableCell954666621--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell954666621__root.EditableCell954666621--rowActive:not(.EditableCell954666621--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell954666621__root.EditableCell954666621--rowActive:hover:not(.EditableCell954666621--focused):not(.EditableCell954666621--rangeSelected):not(.EditableCell954666621--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)}.EditableCell954666621__root.EditableCell954666621--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)}.EditableCell954666621__root.EditableCell954666621--readOnly:hover:not(.EditableCell954666621--rowActive):not(.EditableCell954666621--rangeSelected),.EditableCell954666621__root.EditableCell954666621--readOnly.EditableCell954666621--rowActive:not(.EditableCell954666621--rangeSelected){background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell954666621__root.EditableCell954666621--readOnly.EditableCell954666621--rowActive:hover:not(.EditableCell954666621--focused):not(.EditableCell954666621--rangeSelected){border-color:var(--wds-color-black-700, var(--wsr-color-D70, #eceff3))}.EditableCell954666621__root.EditableCell954666621--focused:not(.EditableCell954666621--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}.EditableCell954666621__root.EditableCell954666621--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell954666621__root.EditableCell954666621--editing:not(.EditableCell954666621--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell954666621__root.EditableCell954666621--focused.EditableCell954666621--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell954666621__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)}.EditableCell954666621__root.EditableCell954666621--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell954666621__root.EditableCell954666621--selectionTop:not(.EditableCell954666621--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell954666621__root.EditableCell954666621--selectionBottom:not(.EditableCell954666621--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell954666621__root.EditableCell954666621--selectionLeft:not(.EditableCell954666621--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell954666621__root.EditableCell954666621--selectionRight:not(.EditableCell954666621--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell954666621__root.EditableCell954666621--invalid,.EditableCell954666621__root.EditableCell954666621--invalid.EditableCell954666621--rowActive:hover:not(.EditableCell954666621--focused):not(.EditableCell954666621--rangeSelected),.EditableCell954666621__root.EditableCell954666621--invalid.EditableCell954666621--focused:not(.EditableCell954666621--rangeSelected),.EditableCell954666621__root.EditableCell954666621--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell954666621__root.EditableCell954666621--copiedTop:not(.EditableCell954666621--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell954666621__root.EditableCell954666621--copiedBottom:not(.EditableCell954666621--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell954666621__root.EditableCell954666621--copiedLeft:not(.EditableCell954666621--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell954666621__root.EditableCell954666621--copiedRight:not(.EditableCell954666621--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell954666621__root.EditableCell954666621--invalid:not(.EditableCell954666621--focused):not(.EditableCell954666621--editing){z-index:1}.EditableCell954666621__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 .EditableCell954666621__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover1402474605__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover1402474605__root,.HeaderActionsPopover1402474605__root[data-menu-open=true],.HeaderActionsPopover1402474605__root:focus-within{opacity:1}.CellViewLayout810755829__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout810755829__root>*{flex:1;min-width:0}.Edit1873859636__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}.Edit1873859636__addressInput>div,.Edit1873859636__addressInput>div>div,.Edit1873859636__addressInput>div>div>div{width:100%;min-width:0}.Edit2643700821__jsonInput{width:100%;margin-left:-1px}.Edit1989122268__booleanEdit{display:flex;align-items:center;margin-left:8px}.View4059982468__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit3602542179__root{width:100%;height:100%;display:flex;align-items:center}.Edit3276515586__dateInput{width:100%;margin-left:-1px}.Edit2079910613__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit2079910613__dateHalf{flex:60 1 0}.Edit2079910613__timeHalf{flex:40 1 0}.Edit2079910613__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2079910613__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%}.Edit2079910613__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View2038921840__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}.View2038921840__datePart{flex:60 1 0}.View2038921840__timePart{flex:40 1 0}.View2038921840__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View2038921840__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit554810667__emailInput{width:100%;margin-left:-1px}.Edit166793133__numberInput{width:100%;margin-right:2px}.Edit166793133__numberInput input{text-align:right;direction:ltr}.View2181295351__textView{width:100%;text-align:right}.Edit48804743__jsonInput{width:100%;margin-left:-1px}.Edit1710201859__selectInput{width:100%}.Edit1774410782__editWrapper{width:100%}.Edit1774410782__inputArea{background-color:transparent;width:100%}.Edit1774410782__inputArea input,.Edit1774410782__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}.Edit1774410782__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1774410782__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit1774410782__inputArea>div::after{box-shadow:none!important}.Edit1774410782__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1774410782__inputArea:not(.Edit1774410782--isFocused) textarea{resize:none;overflow:hidden}.Edit1774410782__inputArea:not(.Edit1774410782--isFocused) textarea::-webkit-scrollbar{display:none}.Edit3138156806__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(
+.CardContainer2101817185__root.CardContainer2101817185--mobile{border-radius:0}.CmsFieldForm377264265__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2220308879__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection1371088840__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse3556960639__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3556960639__exit{height:0}.CollectionPage3811970456__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3811970456__root.CollectionPage3811970456--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3811970456__root.CollectionPage3811970456--panel{overflow:hidden;position:relative}.CollectionSectionHeader3285352321__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable1500603398__root td{vertical-align:middle}.CollectionTable1500603398__root.CollectionTable1500603398--mobile td:first-child{padding-left:18px}.CollectionTable1500603398__root.CollectionTable1500603398--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable417943831__root.CollectionTableWSRTable417943831--resizable table{min-width:100%}.CollectionTableWSRTable417943831__root.CollectionTableWSRTable417943831--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar676723330__root.CollectionToolbar676723330--harmony .CollectionToolbar676723330__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar676723330__left{min-width:0}.CollectionToolbar676723330__left.CollectionToolbar676723330--expandable{flex:auto}.CollectionToolbar676723330__left.CollectionToolbar676723330--title>*{width:100%}.CollectionToolbar676723330__root.CollectionToolbar676723330---responsiveMode-5-title .CollectionToolbar676723330__left{flex:1 100;min-width:50px}.CollectionToolbar676723330__root.CollectionToolbar676723330---responsiveMode-4-tabs .CollectionToolbar676723330__left,.CollectionToolbar676723330__root.CollectionToolbar676723330---responsiveMode-4-tabs .CollectionToolbar676723330__left.CollectionToolbar676723330--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar676723330__root.CollectionToolbar676723330---responsiveMode-4-tabs .CollectionToolbar676723330__left>*{flex-shrink:1;min-width:0}.CollectionToolbar676723330__root .CollectionToolbar676723330__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar676723330__root.CollectionToolbar676723330--views .CollectionToolbar676723330__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar676723330__root.CollectionToolbar676723330---responsiveMode-4-tabs .CollectionToolbar676723330__right,.CollectionToolbar676723330__root.CollectionToolbar676723330---responsiveMode-5-title .CollectionToolbar676723330__right{flex:0 1 auto;min-width:0}.CollectionToolbar676723330__root .CollectionToolbar676723330__right.CollectionToolbar676723330__fullWidth{margin-inline-start:0!important}.CollectionToolbar676723330__root.CollectionToolbar676723330--mobile:not(.CollectionToolbar676723330--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter4263630972__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter4263630972__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter4263630972__searchMobile:not(.SearchOrCustomFilter4263630972--expandable){left:18px}.SearchOrCustomFilter4263630972__searchMobile.SearchOrCustomFilter4263630972--expandable.SearchOrCustomFilter4263630972--expanded{left:18px}.AutoCompleteReadonly1999946714__root.AutoCompleteReadonly1999946714--disableEditing{cursor:pointer}.AutoCompleteReadonly1999946714__root.AutoCompleteReadonly1999946714--disableEditing input{cursor:pointer}.ViewsDropdown427173525__root{width:200px}.DragHandle4237998044__root{display:flex;align-items:center}.DragHandle4237998044__root:not(.DragHandle4237998044--disabled){cursor:grab;color:#a8caff}.DragHandle4237998044__root.DragHandle4237998044--disabled{color:#acafc4}.DragHandle4237998044__root:focus-visible:not(.DragHandle4237998044--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4237998044__root.DragHandle4237998044--disabled{pointer-events:none}.DragHandle4237998044__root.DragHandle4237998044--dragging:not(.DragHandle4237998044--disabled){cursor:grabbing}td:has(>.EditableCell4136393457__root){position:relative;overflow:visible}tr:has(.EditableCell4136393457__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell4136393457__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>.EditableCell4136393457__root{top:0}.EditableCell4136393457__root:hover:not(.EditableCell4136393457--rowActive):not(.EditableCell4136393457--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell4136393457__root.EditableCell4136393457--rowActive:not(.EditableCell4136393457--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell4136393457__root.EditableCell4136393457--rowActive:hover:not(.EditableCell4136393457--focused):not(.EditableCell4136393457--rangeSelected):not(.EditableCell4136393457--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)}.EditableCell4136393457__root.EditableCell4136393457--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)}.EditableCell4136393457__root.EditableCell4136393457--readOnly:hover:not(.EditableCell4136393457--rowActive):not(.EditableCell4136393457--rangeSelected),.EditableCell4136393457__root.EditableCell4136393457--readOnly.EditableCell4136393457--rowActive:not(.EditableCell4136393457--rangeSelected){background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell4136393457__root.EditableCell4136393457--readOnly.EditableCell4136393457--rowActive:hover:not(.EditableCell4136393457--focused):not(.EditableCell4136393457--rangeSelected){border-color:var(--wds-color-black-700, var(--wsr-color-D70, #eceff3))}.EditableCell4136393457__root.EditableCell4136393457--focused:not(.EditableCell4136393457--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}.EditableCell4136393457__root.EditableCell4136393457--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell4136393457__root.EditableCell4136393457--editing:not(.EditableCell4136393457--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell4136393457__root.EditableCell4136393457--focused.EditableCell4136393457--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell4136393457__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)}.EditableCell4136393457__root.EditableCell4136393457--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell4136393457__root.EditableCell4136393457--selectionTop:not(.EditableCell4136393457--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell4136393457__root.EditableCell4136393457--selectionBottom:not(.EditableCell4136393457--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell4136393457__root.EditableCell4136393457--selectionLeft:not(.EditableCell4136393457--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell4136393457__root.EditableCell4136393457--selectionRight:not(.EditableCell4136393457--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell4136393457__root.EditableCell4136393457--invalid,.EditableCell4136393457__root.EditableCell4136393457--invalid.EditableCell4136393457--rowActive:hover:not(.EditableCell4136393457--focused):not(.EditableCell4136393457--rangeSelected),.EditableCell4136393457__root.EditableCell4136393457--invalid.EditableCell4136393457--focused:not(.EditableCell4136393457--rangeSelected),.EditableCell4136393457__root.EditableCell4136393457--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell4136393457__root.EditableCell4136393457--copiedTop:not(.EditableCell4136393457--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell4136393457__root.EditableCell4136393457--copiedBottom:not(.EditableCell4136393457--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell4136393457__root.EditableCell4136393457--copiedLeft:not(.EditableCell4136393457--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell4136393457__root.EditableCell4136393457--copiedRight:not(.EditableCell4136393457--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell4136393457__root.EditableCell4136393457--invalid:not(.EditableCell4136393457--focused):not(.EditableCell4136393457--editing){z-index:1}.EditableCell4136393457__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 .EditableCell4136393457__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover939203393__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover939203393__root,.HeaderActionsPopover939203393__root[data-menu-open=true],.HeaderActionsPopover939203393__root:focus-within{opacity:1}.CellViewLayout867512689__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout867512689__root>*{flex:1;min-width:0}.Edit3093123279__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}.Edit3093123279__addressInput>div,.Edit3093123279__addressInput>div>div,.Edit3093123279__addressInput>div>div>div{width:100%;min-width:0}.Edit1409228413__jsonInput{width:100%;margin-left:-1px}.Edit3370407099__booleanEdit{display:flex;align-items:center;margin-left:8px}.View2014816366__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit4002302257__root{width:100%;height:100%;display:flex;align-items:center}.Edit2647696480__dateInput{width:100%;margin-left:-1px}.Edit3204490315__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit3204490315__dateHalf{flex:60 1 0}.Edit3204490315__timeHalf{flex:40 1 0}.Edit3204490315__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3204490315__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%}.Edit3204490315__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View3835657356__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}.View3835657356__datePart{flex:60 1 0}.View3835657356__timePart{flex:40 1 0}.View3835657356__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View3835657356__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3877897170__emailInput{width:100%;margin-left:-1px}.Edit2737142881__numberInput{width:100%;margin-right:2px}.Edit2737142881__numberInput input{text-align:right;direction:ltr}.View3709211244__textView{width:100%;text-align:right}.Edit1314169425__jsonInput{width:100%;margin-left:-1px}.Edit3506239018__selectInput{width:100%}.Edit2922059484__editWrapper{width:100%}.Edit2922059484__inputArea{background-color:transparent;width:100%}.Edit2922059484__inputArea input,.Edit2922059484__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}.Edit2922059484__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2922059484__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2922059484__inputArea>div::after{box-shadow:none!important}.Edit2922059484__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2922059484__inputArea:not(.Edit2922059484--isFocused) textarea{resize:none;overflow:hidden}.Edit2922059484__inputArea:not(.Edit2922059484--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2207402314__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
-  )}.Edit3138156806__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit2209840079__urlInput{width:100%;margin-left:-1px}.View3043994015__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3043994015__urlText{flex:1;min-width:0}.View3043994015__suffix{flex-shrink:0;margin-left:10px}.View3043994015__textView.View3043994015--suffixOnHover:not(:hover) .View3043994015__suffix{display:none}.EmptyStateBase2791893234__root{min-height:230px;align-items:center}.EntityPagePlain1137509025__root.EntityPagePlain1137509025--mobile{--wds-page-header-padding-horizontal:0}.Fade3917089856__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3917089856__root.Fade3917089856--exit{opacity:0}.Heading3956853108__root{visibility:visible}.Heading3956853108__root.Heading3956853108--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2930019465__fileUpload{width:100%}.InputOverflow73060054__root.InputOverflow73060054--selected:not(.InputOverflow73060054--focused) input::placeholder{color:#000624}@keyframes LoadingRow3473808676__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%}}.LoadingRow3473808676__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:LoadingRow3473808676__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3374354239__root{opacity:1}.MaxHeightText3374354239__root.MaxHeightText3374354239--height24{line-height:24px}.MaxLines2770426191__root{overflow:hidden}.MaxLines2770426191__root.MaxLines2770426191--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar153987077__root{min-width:0}.MultiBulkActionToolbar153987077__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar153987077__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar153987077__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow368706__root td{padding:0!important;width:100%}.NestedTableRow701864069__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow701864069__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow701864069__root.NestedTableRow701864069--expandable{cursor:pointer}.NestedTableRow701864069__placeholder td{padding:0!important;width:100%}.NestedTableRow701864069__root:hover td:first-of-type::before,.NestedTableRow701864069__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))}.MultipleDragOverlayEffect965541054__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)))}.NestedTableDragAndDropRow17191069__root.NestedTableDragAndDropRow17191069--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent2878574456__root{display:flex}.PickerContentAdditionalStep722232321__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep722232321__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2359575036__root{box-sizing:border-box}.ScrollableContent406688216__root.ScrollableContent406688216--overflowY{overflow-y:auto}.ScrollableContent406688216__root.ScrollableContent406688216--overflowX{overflow-x:auto}.ScrollableContent406688216__root.ScrollableContent406688216--smooth{scroll-behavior:smooth}.SetupWidget3954814698__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))}.SetupWidget3954814698__row.SetupWidget3954814698--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget3954814698__row.SetupWidget3954814698--focused.SetupWidget3954814698--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget3954814698__completedCta,.SetupWidget3954814698__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget3954814698__row:hover .SetupWidget3954814698__completedCta,.SetupWidget3954814698__row:hover .SetupWidget3954814698__secondaryCta{opacity:1}}.SetupWidget3954814698__row:focus-within .SetupWidget3954814698__completedCta,.SetupWidget3954814698__row:focus-within .SetupWidget3954814698__secondaryCta,.SetupWidget3954814698__secondaryCta:focus-within{opacity:1}.SetupWidget3954814698__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}.SetupWidget3954814698__card.SetupWidget3954814698--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget3954814698__card.SetupWidget3954814698--clickable{cursor:pointer}.SetupWidget3954814698__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget3954814698__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget3954814698__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget3954814698__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard2603771799__headerLoading{display:block!important}.SlidingModal1671637190__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1671637190__root.SlidingModal1671637190--overlay{transition:transform 0s ease 0s}.SlidingModal1671637190__root.SlidingModal1671637190---appendTo-6-parent{position:absolute}.SlidingModal1671637190__root.SlidingModal1671637190--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal1671637190__root:not(.SlidingModal1671637190--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(.AddFieldColumnHeader510560837__anchorLayer){position:relative}.AddFieldColumnHeader510560837__anchorLayer{position:absolute;inset:0;pointer-events:none}.AddFieldColumnHeader510560837__anchorLayer>.AddFieldColumnHeader510560837__popover{display:grid;width:100%;height:100%}.AddFieldColumnHeader510560837__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}.AddFieldColumnHeader510560837__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)}.AddFieldColumnHeader510560837__hoverBridge{display:inline-block;padding:4px;background:0 0;transform:translate(50%,-50%)}.AddFieldColumnHeader510560837__hoverBridge.AddFieldColumnHeader510560837---side-4-left{transform:translate(-50%,-50%)}.TabsFilter2706877069__root .TabsFilter2706877069__titleBox *{color:inherit!important}.ManageTagsModal664180296__root{display:flex}.ManageTagsModal664180296__root.ManageTagsModal664180296--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal664180296__root.ManageTagsModal664180296--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem2403709245__root{min-width:0}.ToolbarItemBox2598226318__root{min-width:0}.ToolbarItemBox2598226318__root.ToolbarItemBox2598226318--removeStartPadding{margin-left:-24px}.ToolbarItemBox2598226318__root.ToolbarItemBox2598226318--expandable{flex:1 0}.common1129797279__column{display:flex;flex-direction:column}.common1129797279__fullHeight{height:100%;min-height:0}.CollectionPageHeader2482715281__root:not(.CollectionPageHeader2482715281--mobile){gap:12px}.CollectionPageHeader2482715281__root.CollectionPageHeader2482715281--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2482715281__root.CollectionPageHeader2482715281--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3791353024__root.FormPageHeader3791353024--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3791353024__root.FormPageHeader3791353024--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.Edit2207402314__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit782782177__urlInput{width:100%;margin-left:-1px}.View245874533__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View245874533__urlText{flex:1;min-width:0}.View245874533__suffix{flex-shrink:0;margin-left:10px}.View245874533__textView.View245874533--suffixOnHover:not(:hover) .View245874533__suffix{display:none}.EmptyStateBase1495646058__root{min-height:230px;align-items:center}.EntityPagePlain983726362__root.EntityPagePlain983726362--mobile{--wds-page-header-padding-horizontal:0}.Fade2901023736__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2901023736__root.Fade2901023736--exit{opacity:0}.Heading235089955__root{visibility:visible}.Heading235089955__root.Heading235089955--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload1828790217__fileUpload{width:100%}.InputOverflow972137091__root.InputOverflow972137091--selected:not(.InputOverflow972137091--focused) input::placeholder{color:#000624}@keyframes LoadingRow147365426__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%}}.LoadingRow147365426__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:LoadingRow147365426__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1988421594__root{opacity:1}.MaxHeightText1988421594__root.MaxHeightText1988421594--height24{line-height:24px}.MaxLines1449860919__root{overflow:hidden}.MaxLines1449860919__root.MaxLines1449860919--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1955755022__root{min-width:0}.MultiBulkActionToolbar1955755022__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1955755022__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1955755022__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow4243392228__root td{padding:0!important;width:100%}.NestedTableRow2802571862__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow2802571862__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow2802571862__root.NestedTableRow2802571862--expandable{cursor:pointer}.NestedTableRow2802571862__placeholder td{padding:0!important;width:100%}.NestedTableRow2802571862__root:hover td:first-of-type::before,.NestedTableRow2802571862__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))}.MultipleDragOverlayEffect3040003692__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)))}.NestedTableDragAndDropRow2385517821__root.NestedTableDragAndDropRow2385517821--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent1900656109__root{display:flex}.PickerContentAdditionalStep3820781181__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3820781181__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1944108378__root{box-sizing:border-box}.ScrollableContent2527951948__root.ScrollableContent2527951948--overflowY{overflow-y:auto}.ScrollableContent2527951948__root.ScrollableContent2527951948--overflowX{overflow-x:auto}.ScrollableContent2527951948__root.ScrollableContent2527951948--smooth{scroll-behavior:smooth}.SetupWidget3438247883__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))}.SetupWidget3438247883__row.SetupWidget3438247883--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget3438247883__row.SetupWidget3438247883--focused.SetupWidget3438247883--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget3438247883__completedCta,.SetupWidget3438247883__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget3438247883__row:hover .SetupWidget3438247883__completedCta,.SetupWidget3438247883__row:hover .SetupWidget3438247883__secondaryCta{opacity:1}}.SetupWidget3438247883__row:focus-within .SetupWidget3438247883__completedCta,.SetupWidget3438247883__row:focus-within .SetupWidget3438247883__secondaryCta,.SetupWidget3438247883__secondaryCta:focus-within{opacity:1}.SetupWidget3438247883__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}.SetupWidget3438247883__card.SetupWidget3438247883--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget3438247883__card.SetupWidget3438247883--clickable{cursor:pointer}.SetupWidget3438247883__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget3438247883__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget3438247883__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget3438247883__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard1951551948__headerLoading{display:block!important}.SlidingModal547265214__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal547265214__root.SlidingModal547265214--overlay{transition:transform 0s ease 0s}.SlidingModal547265214__root.SlidingModal547265214---appendTo-6-parent{position:absolute}.SlidingModal547265214__root.SlidingModal547265214--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal547265214__root:not(.SlidingModal547265214--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(.AddFieldColumnHeader1884038899__anchorLayer){position:relative}.AddFieldColumnHeader1884038899__anchorLayer{position:absolute;inset:0;pointer-events:none}.AddFieldColumnHeader1884038899__anchorLayer>.AddFieldColumnHeader1884038899__popover{display:grid;width:100%;height:100%}.AddFieldColumnHeader1884038899__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}.AddFieldColumnHeader1884038899__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)}.AddFieldColumnHeader1884038899__hoverBridge{display:inline-block;padding:4px;background:0 0;transform:translate(50%,-50%)}.AddFieldColumnHeader1884038899__hoverBridge.AddFieldColumnHeader1884038899---side-4-left{transform:translate(-50%,-50%)}.TabsFilter183617397__root .TabsFilter183617397__titleBox *{color:inherit!important}.ManageTagsModal3206003437__root{display:flex}.ManageTagsModal3206003437__root.ManageTagsModal3206003437--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal3206003437__root.ManageTagsModal3206003437--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem4007998034__root{min-width:0}.ToolbarItemBox960761029__root{min-width:0}.ToolbarItemBox960761029__root.ToolbarItemBox960761029--removeStartPadding{margin-left:-24px}.ToolbarItemBox960761029__root.ToolbarItemBox960761029--expandable{flex:1 0}.common3047314224__column{display:flex;flex-direction:column}.common3047314224__fullHeight{height:100%;min-height:0}.CollectionPageHeader3749774298__root:not(.CollectionPageHeader3749774298--mobile){gap:12px}.CollectionPageHeader3749774298__root.CollectionPageHeader3749774298--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3749774298__root.CollectionPageHeader3749774298--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader497495309__root.FormPageHeader497495309--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader497495309__root.FormPageHeader497495309--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/dist/cjs/utils/resolveFieldPresentation.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.resolveFieldPresentation = resolveFieldPresentation;
+var _bexCore = require("@wix/bex-core");
+function resolveFieldPresentation(source, field) {
+  var _presentation$typeDis, _presentation$typeDis2;
+  const presentation = source.getFieldPresentation == null ? void 0 : source.getFieldPresentation(field);
+  const definition = (0, _bexCore.resolveFieldTypeDefinition)(source, field);
+  return definition ? {
+    ...presentation,
+    typeDisplay: {
+      label: (presentation == null || (_presentation$typeDis = presentation.typeDisplay) == null ? void 0 : _presentation$typeDis.label) ?? definition.display.label,
+      icons: (presentation == null || (_presentation$typeDis2 = presentation.typeDisplay) == null ? void 0 : _presentation$typeDis2.icons) ?? definition.display.icons
+    }
+  } : presentation;
+}
+//# sourceMappingURL=resolveFieldPresentation.js.map

package/dist/cjs/utils/resolveFieldPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","resolveFieldPresentation","source","field","_presentation$typeDis","_presentation$typeDis2","presentation","getFieldPresentation","definition","resolveFieldTypeDefinition","typeDisplay","label","display","icons"],"sources":["../../../src/utils/resolveFieldPresentation.ts"],"sourcesContent":["import type { Field, FieldPresentation, FieldsSource } from '@wix/bex-core';\nimport { resolveFieldTypeDefinition } from '@wix/bex-core';\n\nexport function resolveFieldPresentation(\n  source: Pick<FieldsSource, 'fieldTypes' | 'getFieldPresentation'>,\n  field: Field,\n): FieldPresentation | undefined {\n  const presentation = source.getFieldPresentation?.(field);\n  const definition = resolveFieldTypeDefinition(source, field);\n  return definition\n    ? {\n        ...presentation,\n        typeDisplay: {\n          label: presentation?.typeDisplay?.label ?? definition.display.label,\n          icons: presentation?.typeDisplay?.icons ?? definition.display.icons,\n        },\n      }\n    : presentation;\n}\n"],"mappings":";;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AAEO,SAASC,wBAAwBA,CACtCC,MAAiE,EACjEC,KAAY,EACmB;EAAA,IAAAC,qBAAA,EAAAC,sBAAA;EAC/B,MAAMC,YAAY,GAAGJ,MAAM,CAACK,oBAAoB,oBAA3BL,MAAM,CAACK,oBAAoB,CAAGJ,KAAK,CAAC;EACzD,MAAMK,UAAU,GAAG,IAAAC,mCAA0B,EAACP,MAAM,EAAEC,KAAK,CAAC;EAC5D,OAAOK,UAAU,GACb;IACE,GAAGF,YAAY;IACfI,WAAW,EAAE;MACXC,KAAK,EAAE,CAAAL,YAAY,aAAAF,qBAAA,GAAZE,YAAY,CAAEI,WAAW,qBAAzBN,qBAAA,CAA2BO,KAAK,KAAIH,UAAU,CAACI,OAAO,CAACD,KAAK;MACnEE,KAAK,EAAE,CAAAP,YAAY,aAAAD,sBAAA,GAAZC,YAAY,CAAEI,WAAW,qBAAzBL,sBAAA,CAA2BQ,KAAK,KAAIL,UAAU,CAACI,OAAO,CAACC;IAChE;EACF,CAAC,GACDP,YAAY;AAClB","ignoreList":[]}

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.470.0';
+const version = exports.version = 'patterns@1.471.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.470.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.471.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/docs/CustomFieldType.md

@@ -26,6 +26,46 @@ A field uses the type via `type: 'CUSTOM'` and `customType` pointing at the defi
 
 See the **API** tab for the full configuration of each slot.
 
+### Presentation for an existing field
+
+Use `getFieldPresentation` on a schema source when an existing field needs its own type label or icons while keeping its built-in behavior:
+
+```tsx
+import { useSchemaSource, SchemaSourceInput } from '@wix/patterns/schema';
+import {
+  DataCollectionLinked,
+  DataCollectionLinkedSmall,
+} from '@wix/wix-ui-icons-common/lazy';
+
+export function useTeamSource<T>(
+  input: SchemaSourceInput<T>,
+  t: (key: string) => string,
+) {
+  return useSchemaSource({
+    ...input,
+    getFieldPresentation: (field) =>
+      field.id === 'members'
+        ? {
+            typeDisplay: {
+              label: t('fields.linkedMembers'),
+              icons: {
+                Small: DataCollectionLinkedSmall,
+                Medium: DataCollectionLinked,
+              },
+            },
+            collectionInputLabel: t('fields.memberCollection'),
+          }
+        : undefined,
+  });
+}
+```
+
+The type label and medium icon appear in Edit field. Icons also appear in table headers and Manage fields. `collectionInputLabel` changes the label above an existing collection picker; it does not add a picker or replace its loader, validation, or selected value. Omitted properties keep the source's or custom type's defaults.
+
+The callback receives the current field, including after schema updates. It does not change the field's type, cell rendering, filtering, or saved data. Add-field and import type choices keep their ordinary labels and icons.
+
+An existing field can display its presentation even when its type is not offered for creation. In Edit field, registered custom-type labels and icons provide defaults for omitted presentation properties, including for non-creatable custom types.
+
 
 ```tsx
 import { defineFieldType } from '@wix/patterns';
@@ -153,6 +193,32 @@ Absent ⇒ the modal never offers this type. With it, the type shows in the add-
 - `piiWarning?: () => FieldPiiWarning | undefined` — warning shown while the PII toggle is on.
 - `settingsSection?: FieldSettingsSection` — the type's own collapsible settings section (`Component`, `hasError`, `getValues`, `setValues`); its values reach the source's `addField`/`editField` as `settings`, untouched.
 
+##### Collection dropdown action
+
+`fieldModal.collectionInput.dropdownAction` adds a divider and action below the collection options, including when the list is empty or search finds no matches:
+
+```ts
+collectionInput: {
+  loadOptions: loadCollections,
+  getSettings: (id) => ({ referencedCollection: id }),
+  dropdownAction: {
+    label: t('createCollection'),
+    icon: Add,
+    disabled: !canCreateCollection,
+    onClick: async () => {
+      const result = await openCollectionDialog();
+      return result ? { id: result.id, label: result.name } : undefined;
+    },
+  },
+}
+```
+
+The consumer owns the dialog, validation, and persistence. Resolve `undefined` on cancellation, or return `{id, label}` to select an option. The returned option can be pending creation; the action does not save the field or create a collection. Store any pending details on the source side and include them through `getSettings` when the selected ID matches.
+
+Cairo closes the dropdown before calling `onClick`, prevents repeated invocation and field submission while it is pending, and restores focus afterward. Returned options remain available through option reloads for the current modal session and field type. Closing/reopening the modal or changing type clears them and ignores outstanding results. The picker remains disabled in edit mode.
+
+The callback must settle on every dialog close path. A rejected promise is reported through the error monitor and existing error resolver, leaving the form available for retry. An already-open consumer dialog remains the consumer's responsibility if its parent closes. For nested dialogs, use the design system's modal stacking and resolve after closing the child.
+
 ##### What the modal offers, and who persists it
 
 The modal renders only what the source declares — there is no built-in list of standard types, because offering a type is a promise the source's backend can store it. A source adapter declares its creatable set once (`fieldModal.types` on the source, e.g. `useCmsSchemaSource` declares the types `@wix/data` can create); creatable custom types are appended to that set automatically.