@wix/patterns 1.479.0 → 1.481.0

package/src/state/EditableTable/EditableTableState.ts

@@ -27,6 +27,8 @@ import {
   clipboardCellCounts,
   EditableTableStateBIReporter,
   type ClipboardOrigin,
+  type DeleteModalCta,
+  type RowCreationOrigin,
 } from './EditableTableStateBIReporter';
 import type { Cell, CellType, EditableColumn, ValidationResult } from './types';
 import { buildEditableFieldColumns } from '../buildEditableFieldColumns';
@@ -350,8 +352,8 @@ export class EditableTableState<T, F extends FiltersMap>
     };
   }
 
-  addItem(afterItemKey?: string): string {
-    return this.mutation.addItem(afterItemKey);
+  addItem(afterItemKey?: string, origin?: RowCreationOrigin): string {
+    return this.mutation.addItem(afterItemKey, origin);
   }
 
   duplicateItem(rowKey: string) {
@@ -372,6 +374,9 @@ export class EditableTableState<T, F extends FiltersMap>
       return;
     }
     const { translate: t } = this.collection;
+    const reportCta = (ctaName: DeleteModalCta) =>
+      this.bi.deleteModalCtaClicked({ ctaName, rowKeys: deletableRowKeys });
+    this.bi.deleteModalShown(deletableRowKeys);
     this.deleteConfirmModal.open({
       theme: 'destructive',
       title: t('cairo.deleteModal.title'),
@@ -379,8 +384,11 @@ export class EditableTableState<T, F extends FiltersMap>
       primaryButtonText: t('cairo.delete.button'),
       secondaryButtonText: t('cairo.cancel.button'),
       primaryButtonOnClick: () => {
+        reportCta('Delete');
         this.deleteItems(deletableRowKeys);
       },
+      secondaryButtonOnClick: () => reportCta('Cancel'),
+      onCloseButtonClick: () => reportCta('X'),
     });
   }
 

package/src/state/EditableTable/EditableTableStateBIReporter.ts

@@ -187,7 +187,7 @@ export class EditableTableStateBIReporter<T, F extends FiltersMap> {
         isOpened: params.isOpened,
         key: params.key ?? cellParams?.key,
         fieldType: params.key
-          ? this._fieldTypeOf(params.key)
+          ? this.fieldTypeOf(params.key)
           : cellParams?.fieldType,
         itemIndex: cellParams?.itemIndex,
       }),
