@wix/patterns 1.440.0 → 1.443.0

package/src/state/ToolbarCollectionState.ts

@@ -874,11 +874,19 @@ export class ToolbarCollectionState<T, F extends FiltersMap = FiltersMap> {
     } = this;
     const tableColumnsIds = new Set(tableColumns.map((column) => column.id));
 
-    query.sort.value
-      .filter(({ field }) => !tableColumnsIds.has(field))
-      .forEach((s) => {
-        query.sort.value.remove(s);
-      });
+    const staleSortEntries = query.sort.value.filter(
+      ({ field }) => !tableColumnsIds.has(field),
+    );
+
+    // Runs on every column add/duplicate, where the sort is still valid.
+    // re-sorting there clears the loaded rows and refetches from page 1.
+    if (staleSortEntries.length === 0) {
+      return;
+    }
+
+    staleSortEntries.forEach((s) => {
+      query.sort.value.remove(s);
+    });
     query.sort.events.emit('change');
     this.collection.scheduleSort({ clearResult: true });
   }

package/src/state/buildEditableFieldColumns.ts

@@ -37,7 +37,7 @@ function hasEditor(field: Field, customCell?: Omit<CellType, 'type'>): boolean {
   );
 }
 
-function toValidationRules(field: Field): ValidationRule[] {
+export function toValidationRules(field: Field): ValidationRule[] {
   const v = field.validation;
   if (!v) {
     return [];

package/src/state/buildFieldColumns.tsx

@@ -72,6 +72,7 @@ export function buildFieldColumns(
       isSystem: field.isSystem,
       isPrimary: field.isPrimary,
       fieldType: toFieldType(field.type),
+      fieldTypeIcons: definition?.display.icons,
       width: layout.width,
       align: layout.align,
       render: (row, rowNum) => (

package/src/state/buildFieldFilters.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type ComponentType } from 'react';
 import {
   dateRangeFilter,
   idNameArrayFilter,
@@ -10,6 +10,8 @@ import {
 import type {
   Field,
   FieldsSource,
+  MultiReferenceField,
+  ReferenceField,
   Filter,
   FilterStateBaseParams,
   FilterOperator,
@@ -24,11 +26,23 @@ import { DateCustomFieldFilter } from '../components/CustomFieldFilters/DateCust
 import { DateTimeCustomFieldFilter } from '../components/CustomFieldFilters/DateTimeCustomFieldFilter';
 import { OperatorFilterCustomFieldFilter } from '../components/CustomFieldFilters/OperatorFilterCustomFieldFilter';
 import { NumberRangeFilter } from '../components/NumberRangeFilter';
+import { HasValueCustomFieldFilter } from '../components/CustomFieldFilters/HasValueCustomFieldFilter';
+import type {
+  FetchReferenceItems,
+  ReferenceFieldFilterProps,
+} from '../components/ReferenceFieldFilter/ReferenceFieldFilter';
 
 type FilterFactory = (
   params: Partial<FilterStateBaseParams<any>>,
 ) => Filter<any>;
 
+/**
+ * The reference filter, supplied by the source rather than imported here. It
+ * reaches the referenced item's avatar in `@wix/patterns-fields`, which every
+ * source would otherwise pay for — including sources with no reference fields.
+ */
+export type ReferenceFilterComponent = ComponentType<ReferenceFieldFilterProps>;
+
 export type { FilterTypeConfig } from '@wix/bex-core';
 
 /**
@@ -43,6 +57,13 @@ export interface FieldFilterConfig {
   numberIsDecimal?: (field: Field) => boolean;
   /** Filter type icon. Default: derived from the neutral field type. */
   iconType?: (field: Field) => ReturnType<typeof toFieldType>;
+  /**
+   * Queries a reference field's referenced collection for the options its
+   * filter offers. Returning `undefined` for a field — or omitting this —
+   * leaves that field without a filter, which is what a source that cannot
+   * reach the referenced collection wants.
+   */
+  referenceItems?: (field: Field) => FetchReferenceItems | undefined;
 }
 
 // Field type → the filter element rendered in the toolbar. Its keys also define
@@ -53,10 +74,29 @@ const FILTER_COMPONENT_BY_TYPE: Partial<
   SHORT_TEXT: OperatorFilterCustomFieldFilter,
   LONG_TEXT: OperatorFilterCustomFieldFilter,
   URL: OperatorFilterCustomFieldFilter,
+  EMAIL: OperatorFilterCustomFieldFilter,
+  RICH_TEXT: OperatorFilterCustomFieldFilter,
+  // The source matches an address against its formatted text.
+  ADDRESS: OperatorFilterCustomFieldFilter,
   NUMBER: NumberRangeFilter,
   BOOLEAN: CheckboxCustomFieldFilter,
   DATE: DateCustomFieldFilter,
   DATETIME: DateTimeCustomFieldFilter,
+  // Types with no value to match against — filter them on emptiness alone.
+  TIME: HasValueCustomFieldFilter,
+  IMAGE: HasValueCustomFieldFilter,
+  VIDEO: HasValueCustomFieldFilter,
+  AUDIO: HasValueCustomFieldFilter,
+  MEDIA_GALLERY: HasValueCustomFieldFilter,
+  DOCUMENT: HasValueCustomFieldFilter,
+  MULTI_DOCUMENT: HasValueCustomFieldFilter,
+  RICH_CONTENT: HasValueCustomFieldFilter,
+  OBJECT: HasValueCustomFieldFilter,
+  COLOR: HasValueCustomFieldFilter,
+  ARRAY: HasValueCustomFieldFilter,
+  // REFERENCE / MULTI_REFERENCE are absent on purpose: their filter component
+  // is injected by the source (see ReferenceFilterComponent), so this file —
+  // which every source's filters go through — never pulls it in.
 };
 
 // Field type → the filter state registered on the collection query. Text fields
@@ -70,10 +110,26 @@ const filterFactoryByType = (
     SHORT_TEXT: stringFilter,
     LONG_TEXT: stringFilter,
     URL: stringFilter,
+    EMAIL: stringFilter,
+    RICH_TEXT: stringFilter,
+    ADDRESS: stringFilter,
     NUMBER: numberRangeFilter,
     BOOLEAN: idNameArrayFilter,
     DATE: dateRangeFilter,
     DATETIME: dateRangeFilter,
+    TIME: idNameArrayFilter,
+    IMAGE: idNameArrayFilter,
+    VIDEO: idNameArrayFilter,
+    AUDIO: idNameArrayFilter,
+    MEDIA_GALLERY: idNameArrayFilter,
+    DOCUMENT: idNameArrayFilter,
+    MULTI_DOCUMENT: idNameArrayFilter,
+    RICH_CONTENT: idNameArrayFilter,
+    OBJECT: idNameArrayFilter,
+    COLOR: idNameArrayFilter,
+    ARRAY: idNameArrayFilter,
+    REFERENCE: idNameArrayFilter,
+    MULTI_REFERENCE: idNameArrayFilter,
   };
 };
 
@@ -92,15 +148,28 @@ const resolveCustomFilter = (
     : undefined;
 };
 
+const isReferenceField = (
+  field: Field,
+): field is ReferenceField | MultiReferenceField =>
+  field.type === 'REFERENCE' || field.type === 'MULTI_REFERENCE';
+
 /** A field gets an auto filter when its type maps to a filter element, or —
- *  for a CUSTOM field — when its type definition declares a filter config. */
+ *  for a CUSTOM field — when its type definition declares a filter config. A
+ *  reference field also needs the source to reach the referenced collection. */
 export const isFilterableField = (
   field: Field,
   source: Pick<FieldsSource, 'fieldTypes'>,
-): boolean =>
-  field.type === 'CUSTOM'
-    ? !!resolveCustomFilter(field, source)
-    : isFilterableFieldType(field.type);
+  config?: FieldFilterConfig,
+  ReferenceFilter?: ReferenceFilterComponent,
+): boolean => {
+  if (field.type === 'CUSTOM') {
+    return !!resolveCustomFilter(field, source);
+  }
+  if (isReferenceField(field)) {
+    return !!ReferenceFilter && !!config?.referenceItems?.(field);
+  }
+  return isFilterableFieldType(field.type);
+};
 
 /**
  * Registers a filter state per filterable field on the collection query, so the
@@ -111,6 +180,7 @@ export const registerFieldFilters = (
   toolbar: ToolbarCollectionState<any, any>,
   source: Pick<FieldsSource, 'filterableFields' | 'fieldTypes'>,
   config: FieldFilterConfig,
+  ReferenceFilter?: ReferenceFilterComponent,
 ): void => {
   const factoryByType = filterFactoryByType(config);
   source.filterableFields.forEach((field) => {
@@ -125,6 +195,12 @@ export const registerFieldFilters = (
       toolbar.collection.query.addFilterIfNeeded(field.id as any, filter);
       return;
     }
+    if (
+      isReferenceField(field) &&
+      !(ReferenceFilter && config.referenceItems?.(field))
+    ) {
+      return;
+    }
     const factory = factoryByType[field.type];
     if (!factory) {
       return;
@@ -142,6 +218,7 @@ const buildFieldFilterElement = (
   field: Field,
   config: FieldFilterConfig,
   source: Pick<FieldsSource, 'fieldTypes'>,
+  ReferenceFilter?: ReferenceFilterComponent,
 ): FilterElement | null => {
   const filter = toolbar.collection.filters[field.id];
   if (!filter) {
@@ -163,6 +240,24 @@ const buildFieldFilterElement = (
       />
     ) as FilterElement;
   }
+  if (isReferenceField(field)) {
+    const fetchItems = config.referenceItems?.(field);
+    if (!ReferenceFilter || !fetchItems) {
+      return null;
+    }
+    return (
+      <ReferenceFilter
+        key={field.id}
+        filter={filter}
+        fetchItems={fetchItems}
+        referencedCollectionId={field.referenceMetadata.referencedCollectionId}
+        fieldId={field.id}
+        accordionItemProps={{ label }}
+        toolbarItemProps={{ label }}
+        toolbarTagProps={{ label }}
+      />
+    ) as FilterElement;
+  }
   const FilterComponent = FILTER_COMPONENT_BY_TYPE[field.type];
   if (!FilterComponent) {
     return null;
@@ -187,7 +282,10 @@ export const buildFieldFilters = (
   toolbar: ToolbarCollectionState<any, any>,
   source: Pick<FieldsSource, 'filterableFields' | 'fieldTypes'>,
   config: FieldFilterConfig,
+  ReferenceFilter?: ReferenceFilterComponent,
 ): FilterElement[] =>
   source.filterableFields
-    .map((field) => buildFieldFilterElement(toolbar, field, config, source))
+    .map((field) =>
+      buildFieldFilterElement(toolbar, field, config, source, ReferenceFilter),
+    )
     .filter((el): el is FilterElement => el !== null);

package/src/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer2683001775__root.CardContainer2683001775--mobile{border-radius:0}.CmsFieldForm3732479235__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2659787844__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection1624267018__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput58631691__field{flex:1;min-width:0}.Collapse4267657757__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse4267657757__exit{height:0}.CollectionPage570037933__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage570037933__root.CollectionPage570037933--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage570037933__root.CollectionPage570037933--panel{overflow:hidden;position:relative}.CollectionSectionHeader3294999979__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable235859930__root td{vertical-align:middle}.CollectionTable235859930__root.CollectionTable235859930--mobile td:first-child{padding-left:18px}.CollectionTable235859930__root.CollectionTable235859930--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable2828084446__root.CollectionTableWSRTable2828084446--resizable table{min-width:100%}.CollectionTableWSRTable2828084446__root.CollectionTableWSRTable2828084446--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar4111143793__root.CollectionToolbar4111143793--harmony .CollectionToolbar4111143793__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar4111143793__left{min-width:0}.CollectionToolbar4111143793__left.CollectionToolbar4111143793--expandable{flex:auto}.CollectionToolbar4111143793__left.CollectionToolbar4111143793--title>*{width:100%}.CollectionToolbar4111143793__root.CollectionToolbar4111143793---responsiveMode-5-title .CollectionToolbar4111143793__left{flex:1 100;min-width:50px}.CollectionToolbar4111143793__root.CollectionToolbar4111143793---responsiveMode-4-tabs .CollectionToolbar4111143793__left,.CollectionToolbar4111143793__root.CollectionToolbar4111143793---responsiveMode-4-tabs .CollectionToolbar4111143793__left.CollectionToolbar4111143793--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar4111143793__root.CollectionToolbar4111143793---responsiveMode-4-tabs .CollectionToolbar4111143793__left>*{flex-shrink:1;min-width:0}.CollectionToolbar4111143793__root .CollectionToolbar4111143793__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar4111143793__root.CollectionToolbar4111143793--views .CollectionToolbar4111143793__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar4111143793__root.CollectionToolbar4111143793---responsiveMode-4-tabs .CollectionToolbar4111143793__right,.CollectionToolbar4111143793__root.CollectionToolbar4111143793---responsiveMode-5-title .CollectionToolbar4111143793__right{flex:0 1 auto;min-width:0}.CollectionToolbar4111143793__root .CollectionToolbar4111143793__right.CollectionToolbar4111143793__fullWidth{margin-inline-start:0!important}.CollectionToolbar4111143793__root.CollectionToolbar4111143793--mobile:not(.CollectionToolbar4111143793--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter3974950842__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3974950842__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3974950842__searchMobile:not(.SearchOrCustomFilter3974950842--expandable){left:18px}.SearchOrCustomFilter3974950842__searchMobile.SearchOrCustomFilter3974950842--expandable.SearchOrCustomFilter3974950842--expanded{left:18px}.AutoCompleteReadonly888453355__root.AutoCompleteReadonly888453355--disableEditing{cursor:pointer}.AutoCompleteReadonly888453355__root.AutoCompleteReadonly888453355--disableEditing input{cursor:pointer}.ViewsDropdown489368896__root{width:200px}.DragHandle3816638650__root{display:flex;align-items:center}.DragHandle3816638650__root:not(.DragHandle3816638650--disabled){cursor:grab;color:#a8caff}.DragHandle3816638650__root.DragHandle3816638650--disabled{color:#acafc4}.DragHandle3816638650__root:focus-visible:not(.DragHandle3816638650--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3816638650__root.DragHandle3816638650--disabled{pointer-events:none}.DragHandle3816638650__root.DragHandle3816638650--dragging:not(.DragHandle3816638650--disabled){cursor:grabbing}td:has(>.EditableCell2536807493__root){position:relative;overflow:visible}tr:has(.EditableCell2536807493__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell2536807493__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>.EditableCell2536807493__root{top:0}.EditableCell2536807493__root:hover:not(.EditableCell2536807493--rowActive):not(.EditableCell2536807493--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell2536807493__root.EditableCell2536807493--rowActive:not(.EditableCell2536807493--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell2536807493__root.EditableCell2536807493--rowActive:hover:not(.EditableCell2536807493--focused):not(.EditableCell2536807493--rangeSelected){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)}.EditableCell2536807493__root.EditableCell2536807493--focused:not(.EditableCell2536807493--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}.EditableCell2536807493__root.EditableCell2536807493--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell2536807493__root.EditableCell2536807493--editing:not(.EditableCell2536807493--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell2536807493__root.EditableCell2536807493--focused.EditableCell2536807493--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell2536807493__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)}.EditableCell2536807493__root.EditableCell2536807493--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell2536807493__root.EditableCell2536807493--selectionTop:not(.EditableCell2536807493--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell2536807493__root.EditableCell2536807493--selectionBottom:not(.EditableCell2536807493--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2536807493__root.EditableCell2536807493--selectionLeft:not(.EditableCell2536807493--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell2536807493__root.EditableCell2536807493--selectionRight:not(.EditableCell2536807493--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell2536807493__root.EditableCell2536807493--invalid,.EditableCell2536807493__root.EditableCell2536807493--invalid.EditableCell2536807493--rowActive:hover:not(.EditableCell2536807493--focused):not(.EditableCell2536807493--rangeSelected),.EditableCell2536807493__root.EditableCell2536807493--invalid.EditableCell2536807493--focused:not(.EditableCell2536807493--rangeSelected),.EditableCell2536807493__root.EditableCell2536807493--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell2536807493__root.EditableCell2536807493--copiedTop:not(.EditableCell2536807493--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell2536807493__root.EditableCell2536807493--copiedBottom:not(.EditableCell2536807493--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell2536807493__root.EditableCell2536807493--copiedLeft:not(.EditableCell2536807493--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell2536807493__root.EditableCell2536807493--copiedRight:not(.EditableCell2536807493--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell2536807493__root.EditableCell2536807493--invalid:not(.EditableCell2536807493--focused):not(.EditableCell2536807493--editing){z-index:1}.EditableCell2536807493__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))}.HeaderActionsPopover3258510469__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3258510469__root,.HeaderActionsPopover3258510469__root[data-menu-open=true],.HeaderActionsPopover3258510469__root:focus-within{opacity:1}.CellViewLayout2680594299__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2680594299__root>*{flex:1;min-width:0}.Edit889453882__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}.Edit889453882__addressInput>div,.Edit889453882__addressInput>div>div,.Edit889453882__addressInput>div>div>div{width:100%;min-width:0}.Edit3189140528__jsonInput{width:100%;margin-left:-1px}.Edit2528760339__booleanEdit{display:flex;align-items:center;margin-left:8px}.View1703169733__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit3952079117__root{width:100%;height:100%;display:flex;align-items:center}.Edit522574210__dateInput{width:100%;margin-left:-1px}.Edit1796894384__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit1796894384__dateHalf{flex:60 1 0}.Edit1796894384__timeHalf{flex:40 1 0}.Edit1796894384__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit1796894384__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%}.Edit1796894384__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View3991147874__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}.View3991147874__datePart{flex:60 1 0}.View3991147874__timePart{flex:40 1 0}.View3991147874__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View3991147874__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3676001541__emailInput{width:100%;margin-left:-1px}.Edit1737970135__numberInput{width:100%;margin-right:2px}.Edit1737970135__numberInput input{text-align:right;direction:ltr}.View3589657388__textView{width:100%;text-align:right}.Edit3511635534__jsonInput{width:100%;margin-left:-1px}.Edit181991657__selectInput{width:100%}.Edit2673057581__editWrapper{width:100%}.Edit2673057581__inputArea{background-color:transparent;width:100%}.Edit2673057581__inputArea input,.Edit2673057581__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}.Edit2673057581__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2673057581__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2673057581__inputArea>div::after{box-shadow:none!important}.Edit2673057581__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2673057581__inputArea:not(.Edit2673057581--isFocused) textarea{resize:none;overflow:hidden}.Edit2673057581__inputArea:not(.Edit2673057581--isFocused) textarea::-webkit-scrollbar{display:none}.Edit236755580__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(
+.CardContainer4002794504__root.CardContainer4002794504--mobile{border-radius:0}.CmsFieldForm2982431923__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2928876262__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection3243644032__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput1116271689__field{flex:1;min-width:0}.Collapse3539207438__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3539207438__exit{height:0}.CollectionPage2310277309__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2310277309__root.CollectionPage2310277309--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2310277309__root.CollectionPage2310277309--panel{overflow:hidden;position:relative}.CollectionSectionHeader31919053__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable156221192__root td{vertical-align:middle}.CollectionTable156221192__root.CollectionTable156221192--mobile td:first-child{padding-left:18px}.CollectionTable156221192__root.CollectionTable156221192--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3082976804__root.CollectionTableWSRTable3082976804--resizable table{min-width:100%}.CollectionTableWSRTable3082976804__root.CollectionTableWSRTable3082976804--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar2906075268__root.CollectionToolbar2906075268--harmony .CollectionToolbar2906075268__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar2906075268__left{min-width:0}.CollectionToolbar2906075268__left.CollectionToolbar2906075268--expandable{flex:auto}.CollectionToolbar2906075268__left.CollectionToolbar2906075268--title>*{width:100%}.CollectionToolbar2906075268__root.CollectionToolbar2906075268---responsiveMode-5-title .CollectionToolbar2906075268__left{flex:1 100;min-width:50px}.CollectionToolbar2906075268__root.CollectionToolbar2906075268---responsiveMode-4-tabs .CollectionToolbar2906075268__left,.CollectionToolbar2906075268__root.CollectionToolbar2906075268---responsiveMode-4-tabs .CollectionToolbar2906075268__left.CollectionToolbar2906075268--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2906075268__root.CollectionToolbar2906075268---responsiveMode-4-tabs .CollectionToolbar2906075268__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2906075268__root .CollectionToolbar2906075268__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2906075268__root.CollectionToolbar2906075268--views .CollectionToolbar2906075268__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2906075268__root.CollectionToolbar2906075268---responsiveMode-4-tabs .CollectionToolbar2906075268__right,.CollectionToolbar2906075268__root.CollectionToolbar2906075268---responsiveMode-5-title .CollectionToolbar2906075268__right{flex:0 1 auto;min-width:0}.CollectionToolbar2906075268__root .CollectionToolbar2906075268__right.CollectionToolbar2906075268__fullWidth{margin-inline-start:0!important}.CollectionToolbar2906075268__root.CollectionToolbar2906075268--mobile:not(.CollectionToolbar2906075268--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter1175048861__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1175048861__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1175048861__searchMobile:not(.SearchOrCustomFilter1175048861--expandable){left:18px}.SearchOrCustomFilter1175048861__searchMobile.SearchOrCustomFilter1175048861--expandable.SearchOrCustomFilter1175048861--expanded{left:18px}.AutoCompleteReadonly40276714__root.AutoCompleteReadonly40276714--disableEditing{cursor:pointer}.AutoCompleteReadonly40276714__root.AutoCompleteReadonly40276714--disableEditing input{cursor:pointer}.ViewsDropdown4002229056__root{width:200px}.DragHandle2876968569__root{display:flex;align-items:center}.DragHandle2876968569__root:not(.DragHandle2876968569--disabled){cursor:grab;color:#a8caff}.DragHandle2876968569__root.DragHandle2876968569--disabled{color:#acafc4}.DragHandle2876968569__root:focus-visible:not(.DragHandle2876968569--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2876968569__root.DragHandle2876968569--disabled{pointer-events:none}.DragHandle2876968569__root.DragHandle2876968569--dragging:not(.DragHandle2876968569--disabled){cursor:grabbing}td:has(>.EditableCell2174415256__root){position:relative;overflow:visible}tr:has(.EditableCell2174415256__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell2174415256__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>.EditableCell2174415256__root{top:0}.EditableCell2174415256__root:hover:not(.EditableCell2174415256--rowActive):not(.EditableCell2174415256--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell2174415256__root.EditableCell2174415256--rowActive:not(.EditableCell2174415256--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell2174415256__root.EditableCell2174415256--rowActive:hover:not(.EditableCell2174415256--focused):not(.EditableCell2174415256--rangeSelected){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)}.EditableCell2174415256__root.EditableCell2174415256--focused:not(.EditableCell2174415256--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}.EditableCell2174415256__root.EditableCell2174415256--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell2174415256__root.EditableCell2174415256--editing:not(.EditableCell2174415256--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell2174415256__root.EditableCell2174415256--focused.EditableCell2174415256--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell2174415256__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)}.EditableCell2174415256__root.EditableCell2174415256--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell2174415256__root.EditableCell2174415256--selectionTop:not(.EditableCell2174415256--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell2174415256__root.EditableCell2174415256--selectionBottom:not(.EditableCell2174415256--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2174415256__root.EditableCell2174415256--selectionLeft:not(.EditableCell2174415256--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell2174415256__root.EditableCell2174415256--selectionRight:not(.EditableCell2174415256--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell2174415256__root.EditableCell2174415256--invalid,.EditableCell2174415256__root.EditableCell2174415256--invalid.EditableCell2174415256--rowActive:hover:not(.EditableCell2174415256--focused):not(.EditableCell2174415256--rangeSelected),.EditableCell2174415256__root.EditableCell2174415256--invalid.EditableCell2174415256--focused:not(.EditableCell2174415256--rangeSelected),.EditableCell2174415256__root.EditableCell2174415256--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell2174415256__root.EditableCell2174415256--copiedTop:not(.EditableCell2174415256--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell2174415256__root.EditableCell2174415256--copiedBottom:not(.EditableCell2174415256--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell2174415256__root.EditableCell2174415256--copiedLeft:not(.EditableCell2174415256--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell2174415256__root.EditableCell2174415256--copiedRight:not(.EditableCell2174415256--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell2174415256__root.EditableCell2174415256--invalid:not(.EditableCell2174415256--focused):not(.EditableCell2174415256--editing){z-index:1}.EditableCell2174415256__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))}.HeaderActionsPopover1414070421__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover1414070421__root,.HeaderActionsPopover1414070421__root[data-menu-open=true],.HeaderActionsPopover1414070421__root:focus-within{opacity:1}.CellViewLayout717649944__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout717649944__root>*{flex:1;min-width:0}.Edit4039281978__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}.Edit4039281978__addressInput>div,.Edit4039281978__addressInput>div>div,.Edit4039281978__addressInput>div>div>div{width:100%;min-width:0}.Edit2409931606__jsonInput{width:100%;margin-left:-1px}.Edit1933578266__booleanEdit{display:flex;align-items:center;margin-left:8px}.View1897568591__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit351838480__root{width:100%;height:100%;display:flex;align-items:center}.Edit3173606969__dateInput{width:100%;margin-left:-1px}.Edit3531536293__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit3531536293__dateHalf{flex:60 1 0}.Edit3531536293__timeHalf{flex:40 1 0}.Edit3531536293__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3531536293__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%}.Edit3531536293__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View3883231843__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}.View3883231843__datePart{flex:60 1 0}.View3883231843__timePart{flex:40 1 0}.View3883231843__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View3883231843__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2888572549__emailInput{width:100%;margin-left:-1px}.Edit3847130781__numberInput{width:100%;margin-right:2px}.Edit3847130781__numberInput input{text-align:right;direction:ltr}.View3010082775__textView{width:100%;text-align:right}.Edit46610088__jsonInput{width:100%;margin-left:-1px}.Edit2138601928__selectInput{width:100%}.Edit2718752973__editWrapper{width:100%}.Edit2718752973__inputArea{background-color:transparent;width:100%}.Edit2718752973__inputArea input,.Edit2718752973__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}.Edit2718752973__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2718752973__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2718752973__inputArea>div::after{box-shadow:none!important}.Edit2718752973__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2718752973__inputArea:not(.Edit2718752973--isFocused) textarea{resize:none;overflow:hidden}.Edit2718752973__inputArea:not(.Edit2718752973--isFocused) textarea::-webkit-scrollbar{display:none}.Edit3074794358__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
-  )}.Edit236755580__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit465683795__urlInput{width:100%;margin-left:-1px}.View3751587142__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3751587142__urlText{flex:1;min-width:0}.View3751587142__suffix{flex-shrink:0;margin-left:10px}.View3751587142__textView.View3751587142--suffixOnHover:not(:hover) .View3751587142__suffix{display:none}.EmptyStateBase3993238046__root{min-height:230px;align-items:center}.EntityPagePlain693532632__root.EntityPagePlain693532632--mobile{--wds-page-header-padding-horizontal:0}.Fade1622954715__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1622954715__root.Fade1622954715--exit{opacity:0}.Heading2936245073__root{visibility:visible}.Heading2936245073__root.Heading2936245073--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload604376075__fileUpload{width:100%}.InputOverflow560311632__root.InputOverflow560311632--selected:not(.InputOverflow560311632--focused) input::placeholder{color:#000624}@keyframes LoadingRow2140515635__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%}}.LoadingRow2140515635__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:LoadingRow2140515635__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1090775330__root{opacity:1}.MaxHeightText1090775330__root.MaxHeightText1090775330--height24{line-height:24px}.MaxLines1757832743__root{overflow:hidden}.MaxLines1757832743__root.MaxLines1757832743--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3671760435__root{min-width:0}.MultiBulkActionToolbar3671760435__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3671760435__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3671760435__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3985097808__root td{padding:0!important;width:100%}.NestedTableRow155828238__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow155828238__root:hover{background-color:#e7f0ff!important}.NestedTableRow155828238__root.NestedTableRow155828238--expandable{cursor:pointer}.NestedTableRow155828238__placeholder td{padding:0!important;width:100%}.NestedTableRow155828238__root:hover td:first-of-type::before,.NestedTableRow155828238__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3607415077__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow3574272950__root.NestedTableDragAndDropRow3574272950--draggingInto td{background-color:#e7f0ff!important}.PickerContent3613761685__root{display:flex}.PickerContentAdditionalStep3281418787__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3281418787__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1515785971__root{box-sizing:border-box}.ScrollableContent1577230745__root.ScrollableContent1577230745--overflowY{overflow-y:auto}.ScrollableContent1577230745__root.ScrollableContent1577230745--overflowX{overflow-x:auto}.ScrollableContent1577230745__root.ScrollableContent1577230745--smooth{scroll-behavior:smooth}.SetupWidget2854282825__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))}.SetupWidget2854282825__row.SetupWidget2854282825--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget2854282825__row.SetupWidget2854282825--focused.SetupWidget2854282825--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2854282825__completedCta{opacity:0;transition:opacity .25s ease-in-out}.SetupWidget2854282825__row:hover .SetupWidget2854282825__completedCta,.SetupWidget2854282825__row:focus-within .SetupWidget2854282825__completedCta{opacity:1}.SetupWidget2854282825__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}.SetupWidget2854282825__card.SetupWidget2854282825--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2854282825__card.SetupWidget2854282825--clickable{cursor:pointer}.SetupWidget2854282825__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget2854282825__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget2854282825__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget2854282825__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard3534628905__headerLoading{display:block!important}.SlidingModal1013344398__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1013344398__root.SlidingModal1013344398--overlay{transition:transform 0s ease 0s}.SlidingModal1013344398__root.SlidingModal1013344398---appendTo-6-parent{position:absolute}.SlidingModal1013344398__root.SlidingModal1013344398--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal1013344398__root:not(.SlidingModal1013344398--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader2398341878__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader2398341878__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader2398341878__hoverBridge{display:inline-block;padding:4px 13px 4px 4px;background:0 0}[data-content-element^=popover-content-add-field-popover-][data-hook=popover-content][class]{background:0 0;border:0;box-shadow:none;border-radius:0;padding:0}.TabsFilter2276337463__root .TabsFilter2276337463__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter2276337463__root.TabsFilter2276337463--selected .TabsFilter2276337463__title,.TabsFilter2276337463__root:hover .TabsFilter2276337463__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal1689364407__root{display:flex}.ManageTagsModal1689364407__root.ManageTagsModal1689364407--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal1689364407__root.ManageTagsModal1689364407--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem188890920__root{min-width:0}.ToolbarItemBox706728447__root{min-width:0}.ToolbarItemBox706728447__root.ToolbarItemBox706728447--removeStartPadding{margin-left:-24px}.ToolbarItemBox706728447__root.ToolbarItemBox706728447--expandable{flex:1 0}.common3199046945__column{display:flex;flex-direction:column}.common3199046945__fullHeight{height:100%;min-height:0}.CollectionPageHeader941683108__root:not(.CollectionPageHeader941683108--mobile){gap:12px}.CollectionPageHeader941683108__root.CollectionPageHeader941683108--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader941683108__root.CollectionPageHeader941683108--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2508014037__root.FormPageHeader2508014037--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2508014037__root.FormPageHeader2508014037--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.Edit3074794358__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit3901173961__urlInput{width:100%;margin-left:-1px}.View585821481__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View585821481__urlText{flex:1;min-width:0}.View585821481__suffix{flex-shrink:0;margin-left:10px}.View585821481__textView.View585821481--suffixOnHover:not(:hover) .View585821481__suffix{display:none}.EmptyStateBase3289312929__root{min-height:230px;align-items:center}.EntityPagePlain1475507905__root.EntityPagePlain1475507905--mobile{--wds-page-header-padding-horizontal:0}.Fade2901833093__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2901833093__root.Fade2901833093--exit{opacity:0}.Heading3163261033__root{visibility:visible}.Heading3163261033__root.Heading3163261033--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload1959139342__fileUpload{width:100%}.InputOverflow49811962__root.InputOverflow49811962--selected:not(.InputOverflow49811962--focused) input::placeholder{color:#000624}@keyframes LoadingRow3671094324__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%}}.LoadingRow3671094324__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:LoadingRow3671094324__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1332223107__root{opacity:1}.MaxHeightText1332223107__root.MaxHeightText1332223107--height24{line-height:24px}.MaxLines1739550404__root{overflow:hidden}.MaxLines1739550404__root.MaxLines1739550404--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar487792898__root{min-width:0}.MultiBulkActionToolbar487792898__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar487792898__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar487792898__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3711257837__root td{padding:0!important;width:100%}.NestedTableRow113885260__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow113885260__root:hover{background-color:#e7f0ff!important}.NestedTableRow113885260__root.NestedTableRow113885260--expandable{cursor:pointer}.NestedTableRow113885260__placeholder td{padding:0!important;width:100%}.NestedTableRow113885260__root:hover td:first-of-type::before,.NestedTableRow113885260__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1979270825__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow636371559__root.NestedTableDragAndDropRow636371559--draggingInto td{background-color:#e7f0ff!important}.PickerContent2177971082__root{display:flex}.PickerContentAdditionalStep4105912496__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep4105912496__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2465022673__root{box-sizing:border-box}.ScrollableContent53616448__root.ScrollableContent53616448--overflowY{overflow-y:auto}.ScrollableContent53616448__root.ScrollableContent53616448--overflowX{overflow-x:auto}.ScrollableContent53616448__root.ScrollableContent53616448--smooth{scroll-behavior:smooth}.SetupWidget1177837430__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))}.SetupWidget1177837430__row.SetupWidget1177837430--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget1177837430__row.SetupWidget1177837430--focused.SetupWidget1177837430--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget1177837430__completedCta{opacity:0;transition:opacity .25s ease-in-out}.SetupWidget1177837430__row:hover .SetupWidget1177837430__completedCta,.SetupWidget1177837430__row:focus-within .SetupWidget1177837430__completedCta{opacity:1}.SetupWidget1177837430__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}.SetupWidget1177837430__card.SetupWidget1177837430--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget1177837430__card.SetupWidget1177837430--clickable{cursor:pointer}.SetupWidget1177837430__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget1177837430__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget1177837430__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget1177837430__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard3642517607__headerLoading{display:block!important}.SlidingModal2387354353__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2387354353__root.SlidingModal2387354353--overlay{transition:transform 0s ease 0s}.SlidingModal2387354353__root.SlidingModal2387354353---appendTo-6-parent{position:absolute}.SlidingModal2387354353__root.SlidingModal2387354353--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal2387354353__root:not(.SlidingModal2387354353--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader1284582770__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader1284582770__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader1284582770__hoverBridge{display:inline-block;padding:4px 13px 4px 4px;background:0 0}[data-content-element^=popover-content-add-field-popover-][data-hook=popover-content][class]{background:0 0;border:0;box-shadow:none;border-radius:0;padding:0}.TabsFilter1785154060__root .TabsFilter1785154060__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter1785154060__root.TabsFilter1785154060--selected .TabsFilter1785154060__title,.TabsFilter1785154060__root:hover .TabsFilter1785154060__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal2332399519__root{display:flex}.ManageTagsModal2332399519__root.ManageTagsModal2332399519--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal2332399519__root.ManageTagsModal2332399519--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem296616052__root{min-width:0}.ToolbarItemBox3678864580__root{min-width:0}.ToolbarItemBox3678864580__root.ToolbarItemBox3678864580--removeStartPadding{margin-left:-24px}.ToolbarItemBox3678864580__root.ToolbarItemBox3678864580--expandable{flex:1 0}.common2049903824__column{display:flex;flex-direction:column}.common2049903824__fullHeight{height:100%;min-height:0}.CollectionPageHeader906284805__root:not(.CollectionPageHeader906284805--mobile){gap:12px}.CollectionPageHeader906284805__root.CollectionPageHeader906284805--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader906284805__root.CollectionPageHeader906284805--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2458184861__root.FormPageHeader2458184861--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2458184861__root.FormPageHeader2458184861--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/utils/fieldTypePrefixIcons.tsx

@@ -145,12 +145,25 @@ const ICON_STYLE: React.CSSProperties = {
 export function getFieldTypeIcon({
   fieldType,
   size = 'small',
+  icons,
 }: {
   fieldType?: FieldType | PatternsFieldType;
   size?: 'small' | 'medium';
+  /** Explicit icons (e.g. a custom field type's `display.icons`). Present ⇒
+   *  used instead of the type map. */
+  icons?: { Small: ComponentType; Medium: ComponentType };
 }): ReactNode {
   const Fallback = size === 'medium' ? Database : DatabaseSmall;
 
+  if (icons) {
+    const Icon = size === 'medium' ? icons.Medium : icons.Small;
+    return (
+      <span style={ICON_STYLE}>
+        <Icon />
+      </span>
+    );
+  }
+
   if (!fieldType) {
     return (
       <span style={ICON_STYLE}>

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.440.0';
+export const version = 'patterns@1.443.0';