@@ -200,8 +200,8 @@ export class EditableTableStateBIReporter<T, F extends FiltersMap> {
 
   rowCreationEnd(params: {
     origin: RowCreationOrigin;
-    /** Catalog 144:107: `success` or `dismissed` (create did not land). */
-    resultType: 'success' | 'dismissed';
+    /** Catalog 144:107: `failure` means the server rejected the create. */
+    resultType: 'success' | 'failure';
     itemIds?: string[];
   }) {
     this.reportBi(
@@ -261,7 +261,7 @@ export class EditableTableStateBIReporter<T, F extends FiltersMap> {
   private _cellParams(cell: Cell): CellBiParams {
     return {
       key: cell.columnId,
-      fieldType: this._fieldTypeOf(cell.columnId),
+      fieldType: this.fieldTypeOf(cell.columnId),
       itemId: cell.rowKey,
       itemIndex: this._state._toIndices(cell)?.row,
     };
@@ -269,7 +269,7 @@ export class EditableTableStateBIReporter<T, F extends FiltersMap> {
 
   /** The schema field type where the column came from a source, otherwise the
    *  registered cell type. */
-  private _fieldTypeOf(columnId: string): string | undefined {
+  fieldTypeOf(columnId: string): string | undefined {
     const column = this._state._columnMap.get(columnId) as
       | { field?: Field; cellType?: string }
       | undefined;

package/src/state/EditableTable/MutationState.ts

@@ -7,6 +7,10 @@ import type {
   KeyedItem,
 } from '@wix/bex-core';
 import type { EditableTableState } from './EditableTableState';
+import type {
+  RetryActionName,
+  RowCreationOrigin,
+} from './EditableTableStateBIReporter';
 
 export interface EditableTableMutationHandlers<T> {
   /** Factory to create a new empty item with a fresh ID */
@@ -22,6 +26,12 @@ export interface EditableTableMutationHandlers<T> {
   submitDelete: (items: T[]) => Promise<void>;
 }
 
+type DraftRow<T> = {
+  item: T;
+  afterItemKey?: string;
+  origin: RowCreationOrigin;
+};
+
 export class MutationState<T, F extends FiltersMap> {
   private readonly _handlers: EditableTableMutationHandlers<T>;
   private readonly _optimisticActions: CollectionOptimisticActions<T, F>;
@@ -33,7 +43,7 @@ export class MutationState<T, F extends FiltersMap> {
    * (undefined = top of the list). `addItem` keeps this exact, so at most
    * one draft is anchored on any given row.
    */
-  readonly _drafts = new Map<string, { item: T; afterItemKey?: string }>();
+  readonly _drafts = new Map<string, DraftRow<T>>();
 
   /**
    * Row keys of creates still in flight. Their rows are already in the
@@ -110,7 +120,16 @@ export class MutationState<T, F extends FiltersMap> {
     return merged;
   }
 
-  addItem(afterItemKey?: string): string {
+  addItem(
+    afterItemKey?: string,
+    origin: RowCreationOrigin = 'Card CTA',
+  ): string {
+    // The add-row button reports through `onAddItemClick`; context-menu
+    // entries report here so each origin stays distinct.
+    if (origin !== 'Card CTA') {
+      this._parent.bi.rowCreationStart(origin);
+    }
+
     const newItem = this._handlers.createItem();
     const rowKey = this._parent.collection.itemKey(newItem);
     // The new row lands directly below its anchor, pushing down whichever
@@ -120,7 +139,7 @@ export class MutationState<T, F extends FiltersMap> {
         this._drafts.set(key, { ...draft, afterItemKey: rowKey });
       }
     }
-    this._drafts.set(rowKey, { item: newItem, afterItemKey });
+    this._drafts.set(rowKey, { item: newItem, afterItemKey, origin });
     return rowKey;
   }
 
@@ -139,20 +158,18 @@ export class MutationState<T, F extends FiltersMap> {
     // The create's optimistic patch can only anchor on a real server row —
     // not a draft, not another row created through this table's patches.
     const afterItemKey = this._serverAnchorFor(rowKey);
+    const { origin } = draft;
 
     this._drafts.delete(rowKey);
     this._pendingCreateKeys.add(rowKey);
     this._optimisticActions.createOne(item, {
-      submit: this._submitCreate,
+      submit: this._reportedCreate(origin),
       afterItemKey,
       successToast: t('cairo.editableTable.createItem.success.toast'),
-      errorToast: (_err: unknown, { retry }: { retry: () => void }) => ({
-        message: t('cairo.editableTable.createItem.error.toast'),
-        action: {
-          onClick: retry,
-          text: t('cairo.editableTable.retry.toast.CTA'),
-        },
-      }),
+      errorToast: this._retryableToast(
+        'cairo.editableTable.createItem.error.toast',
+        'Create',
+      ),
     });
   }
 
@@ -163,6 +180,9 @@ export class MutationState<T, F extends FiltersMap> {
       return;
     }
 
+    const origin: RowCreationOrigin = 'Row Context Menu - Duplicate';
+    this._parent.bi.rowCreationStart(origin);
+
     const sourceItem = keyedItem.item;
     const newItem = this._handlers.createItem();
     const { itemKey } = this._parent.collection;
@@ -177,16 +197,13 @@ export class MutationState<T, F extends FiltersMap> {
     }
     this._pendingCreateKeys.add(newId);
     this._optimisticActions.createOne(duplicate as T, {
-      submit: this._submitCreate,
+      submit: this._reportedCreate(origin),
       afterItemKey: rowKey,
       successToast: t('cairo.editableTable.duplicateItem.success.toast'),
-      errorToast: (_err: unknown, { retry }: { retry: () => void }) => ({
-        message: t('cairo.editableTable.duplicateItem.error.toast'),
-        action: {
-          onClick: retry,
-          text: t('cairo.editableTable.retry.toast.CTA'),
-        },
-      }),
+      errorToast: this._retryableToast(
+        'cairo.editableTable.duplicateItem.error.toast',
+        'Duplicate',
+      ),
     });
   }
 
@@ -234,13 +251,10 @@ export class MutationState<T, F extends FiltersMap> {
       successToast: t('cairo.editableTable.deleteItem.success.toast', {
         count: items.length,
       }),
-      errorToast: (_err: unknown, { retry }: { retry: () => void }) => ({
-        message: t('cairo.editableTable.deleteItem.error.toast'),
-        action: {
-          onClick: retry,
-          text: t('cairo.editableTable.retry.toast.CTA'),
-        },
-      }),
+      errorToast: this._retryableToast(
+        'cairo.editableTable.deleteItem.error.toast',
+        'Delete',
+      ),
     });
   }
 
@@ -256,13 +270,51 @@ export class MutationState<T, F extends FiltersMap> {
       successToast: t('cairo.editableTable.updateItem.success.toast', {
         count: updatedItems.length,
       }),
-      errorToast: (_err: unknown, { retry }: { retry: () => void }) => ({
-        message: t('cairo.editableTable.updateItem.error.toast'),
-        action: {
-          onClick: retry,
-          text: t('cairo.editableTable.retry.toast.CTA'),
+      errorToast: this._retryableToast(
+        'cairo.editableTable.updateItem.error.toast',
+        'Update',
+      ),
+    });
+  }
+
+  /** Wraps the create submit so the outcome is reported once the server answers
+   *  — the optimistic action itself has no completion callback. */
+  private _reportedCreate(origin: RowCreationOrigin) {
+    return async (items: T[]) => {
+      try {
+        const result = await this._submitCreate(items);
+        const { itemKey } = this._parent.collection;
+        this._parent.bi.rowCreationEnd({
+          origin,
+          resultType: 'success',
+          itemIds: (result ?? items).map(itemKey),
+        });
+        return result;
+      } catch (error) {
+        this._parent.bi.rowCreationEnd({ origin, resultType: 'failure' });
+        throw error;
+      }
+    };
+  }
+
+  private _retryableToast(
+    messageKey:
+      | 'cairo.editableTable.createItem.error.toast'
+      | 'cairo.editableTable.duplicateItem.error.toast'
+      | 'cairo.editableTable.deleteItem.error.toast'
+      | 'cairo.editableTable.updateItem.error.toast',
+    actionName: RetryActionName,
+  ) {
+    const t = this._parent.collection.translate;
+    return (_err: unknown, { retry }: { retry: () => void }) => ({
+      message: t(messageKey),
+      action: {
+        onClick: () => {
+          this._parent.bi.tryAgainClicked(actionName);
+          retry();
         },
-      }),
+        text: t('cairo.editableTable.retry.toast.CTA'),
+      },
     });
   }
 

package/src/state/FormPage/FormPageHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "FormPageHeader406693740";
+var _namespace_ = "FormPageHeader2414991661";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"FormPageHeader406693740__root"};
+export var classes = {"root":"FormPageHeader2414991661__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/TableState.ts

@@ -127,6 +127,7 @@ export class TableState<T, F extends FiltersMap>
     horizontalScroll?: boolean;
     showSelection?: boolean;
     stickySelectionColumn?: boolean;
+    hasRowStatusColumn?: boolean;
   }) {
     const { horizontalScroll } = params;
 
@@ -160,6 +161,8 @@ export class TableState<T, F extends FiltersMap>
       });
     }
 
+    const consumerStickyColumns = stickyColumns;
+
     if (tableDragAndDropState) {
       stickyColumns = tableDragAndDropState.getStickyColumnsCount({
         ...params,
@@ -176,6 +179,18 @@ export class TableState<T, F extends FiltersMap>
       stickyColumns += 1;
     }
 
+    // Without compat the consumer's count already includes the selection column.
+    const pinsConsumerColumn =
+      consumerStickyColumns >
+      (showSelection && !checkboxColumnStickyCompat ? 1 : 0);
+
+    // The row status column is added right after the selection column, so
+    // without this it takes the last pinned slot. It is pinned only ahead of a
+    // consumer column: pinned last, it clips the column after it.
+    if (params.hasRowStatusColumn && pinsConsumerColumn) {
+      stickyColumns += 1;
+    }
+
     return stickyColumns;
   }
 

package/src/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer89175386__root.CardContainer89175386--mobile{border-radius:0}.CmsFieldForm1053411839__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal818483420__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection2674945069__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse1905004565__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1905004565__exit{height:0}.CollectionPage1459539195__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1459539195__root.CollectionPage1459539195--mobile{--wds-page-header-padding-horizontal:0px;--wds-page-header-padding-horizontal-small:0px;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1459539195__root.CollectionPage1459539195--mobile :has(>[data-hook=collection-page-mobile-primary-action]){padding-bottom:0}.CollectionPage1459539195__root.CollectionPage1459539195--panel{overflow:hidden;position:relative}.CollectionSectionHeader1925118531__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2371852919__root td{vertical-align:middle}.CollectionTable2371852919__root.CollectionTable2371852919--mobile td:first-child{padding-left:18px}.CollectionTable2371852919__root.CollectionTable2371852919--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable2831281580__root.CollectionTableWSRTable2831281580--resizable table{min-width:100%}.CollectionTableWSRTable2831281580__root.CollectionTableWSRTable2831281580--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1474840426__root.CollectionToolbar1474840426--harmony .CollectionToolbar1474840426__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar1474840426__left{min-width:0}.CollectionToolbar1474840426__left.CollectionToolbar1474840426--expandable{flex:auto}.CollectionToolbar1474840426__left.CollectionToolbar1474840426--title>*{width:100%}.CollectionToolbar1474840426__root.CollectionToolbar1474840426---responsiveMode-5-title .CollectionToolbar1474840426__left{flex:1 100;min-width:50px}.CollectionToolbar1474840426__root.CollectionToolbar1474840426---responsiveMode-4-tabs .CollectionToolbar1474840426__left,.CollectionToolbar1474840426__root.CollectionToolbar1474840426---responsiveMode-4-tabs .CollectionToolbar1474840426__left.CollectionToolbar1474840426--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1474840426__root.CollectionToolbar1474840426---responsiveMode-4-tabs .CollectionToolbar1474840426__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1474840426__root .CollectionToolbar1474840426__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1474840426__root.CollectionToolbar1474840426--views .CollectionToolbar1474840426__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1474840426__root.CollectionToolbar1474840426---responsiveMode-4-tabs .CollectionToolbar1474840426__right,.CollectionToolbar1474840426__root.CollectionToolbar1474840426---responsiveMode-5-title .CollectionToolbar1474840426__right{flex:0 1 auto;min-width:0}.CollectionToolbar1474840426__root .CollectionToolbar1474840426__right.CollectionToolbar1474840426__fullWidth{margin-inline-start:0!important}.CollectionToolbar1474840426__root.CollectionToolbar1474840426--mobile:not(.CollectionToolbar1474840426--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter1302990876__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1302990876__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1302990876__searchMobile:not(.SearchOrCustomFilter1302990876--expandable){left:18px}.SearchOrCustomFilter1302990876__searchMobile.SearchOrCustomFilter1302990876--expandable.SearchOrCustomFilter1302990876--expanded{left:18px}.AutoCompleteReadonly2201278997__root.AutoCompleteReadonly2201278997--disableEditing{cursor:pointer}.AutoCompleteReadonly2201278997__root.AutoCompleteReadonly2201278997--disableEditing input{cursor:pointer}.ViewsDropdown1632747698__root{width:200px}.CustomFieldFormPiiFields3308205986__tooltipText{--wds-font-line-height-body-tiny:var(--wds-tooltip-label-font-line-height-medium, var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px)))}.DragHandle3684502207__root{display:flex;align-items:center}.DragHandle3684502207__root:not(.DragHandle3684502207--disabled){cursor:grab;color:#a8caff}.DragHandle3684502207__root.DragHandle3684502207--disabled{color:#acafc4}.DragHandle3684502207__root:focus-visible:not(.DragHandle3684502207--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3684502207__root.DragHandle3684502207--disabled{pointer-events:none}.DragHandle3684502207__root.DragHandle3684502207--dragging:not(.DragHandle3684502207--disabled){cursor:grabbing}td:has(>.EditableCell84838942__root){position:relative;overflow:visible}tr:has(.EditableCell84838942__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell84838942__root{display:flex;align-items:center;padding:0;position:absolute;top:-1px;left:-1px;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff));border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb))}tr:first-child>td>.EditableCell84838942__root{top:0}.EditableCell84838942__root:hover:not(.EditableCell84838942--rowActive):not(.EditableCell84838942--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell84838942__root.EditableCell84838942--rowActive:not(.EditableCell84838942--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell84838942__root.EditableCell84838942--rowActive:hover:not(.EditableCell84838942--focused):not(.EditableCell84838942--rangeSelected):not(.EditableCell84838942--readOnly){border-color:var(--wds-input-border-color-hover, var(--wsr-color-B40, #d6e6fe));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell84838942__root.EditableCell84838942--readOnly{--wds-color-text-standard-primary:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)));color:var(--wds-color-text-standard-primary)}.EditableCell84838942__root.EditableCell84838942--readOnly:hover:not(.EditableCell84838942--rowActive):not(.EditableCell84838942--rangeSelected),.EditableCell84838942__root.EditableCell84838942--readOnly.EditableCell84838942--rowActive:not(.EditableCell84838942--rangeSelected){background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell84838942__root.EditableCell84838942--readOnly.EditableCell84838942--rowActive:hover:not(.EditableCell84838942--focused):not(.EditableCell84838942--rangeSelected){border-color:var(--wds-color-black-700, var(--wsr-color-D70, #eceff3))}.EditableCell84838942__root.EditableCell84838942--focused:not(.EditableCell84838942--rangeSelected){border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell84838942__root.EditableCell84838942--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell84838942__root.EditableCell84838942--editing:not(.EditableCell84838942--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell84838942__root.EditableCell84838942--focused.EditableCell84838942--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell84838942__root:has([data-inner-focused]){overflow:visible;z-index:3;border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell84838942__root.EditableCell84838942--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell84838942__root.EditableCell84838942--selectionTop:not(.EditableCell84838942--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell84838942__root.EditableCell84838942--selectionBottom:not(.EditableCell84838942--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell84838942__root.EditableCell84838942--selectionLeft:not(.EditableCell84838942--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell84838942__root.EditableCell84838942--selectionRight:not(.EditableCell84838942--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell84838942__root.EditableCell84838942--invalid,.EditableCell84838942__root.EditableCell84838942--invalid.EditableCell84838942--rowActive:hover:not(.EditableCell84838942--focused):not(.EditableCell84838942--rangeSelected),.EditableCell84838942__root.EditableCell84838942--invalid.EditableCell84838942--focused:not(.EditableCell84838942--rangeSelected),.EditableCell84838942__root.EditableCell84838942--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell84838942__root.EditableCell84838942--copiedTop:not(.EditableCell84838942--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell84838942__root.EditableCell84838942--copiedBottom:not(.EditableCell84838942--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell84838942__root.EditableCell84838942--copiedLeft:not(.EditableCell84838942--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell84838942__root.EditableCell84838942--copiedRight:not(.EditableCell84838942--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell84838942__root.EditableCell84838942--invalid:not(.EditableCell84838942--focused):not(.EditableCell84838942--editing){z-index:1}.EditableCell84838942__errorMessage{position:absolute;top:calc(100% + 4px);left:-1px;z-index:4;box-sizing:border-box;width:max-content;max-width:240px;padding:6px 8px;pointer-events:none;border-radius:var(--wds-popover-border-radius, var(--wds-border-radius-400, 8px));background:var(--wds-popover-fill, var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff)));box-shadow:var(--wds-shadow-surface-overlay, 0 0 18px rgba(0, 6, 36, 0.1), 0 6px 6px rgba(0, 6, 36, 0.05))}tr:last-child .EditableCell84838942__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover446813059__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover446813059__root,.HeaderActionsPopover446813059__root[data-menu-open=true],.HeaderActionsPopover446813059__root:focus-within{opacity:1}.CellViewLayout2464844687__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2464844687__root>*{flex:1;min-width:0}.Edit4064067805__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:8px;padding-right:8px;min-width:0;overflow:hidden}.Edit4064067805__addressInput>div,.Edit4064067805__addressInput>div>div,.Edit4064067805__addressInput>div>div>div{width:100%;min-width:0}.Edit4044920703__jsonInput{width:100%;margin-left:-1px}.Edit2257781110__booleanEdit{display:flex;align-items:center;margin-left:8px}.View3676517918__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit1919896553__root{width:100%;height:100%;display:flex;align-items:center}.Edit1409204320__dateInput{width:100%;margin-left:-1px}.Edit1893675334__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit1893675334__dateHalf{flex:60 1 0}.Edit1893675334__timeHalf{flex:40 1 0}.Edit1893675334__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit1893675334__passiveText{padding:6px 8px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit1893675334__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View3508275972__leaf{min-width:0;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View3508275972__datePart{flex:60 1 0}.View3508275972__timePart{flex:40 1 0}.View3508275972__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View3508275972__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit1723470133__emailInput{width:100%;margin-left:-1px}.Edit1304335115__numberInput{width:100%;margin-right:2px}.Edit1304335115__numberInput input{text-align:right;direction:ltr}.View3096171468__textView{width:100%;text-align:right}.Edit2463058583__jsonInput{width:100%;margin-left:-1px}.Edit722411838__selectInput{width:100%}.Edit3133363930__editWrapper{width:100%}.Edit3133363930__inputArea{background-color:transparent;width:100%}.Edit3133363930__inputArea input,.Edit3133363930__inputArea textarea{font-size:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px))!important;line-height:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px))!important}.Edit3133363930__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3133363930__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit3133363930__inputArea>div::after{box-shadow:none!important}.Edit3133363930__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3133363930__inputArea:not(.Edit3133363930--isFocused) textarea{resize:none;overflow:hidden}.Edit3133363930__inputArea:not(.Edit3133363930--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2156452178__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
+.CardContainer1849199127__root.CardContainer1849199127--mobile{border-radius:0}.CmsFieldForm1755542765__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal36790164__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection1913926124__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse3605536152__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3605536152__exit{height:0}.CollectionPage3490548403__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3490548403__root.CollectionPage3490548403--mobile{--wds-page-header-padding-horizontal:0px;--wds-page-header-padding-horizontal-small:0px;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3490548403__root.CollectionPage3490548403--mobile :has(>[data-hook=collection-page-mobile-primary-action]){padding-bottom:0}.CollectionPage3490548403__root.CollectionPage3490548403--panel{overflow:hidden;position:relative}.CollectionSectionHeader3804335527__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable118995330__root td{vertical-align:middle}.CollectionTable118995330__root.CollectionTable118995330--mobile td:first-child{padding-left:18px}.CollectionTable118995330__root.CollectionTable118995330--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3700121031__root.CollectionTableWSRTable3700121031--resizable table{min-width:100%}.CollectionTableWSRTable3700121031__root.CollectionTableWSRTable3700121031--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1355295430__root.CollectionToolbar1355295430--harmony .CollectionToolbar1355295430__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar1355295430__left{min-width:0}.CollectionToolbar1355295430__left.CollectionToolbar1355295430--expandable{flex:auto}.CollectionToolbar1355295430__left.CollectionToolbar1355295430--title>*{width:100%}.CollectionToolbar1355295430__root.CollectionToolbar1355295430---responsiveMode-5-title .CollectionToolbar1355295430__left{flex:1 100;min-width:50px}.CollectionToolbar1355295430__root.CollectionToolbar1355295430---responsiveMode-4-tabs .CollectionToolbar1355295430__left,.CollectionToolbar1355295430__root.CollectionToolbar1355295430---responsiveMode-4-tabs .CollectionToolbar1355295430__left.CollectionToolbar1355295430--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1355295430__root.CollectionToolbar1355295430---responsiveMode-4-tabs .CollectionToolbar1355295430__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1355295430__root .CollectionToolbar1355295430__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1355295430__root.CollectionToolbar1355295430--views .CollectionToolbar1355295430__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1355295430__root.CollectionToolbar1355295430---responsiveMode-4-tabs .CollectionToolbar1355295430__right,.CollectionToolbar1355295430__root.CollectionToolbar1355295430---responsiveMode-5-title .CollectionToolbar1355295430__right{flex:0 1 auto;min-width:0}.CollectionToolbar1355295430__root .CollectionToolbar1355295430__right.CollectionToolbar1355295430__fullWidth{margin-inline-start:0!important}.CollectionToolbar1355295430__root.CollectionToolbar1355295430--mobile:not(.CollectionToolbar1355295430--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter1356450189__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1356450189__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1356450189__searchMobile:not(.SearchOrCustomFilter1356450189--expandable){left:18px}.SearchOrCustomFilter1356450189__searchMobile.SearchOrCustomFilter1356450189--expandable.SearchOrCustomFilter1356450189--expanded{left:18px}.AutoCompleteReadonly1587949727__root.AutoCompleteReadonly1587949727--disableEditing{cursor:pointer}.AutoCompleteReadonly1587949727__root.AutoCompleteReadonly1587949727--disableEditing input{cursor:pointer}.ViewsDropdown2014084365__root{width:200px}.CustomFieldFormPiiFields1162113718__tooltipText{--wds-font-line-height-body-tiny:var(--wds-tooltip-label-font-line-height-medium, var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px)))}.DragHandle3246916303__root{display:flex;align-items:center}.DragHandle3246916303__root:not(.DragHandle3246916303--disabled){cursor:grab;color:#a8caff}.DragHandle3246916303__root.DragHandle3246916303--disabled{color:#acafc4}.DragHandle3246916303__root:focus-visible:not(.DragHandle3246916303--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3246916303__root.DragHandle3246916303--disabled{pointer-events:none}.DragHandle3246916303__root.DragHandle3246916303--dragging:not(.DragHandle3246916303--disabled){cursor:grabbing}td:has(>.EditableCell1177568343__root){position:relative;overflow:visible}tr:has(.EditableCell1177568343__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell1177568343__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>.EditableCell1177568343__root{top:0}.EditableCell1177568343__root:hover:not(.EditableCell1177568343--rowActive):not(.EditableCell1177568343--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell1177568343__root.EditableCell1177568343--rowActive:not(.EditableCell1177568343--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell1177568343__root.EditableCell1177568343--rowActive:hover:not(.EditableCell1177568343--focused):not(.EditableCell1177568343--rangeSelected):not(.EditableCell1177568343--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)}.EditableCell1177568343__root.EditableCell1177568343--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)}.EditableCell1177568343__root.EditableCell1177568343--readOnly:hover:not(.EditableCell1177568343--rowActive):not(.EditableCell1177568343--rangeSelected),.EditableCell1177568343__root.EditableCell1177568343--readOnly.EditableCell1177568343--rowActive:not(.EditableCell1177568343--rangeSelected){background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell1177568343__root.EditableCell1177568343--readOnly.EditableCell1177568343--rowActive:hover:not(.EditableCell1177568343--focused):not(.EditableCell1177568343--rangeSelected){border-color:var(--wds-color-black-700, var(--wsr-color-D70, #eceff3))}.EditableCell1177568343__root.EditableCell1177568343--focused:not(.EditableCell1177568343--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}.EditableCell1177568343__root.EditableCell1177568343--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell1177568343__root.EditableCell1177568343--editing:not(.EditableCell1177568343--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell1177568343__root.EditableCell1177568343--focused.EditableCell1177568343--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell1177568343__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)}.EditableCell1177568343__root.EditableCell1177568343--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell1177568343__root.EditableCell1177568343--selectionTop:not(.EditableCell1177568343--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell1177568343__root.EditableCell1177568343--selectionBottom:not(.EditableCell1177568343--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1177568343__root.EditableCell1177568343--selectionLeft:not(.EditableCell1177568343--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell1177568343__root.EditableCell1177568343--selectionRight:not(.EditableCell1177568343--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell1177568343__root.EditableCell1177568343--invalid,.EditableCell1177568343__root.EditableCell1177568343--invalid.EditableCell1177568343--rowActive:hover:not(.EditableCell1177568343--focused):not(.EditableCell1177568343--rangeSelected),.EditableCell1177568343__root.EditableCell1177568343--invalid.EditableCell1177568343--focused:not(.EditableCell1177568343--rangeSelected),.EditableCell1177568343__root.EditableCell1177568343--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell1177568343__root.EditableCell1177568343--copiedTop:not(.EditableCell1177568343--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell1177568343__root.EditableCell1177568343--copiedBottom:not(.EditableCell1177568343--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell1177568343__root.EditableCell1177568343--copiedLeft:not(.EditableCell1177568343--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell1177568343__root.EditableCell1177568343--copiedRight:not(.EditableCell1177568343--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell1177568343__root.EditableCell1177568343--invalid:not(.EditableCell1177568343--focused):not(.EditableCell1177568343--editing){z-index:1}.EditableCell1177568343__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 .EditableCell1177568343__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover99826776__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover99826776__root,.HeaderActionsPopover99826776__root[data-menu-open=true],.HeaderActionsPopover99826776__root:focus-within{opacity:1}.CellViewLayout499885632__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout499885632__root>*{flex:1;min-width:0}.Edit3798308404__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}.Edit3798308404__addressInput>div,.Edit3798308404__addressInput>div>div,.Edit3798308404__addressInput>div>div>div{width:100%;min-width:0}.Edit3557897221__jsonInput{width:100%;margin-left:-1px}.Edit1122436048__booleanEdit{display:flex;align-items:center;margin-left:8px}.View1497652369__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit1949510035__root{width:100%;height:100%;display:flex;align-items:center}.Edit983210720__dateInput{margin-left:-1px}.Edit710968093__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit710968093__dateHalf{flex:60 1 0}.Edit710968093__timeHalf{flex:40 1 0}.Edit710968093__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit710968093__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%}.Edit710968093__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View1588932039__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}.View1588932039__datePart{flex:60 1 0}.View1588932039__timePart{flex:40 1 0}.View1588932039__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View1588932039__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3266938706__emailInput{width:100%;margin-left:-1px}.Edit1428708983__numberInput{width:100%;margin-right:2px}.Edit1428708983__numberInput input{text-align:right;direction:ltr}.View4254107584__textView{width:100%;text-align:right}.Edit4155910577__jsonInput{width:100%;margin-left:-1px}.Edit261524571__selectInput{width:100%}.Edit3788367266__editWrapper{width:100%}.Edit3788367266__inputArea{background-color:transparent;width:100%}.Edit3788367266__inputArea input,.Edit3788367266__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}.Edit3788367266__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3788367266__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit3788367266__inputArea>div::after{box-shadow:none!important}.Edit3788367266__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3788367266__inputArea:not(.Edit3788367266--isFocused) textarea{resize:none;overflow:hidden}.Edit3788367266__inputArea:not(.Edit3788367266--isFocused) textarea::-webkit-scrollbar{display:none}.Edit4054952893__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
-  )}.Edit2156452178__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit404231811__urlInput{width:100%;margin-left:-1px}.View1127138054__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View1127138054__urlText{flex:1;min-width:0}.View1127138054__suffix{flex-shrink:0;margin-left:10px}.View1127138054__textView.View1127138054--suffixOnHover:not(:hover) .View1127138054__suffix{display:none}.EmptyStateBase1160846046__root{min-height:230px;align-items:center}.EntityPagePlain2050096784__root.EntityPagePlain2050096784--mobile{--wds-page-header-padding-horizontal:0}.Fade3686196112__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3686196112__root.Fade3686196112--exit{opacity:0}.Heading753415780__root{visibility:visible}.Heading753415780__root.Heading753415780--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload1421746579__fileUpload{width:100%}.InputOverflow3152898785__root.InputOverflow3152898785--selected:not(.InputOverflow3152898785--focused) input::placeholder{color:#000624}@keyframes LoadingRow1378746736__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow1378746736__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow1378746736__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3365263644__root{opacity:1}.MaxHeightText3365263644__root.MaxHeightText3365263644--height24{line-height:24px}.MaxLines138609149__root{overflow:hidden}.MaxLines138609149__root.MaxLines138609149--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar384117379__root{min-width:0}.MultiBulkActionToolbar384117379__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar384117379__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar384117379__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1641598245__root td{padding:0!important;width:100%}.NestedTableRow211762900__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow211762900__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow211762900__root.NestedTableRow211762900--expandable{cursor:pointer}.NestedTableRow211762900__placeholder td{padding:0!important;width:100%}.NestedTableRow211762900__root:hover td:first-of-type::before,.NestedTableRow211762900__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.MultipleDragOverlayEffect2219272161__root{position:absolute;transform:translate(6px,6px);background-color:var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff));box-shadow:var(--wds-shadow-surface-overlay, var(--wsr-shadow20, 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12)))}.NestedTableDragAndDropRow372186743__root.NestedTableDragAndDropRow372186743--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent1175207613__root{display:flex}.PickerContentAdditionalStep2191253003__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2191253003__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem827075912__root{box-sizing:border-box}.ScrollableContent3642999256__root.ScrollableContent3642999256--overflowY{overflow-y:auto}.ScrollableContent3642999256__root.ScrollableContent3642999256--overflowX{overflow-x:auto}.ScrollableContent3642999256__root.ScrollableContent3642999256--smooth{scroll-behavior:smooth}.SetupWidget262102085__row{display:flex;flex-direction:column;overflow:clip;--wds-clickable-card-outline-border-color:var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))}.SetupWidget262102085__row.SetupWidget262102085--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget262102085__row.SetupWidget262102085--focused.SetupWidget262102085--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget262102085__completedCta,.SetupWidget262102085__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget262102085__row:hover .SetupWidget262102085__completedCta,.SetupWidget262102085__row:hover .SetupWidget262102085__secondaryCta{opacity:1}}.SetupWidget262102085__row:focus-within .SetupWidget262102085__completedCta,.SetupWidget262102085__row:focus-within .SetupWidget262102085__secondaryCta,.SetupWidget262102085__secondaryCta:focus-within{opacity:1}.SetupWidget262102085__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget262102085__card.SetupWidget262102085--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget262102085__card.SetupWidget262102085--clickable{cursor:pointer}.SetupWidget262102085__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget262102085__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget262102085__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget262102085__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard3267458281__headerLoading{display:block!important}.SlidingModal1667727069__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1667727069__root.SlidingModal1667727069--overlay{transition:transform 0s ease 0s}.SlidingModal1667727069__root.SlidingModal1667727069---appendTo-6-parent{position:absolute}.SlidingModal1667727069__root.SlidingModal1667727069--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal1667727069__root:not(.SlidingModal1667727069--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}th:not([data-sticky=true]):has(.AddFieldColumnHeader1693895278__anchorLayer){position:relative}.AddFieldColumnHeader1693895278__anchorLayer{position:absolute;inset:0;pointer-events:none}.AddFieldColumnHeader1693895278__anchorLayer>.AddFieldColumnHeader1693895278__popover{display:grid;width:100%;height:100%}.AddFieldColumnHeader1693895278__popover{--wds-popover-fill:transparent;--wds-popover-border-width:0;--wds-popover-border-radius:0;--wds-shadow-surface-overlay:none;--wds-background-blur-surface-overlay:0px}.AddFieldColumnHeader1693895278__title{display:flex;align-items:center;box-sizing:content-box;width:100%;min-width:0;min-height:24px;margin-block:calc(-1*var(--wds-space-150, 9px));padding-block:var(--wds-space-150, 9px)}.AddFieldColumnHeader1693895278__hoverBridge{display:inline-block;padding:4px;background:0 0;transform:translate(50%,-50%)}.AddFieldColumnHeader1693895278__hoverBridge.AddFieldColumnHeader1693895278---side-4-left{transform:translate(-50%,-50%)}.TabsFilter3044581964__root .TabsFilter3044581964__titleBox *{color:inherit!important}.ManageTagsModal3175779444__root{display:flex}.ManageTagsModal3175779444__root.ManageTagsModal3175779444--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal3175779444__root.ManageTagsModal3175779444--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem1383866179__root{min-width:0}.ToolbarItemBox4062523943__root{min-width:0}.ToolbarItemBox4062523943__root.ToolbarItemBox4062523943--removeStartPadding{margin-left:-24px}.ToolbarItemBox4062523943__root.ToolbarItemBox4062523943--expandable{flex:1 0}.common1283969069__column{display:flex;flex-direction:column}.common1283969069__fullHeight{height:100%;min-height:0}.CollectionPageHeader712680140__root:not(.CollectionPageHeader712680140--mobile){gap:12px}.CollectionPageHeader712680140__root.CollectionPageHeader712680140--mobile{--wds-page-header-title-actions-gap:8px;padding-right:18px;padding-left:18px}.CollectionPageHeader712680140__root.CollectionPageHeader712680140--mobile [data-hook=page-header-actionbar]{display:contents}.CollectionPageHeader712680140__mobileMoreActions{align-self:flex-start;margin-top:6px}.MobilePrimaryActionBar3410265983__root{padding:var(--wds-space-300, 18px) var(--wds-space-400, 24px)}.TitleBadges531506099__tooltip.TitleBadges531506099__tooltip,.TitleBadges531506099__tooltipTrigger{display:flex}.FormPageHeader406693740__root.FormPageHeader406693740--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader406693740__root.FormPageHeader406693740--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.Edit4054952893__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit3991289292__urlInput{width:100%;margin-left:-1px}.View4154240120__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View4154240120__urlText{flex:1;min-width:0}.View4154240120__suffix{flex-shrink:0;margin-left:10px}.View4154240120__textView.View4154240120--suffixOnHover:not(:hover) .View4154240120__suffix{display:none}.EmptyStateBase2686840201__root{min-height:230px;align-items:center}.EntityPagePlain907640231__root.EntityPagePlain907640231--mobile{--wds-page-header-padding-horizontal:0}.Fade54617898__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade54617898__root.Fade54617898--exit{opacity:0}.Heading2348009961__root{visibility:visible}.Heading2348009961__root.Heading2348009961--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3960496831__fileUpload{width:100%}.InputOverflow381691028__root.InputOverflow381691028--selected:not(.InputOverflow381691028--focused) input::placeholder{color:#000624}@keyframes LoadingRow1119038160__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%}}.LoadingRow1119038160__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:LoadingRow1119038160__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText952229698__root{opacity:1}.MaxHeightText952229698__root.MaxHeightText952229698--height24{line-height:24px}.MaxLines3960894775__root{overflow:hidden}.MaxLines3960894775__root.MaxLines3960894775--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar629827729__root{min-width:0}.MultiBulkActionToolbar629827729__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar629827729__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar629827729__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3297893429__root td{padding:0!important;width:100%}.NestedTableRow3852827795__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow3852827795__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow3852827795__root.NestedTableRow3852827795--expandable{cursor:pointer}.NestedTableRow3852827795__placeholder td{padding:0!important;width:100%}.NestedTableRow3852827795__root:hover td:first-of-type::before,.NestedTableRow3852827795__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))}.MultipleDragOverlayEffect2720097722__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)))}.NestedTableDragAndDropRow2357030032__root.NestedTableDragAndDropRow2357030032--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent3835555913__root{display:flex}.PickerContentAdditionalStep1565660059__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1565660059__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3691791785__root{box-sizing:border-box}.ScrollableContent2896732993__root.ScrollableContent2896732993--overflowY{overflow-y:auto}.ScrollableContent2896732993__root.ScrollableContent2896732993--overflowX{overflow-x:auto}.ScrollableContent2896732993__root.ScrollableContent2896732993--smooth{scroll-behavior:smooth}.SetupWidget4239370517__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))}.SetupWidget4239370517__row.SetupWidget4239370517--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget4239370517__row.SetupWidget4239370517--focused.SetupWidget4239370517--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget4239370517__completedCta,.SetupWidget4239370517__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget4239370517__row:hover .SetupWidget4239370517__completedCta,.SetupWidget4239370517__row:hover .SetupWidget4239370517__secondaryCta{opacity:1}}.SetupWidget4239370517__row:focus-within .SetupWidget4239370517__completedCta,.SetupWidget4239370517__row:focus-within .SetupWidget4239370517__secondaryCta,.SetupWidget4239370517__secondaryCta:focus-within{opacity:1}.SetupWidget4239370517__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}.SetupWidget4239370517__card.SetupWidget4239370517--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget4239370517__card.SetupWidget4239370517--clickable{cursor:pointer}.SetupWidget4239370517__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget4239370517__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget4239370517__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget4239370517__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard3407549928__headerLoading{display:block!important}.SlidingModal558241025__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal558241025__root.SlidingModal558241025--overlay{transition:transform 0s ease 0s}.SlidingModal558241025__root.SlidingModal558241025---appendTo-6-parent{position:absolute}.SlidingModal558241025__root.SlidingModal558241025--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal558241025__root:not(.SlidingModal558241025--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(.AddFieldColumnHeader3704033415__anchorLayer){position:relative}.AddFieldColumnHeader3704033415__anchorLayer{position:absolute;inset:0;pointer-events:none}.AddFieldColumnHeader3704033415__anchorLayer>.AddFieldColumnHeader3704033415__popover{display:grid;width:100%;height:100%}.AddFieldColumnHeader3704033415__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}.AddFieldColumnHeader3704033415__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)}.AddFieldColumnHeader3704033415__hoverBridge{display:inline-block;padding:4px;background:0 0;transform:translate(50%,-50%)}.AddFieldColumnHeader3704033415__hoverBridge.AddFieldColumnHeader3704033415---side-4-left{transform:translate(-50%,-50%)}.TabsFilter214006494__root .TabsFilter214006494__titleBox *{color:inherit!important}.ManageTagsModal1321959482__root{display:flex}.ManageTagsModal1321959482__root.ManageTagsModal1321959482--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal1321959482__root.ManageTagsModal1321959482--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem613760979__root{min-width:0}.ToolbarItemBox130470382__root{min-width:0}.ToolbarItemBox130470382__root.ToolbarItemBox130470382--removeStartPadding{margin-left:-24px}.ToolbarItemBox130470382__root.ToolbarItemBox130470382--expandable{flex:1 0}.common1766358665__column{display:flex;flex-direction:column}.common1766358665__fullHeight{height:100%;min-height:0}.CollectionPageHeader1548547533__root:not(.CollectionPageHeader1548547533--mobile){gap:12px}.CollectionPageHeader1548547533__root.CollectionPageHeader1548547533--mobile{--wds-page-header-title-actions-gap:8px;padding-right:18px;padding-left:18px}.CollectionPageHeader1548547533__root.CollectionPageHeader1548547533--mobile [data-hook=page-header-actionbar]{display:contents}.CollectionPageHeader1548547533__mobileMoreActions{align-self:flex-start;margin-top:6px}.MobilePrimaryActionBar3902110869__root{padding:var(--wds-space-300, 18px) var(--wds-space-400, 24px)}.TitleBadges611711373__tooltip.TitleBadges611711373__tooltip,.TitleBadges611711373__tooltipTrigger{display:flex}.FormPageHeader2414991661__root.FormPageHeader2414991661--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2414991661__root.FormPageHeader2414991661--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/utils/fieldTypePrefixIcons.tsx

@@ -27,6 +27,11 @@ import {
   Document,
   DocumentSmall,
   DocDuplicate,
+  DocDuplicateSmall,
+  VideoCamera,
+  VideoCameraSmall,
+  ColorDrop,
+  ColorDropSmall,
   Music,
   MusicSmall,
   Location,
@@ -94,8 +99,16 @@ interface FieldPrefixIconEntry {
   medium: ComponentType;
 }
 
+/**
+ * Field types that show the Database fallback icon.
+ * DROPDOWN has no icon yet; it needs a design decision.
+ */
+type FallbackIconFieldType = 'CUSTOM' | 'UNKNOWN' | 'DROPDOWN';
+
 /**
  * Maps canonical UPPER_SNAKE_CASE field types to icon components (small + medium).
+ * Every type except FallbackIconFieldType must have an entry, so a new field
+ * type without an icon fails the build instead of showing the fallback.
  */
 const FIELD_TYPE_ICON_MAP: Partial<
   Record<FieldType | PatternsFieldType, FieldPrefixIconEntry>
@@ -112,9 +125,10 @@ const FIELD_TYPE_ICON_MAP: Partial<
   EMAIL: { small: EmailSmall, medium: Email },
   IMAGE: { small: ImageSmall, medium: Image },
   MEDIA_GALLERY: { small: ProGalleriesSmall, medium: ProGalleries },
+  VIDEO: { small: VideoCameraSmall, medium: VideoCamera },
   AUDIO: { small: MusicSmall, medium: Music },
   DOCUMENT: { small: DocumentSmall, medium: Document },
-  MULTI_DOCUMENT: { small: DocumentSmall, medium: DocDuplicate },
+  MULTI_DOCUMENT: { small: DocDuplicateSmall, medium: DocDuplicate },
   RICH_TEXT: { small: RichTextSmall, medium: RichText },
   RICH_CONTENT: { small: ArticleSmall, medium: Article },
   REFERENCE: { small: ReferenceSmall, medium: Reference },
@@ -122,12 +136,16 @@ const FIELD_TYPE_ICON_MAP: Partial<
   OBJECT: { small: CodeObjectSmall, medium: CodeObject },
   ARRAY: { small: TagSmall, medium: Tag },
   ADDRESS: { small: LocationSmall, medium: Location },
+  COLOR: { small: ColorDropSmall, medium: ColorDrop },
   INTEGER: { small: NumberSmall, medium: Number },
   DECIMAL: { small: NumberSmall, medium: Number },
   CHECKBOX: { small: SquareRatioCheckedSmall, medium: SquareRatioChecked },
   FILES: { small: DocumentSmall, medium: Document },
   MULTI_SELECT: { small: TagSmall, medium: Tag },
-};
+} satisfies Record<
+  Exclude<FieldType | PatternsFieldType, FallbackIconFieldType>,
+  FieldPrefixIconEntry
+>;
 
 /**
  * Returns an icon ReactNode for the given field type string and size.

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.479.0';
+export const version = 'patterns@1.481.0';