@wix/patterns 1.447.0 → 1.449.0

package/src/state/EntityPage/EntityPageState.ts

@@ -7,6 +7,7 @@ import {
   SchemaSource,
   Schema,
 } from '@wix/bex-core';
+import type { LoadedSchema } from '@wix/bex-core';
 import { action, computed, makeObservable, observable } from 'mobx';
 import type { PatternsFieldsAppContainer } from '@wix/patterns-fields/providers';
 import { fieldsContainerOf } from '../../model/schemaFieldsContainer';
@@ -16,6 +17,10 @@ import { EventEmitter, TypedEmitter } from '@wix/bex-core/events';
 import { WixPatternsRouterState } from '../WixPatternsRouterState';
 import type { SidePanelsState } from '../SidePanelsState';
 import type { CustomColumnsEntityPageState } from '../CustomColumnsEntityPageState';
+import {
+  EntityPageDeleteAction,
+  EntityPageDeleteActionState,
+} from './EntityPageDeleteActionState';
 
 type OnSaveParams = {
   widgetsFormData: { [key: string]: any };
@@ -58,6 +63,13 @@ interface EntityPageStateParamsBase<T, V extends FieldValues = FieldValues> {
       }
     | string;
 
+  /**
+   * Enables deleting the loaded entity from the entity page. Pass `true` for a
+   * schema-backed page to use the source backend, or an object to customize the
+   * action and to provide a delete handler for manually wired pages.
+   */
+  deleteAction?: EntityPageDeleteAction<T>;
+
   /**
    * An optional function to transform the updated entity data before it is passed to the collection page.
    * @param entity the updated entity.
@@ -105,6 +117,16 @@ interface EntityPageStateParamsBase<T, V extends FieldValues = FieldValues> {
    */
   actionsBarConfig?: ActionsBarConfig;
 
+  /**
+   * Whether the page was opened to create a new entity rather than to edit an
+   * existing one. Decides how a save is announced to the parent page — created
+   * vs updated — so a new item seeded with local defaults is still announced
+   * as created. Pass a getter when the route can change while the page stays
+   * mounted. When omitted, the announcement follows whether an entity was
+   * loaded.
+   */
+  isNewEntity?: boolean | (() => boolean);
+
   /**
    * An optional schema source describing how to load the schema and access
    * the entity's data. When present, the page can read fields from the source
@@ -136,6 +158,8 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
 
   _entity: T | null = null;
   _schema: Schema | null = null;
+  _loadedSchema: LoadedSchema<T> | null = null;
+  private readonly _isNewEntity?: boolean | (() => boolean);
   private readonly _parentPageId?: string;
   private readonly _parentPath?: string;
   private readonly _parentReferrer?: string;
@@ -175,10 +199,13 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
   _routerState: WixPatternsRouterState | null = null;
 
   readonly formPage: FormPageState<V>;
+  readonly deleteActionState: EntityPageDeleteActionState<T>;
 
   readonly events = new EventEmitter() as TypedEmitter<{
     save: () => void;
     saveError: (err: unknown) => void;
+    delete: () => void;
+    deleteError: (err: unknown) => void;
   }>;
 
   constructor(params: EntityPageStateParams<T, V>) {
@@ -188,6 +215,7 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
     this.saveErrorToast = params.saveErrorToast;
     this.formPage = new FormPageState<V>({ form: params.form });
     this._parentPageId = params.parentPageId;
+    this._isNewEntity = params.isNewEntity;
     this.transformEntityToCollectionItem =
       params.transformEntityToCollectionItem || ((anEntity: T) => anEntity);
     this._parentPath = params.parentPath;
@@ -195,6 +223,19 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
     this.schemaSource = params.schemaSource;
 
     this.container = params.container;
+    this.deleteActionState = new EntityPageDeleteActionState<T>({
+      container: this.container,
+      deleteAction: params.deleteAction,
+      schemaSource: this.schemaSource,
+      getEntity: () => this.entity,
+      getLoadedSchema: () => this.loadedSchema,
+      transformEntityToCollectionItem: this.transformEntityToCollectionItem,
+      onDeleted: action((deletedCollectionItem) =>
+        this.handleEntityDeleted(deletedCollectionItem),
+      ),
+      emitDelete: () => this.events.emit('delete'),
+      emitDeleteError: (err) => this.events.emit('deleteError', err),
+    });
 
     this._routerState = params.routerState ?? null;
 
@@ -220,6 +261,8 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
       setEntity: action,
       _schema: observable.ref,
       setSchema: action,
+      _loadedSchema: observable.ref,
+      setLoadedSchema: action,
       customColumnsState: observable.ref,
       isFormDirty: computed,
       _withinRouter: computed,
@@ -267,6 +310,7 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
       ]);
 
       this.setEntity(data.entity ?? null);
+      this.setLoadedSchema(loadedSchema ?? null);
       // Don't overwrite a schema something already set. A fields card mirrors the
       // schema its field mutations merge into, and `loadSchema` is memoized — so
       // setting it here again would put the pre-mutation fields map back and drop
@@ -303,6 +347,14 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
     return this._schema;
   }
 
+  setLoadedSchema(loadedSchema: LoadedSchema<T> | null) {
+    this._loadedSchema = loadedSchema;
+  }
+
+  get loadedSchema(): LoadedSchema<T> | null {
+    return this._loadedSchema;
+  }
+
   get isFetching() {
     return this.formPage.isFetching;
   }
@@ -336,10 +388,23 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
     this.navigateToParent();
   }
 
+  private get _isExistingEntity(): boolean {
+    const isNewEntity =
+      typeof this._isNewEntity === 'function'
+        ? this._isNewEntity()
+        : this._isNewEntity;
+    const isRouteKnown = isNewEntity !== undefined;
+    return isRouteKnown ? !isNewEntity : !!this._entity;
+  }
+
   navigateToParent(updatedEntity?: any) {
-    const entityStringKey = this._entity ? '_updatedEntity' : '_createdEntity';
-    const entityObject = { [entityStringKey]: updatedEntity };
+    const entityStringKey = this._isExistingEntity
+      ? '_updatedEntity'
+      : '_createdEntity';
+    this.navigateToParentWithState({ [entityStringKey]: updatedEntity });
+  }
 
+  navigateToParentWithState(entityObject: Record<string, unknown>) {
     if (this._withinRouter) {
       this._routerState!.navigate(this._parentPath!, { state: entityObject });
     } else {
@@ -407,6 +472,11 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
     });
   }
 
+  private handleEntityDeleted(deletedCollectionItem: any) {
+    this.isSubmitSuccessful = true;
+    this.navigateToParentWithState({ _deletedEntity: deletedCollectionItem });
+  }
+
   async handleSubmit(e?: React.BaseSyntheticEvent) {
     if (this.formPage.submitTask.status.isLoading) {
       return;

package/src/state/EntityPage/index.ts

@@ -1,3 +1,4 @@
 export * from './EntityPageState';
+export * from './EntityPageDeleteActionState';
 export * from './useEntityPageHeader';
 export * from './useEntityPageContent';

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "FormPageHeader3029584173";
+var _namespace_ = "FormPageHeader2182836129";
 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":"FormPageHeader3029584173__root"};
+export var classes = {"root":"FormPageHeader2182836129__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/WixPatternsRouterState.ts

@@ -12,6 +12,7 @@ interface WixPatternsRouterStateParams {
 export type RouteState = {
   _createdEntity?: any;
   _updatedEntity?: any;
+  _deletedEntity?: any;
   _chosenEntity?: any;
 } | null;
 

package/src/state/index.ts

@@ -29,6 +29,7 @@ export * from './TableFoldersState';
 export * from './CustomFields';
 export * from './TableGridSwitchFoldersState';
 export * from './EntityPage/EntityPageState';
+export * from './EntityPage/EntityPageDeleteActionState';
 export * from './SettingsPage/SettingsPageState';
 export * from './NestedTableState';
 export * from './ExtensionMenuItemsState';

package/src/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer2447633207__root.CardContainer2447633207--mobile{border-radius:0}.CmsFieldForm2298218345__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal4037089959__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection2505763082__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput1647829329__field{flex:1;min-width:0}.Collapse4271225488__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse4271225488__exit{height:0}.CollectionPage633871647__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage633871647__root.CollectionPage633871647--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage633871647__root.CollectionPage633871647--panel{overflow:hidden;position:relative}.CollectionSectionHeader17716278__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable1652369058__root td{vertical-align:middle}.CollectionTable1652369058__root.CollectionTable1652369058--mobile td:first-child{padding-left:18px}.CollectionTable1652369058__root.CollectionTable1652369058--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3457958129__root.CollectionTableWSRTable3457958129--resizable table{min-width:100%}.CollectionTableWSRTable3457958129__root.CollectionTableWSRTable3457958129--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1210449187__root.CollectionToolbar1210449187--harmony .CollectionToolbar1210449187__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar1210449187__left{min-width:0}.CollectionToolbar1210449187__left.CollectionToolbar1210449187--expandable{flex:auto}.CollectionToolbar1210449187__left.CollectionToolbar1210449187--title>*{width:100%}.CollectionToolbar1210449187__root.CollectionToolbar1210449187---responsiveMode-5-title .CollectionToolbar1210449187__left{flex:1 100;min-width:50px}.CollectionToolbar1210449187__root.CollectionToolbar1210449187---responsiveMode-4-tabs .CollectionToolbar1210449187__left,.CollectionToolbar1210449187__root.CollectionToolbar1210449187---responsiveMode-4-tabs .CollectionToolbar1210449187__left.CollectionToolbar1210449187--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1210449187__root.CollectionToolbar1210449187---responsiveMode-4-tabs .CollectionToolbar1210449187__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1210449187__root .CollectionToolbar1210449187__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1210449187__root.CollectionToolbar1210449187--views .CollectionToolbar1210449187__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1210449187__root.CollectionToolbar1210449187---responsiveMode-4-tabs .CollectionToolbar1210449187__right,.CollectionToolbar1210449187__root.CollectionToolbar1210449187---responsiveMode-5-title .CollectionToolbar1210449187__right{flex:0 1 auto;min-width:0}.CollectionToolbar1210449187__root .CollectionToolbar1210449187__right.CollectionToolbar1210449187__fullWidth{margin-inline-start:0!important}.CollectionToolbar1210449187__root.CollectionToolbar1210449187--mobile:not(.CollectionToolbar1210449187--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter1982754589__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1982754589__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1982754589__searchMobile:not(.SearchOrCustomFilter1982754589--expandable){left:18px}.SearchOrCustomFilter1982754589__searchMobile.SearchOrCustomFilter1982754589--expandable.SearchOrCustomFilter1982754589--expanded{left:18px}.AutoCompleteReadonly3466311859__root.AutoCompleteReadonly3466311859--disableEditing{cursor:pointer}.AutoCompleteReadonly3466311859__root.AutoCompleteReadonly3466311859--disableEditing input{cursor:pointer}.ViewsDropdown240576298__root{width:200px}.DragHandle756875483__root{display:flex;align-items:center}.DragHandle756875483__root:not(.DragHandle756875483--disabled){cursor:grab;color:#a8caff}.DragHandle756875483__root.DragHandle756875483--disabled{color:#acafc4}.DragHandle756875483__root:focus-visible:not(.DragHandle756875483--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle756875483__root.DragHandle756875483--disabled{pointer-events:none}.DragHandle756875483__root.DragHandle756875483--dragging:not(.DragHandle756875483--disabled){cursor:grabbing}td:has(>.EditableCell2550432053__root){position:relative;overflow:visible}tr:has(.EditableCell2550432053__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell2550432053__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>.EditableCell2550432053__root{top:0}.EditableCell2550432053__root:hover:not(.EditableCell2550432053--rowActive):not(.EditableCell2550432053--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell2550432053__root.EditableCell2550432053--rowActive:not(.EditableCell2550432053--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell2550432053__root.EditableCell2550432053--rowActive:hover:not(.EditableCell2550432053--focused):not(.EditableCell2550432053--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)}.EditableCell2550432053__root.EditableCell2550432053--focused:not(.EditableCell2550432053--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}.EditableCell2550432053__root.EditableCell2550432053--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell2550432053__root.EditableCell2550432053--editing:not(.EditableCell2550432053--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell2550432053__root.EditableCell2550432053--focused.EditableCell2550432053--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell2550432053__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)}.EditableCell2550432053__root.EditableCell2550432053--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell2550432053__root.EditableCell2550432053--selectionTop:not(.EditableCell2550432053--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell2550432053__root.EditableCell2550432053--selectionBottom:not(.EditableCell2550432053--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2550432053__root.EditableCell2550432053--selectionLeft:not(.EditableCell2550432053--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell2550432053__root.EditableCell2550432053--selectionRight:not(.EditableCell2550432053--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell2550432053__root.EditableCell2550432053--invalid,.EditableCell2550432053__root.EditableCell2550432053--invalid.EditableCell2550432053--rowActive:hover:not(.EditableCell2550432053--focused):not(.EditableCell2550432053--rangeSelected),.EditableCell2550432053__root.EditableCell2550432053--invalid.EditableCell2550432053--focused:not(.EditableCell2550432053--rangeSelected),.EditableCell2550432053__root.EditableCell2550432053--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell2550432053__root.EditableCell2550432053--copiedTop:not(.EditableCell2550432053--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell2550432053__root.EditableCell2550432053--copiedBottom:not(.EditableCell2550432053--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell2550432053__root.EditableCell2550432053--copiedLeft:not(.EditableCell2550432053--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell2550432053__root.EditableCell2550432053--copiedRight:not(.EditableCell2550432053--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell2550432053__root.EditableCell2550432053--invalid:not(.EditableCell2550432053--focused):not(.EditableCell2550432053--editing){z-index:1}.EditableCell2550432053__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))}.HeaderActionsPopover1093010872__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover1093010872__root,.HeaderActionsPopover1093010872__root[data-menu-open=true],.HeaderActionsPopover1093010872__root:focus-within{opacity:1}.CellViewLayout4150823277__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout4150823277__root>*{flex:1;min-width:0}.Edit1960941028__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}.Edit1960941028__addressInput>div,.Edit1960941028__addressInput>div>div,.Edit1960941028__addressInput>div>div>div{width:100%;min-width:0}.Edit109297893__jsonInput{width:100%;margin-left:-1px}.Edit1596998599__booleanEdit{display:flex;align-items:center;margin-left:8px}.View207708107__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit94166431__root{width:100%;height:100%;display:flex;align-items:center}.Edit4219668625__dateInput{width:100%;margin-left:-1px}.Edit1943091834__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit1943091834__dateHalf{flex:60 1 0}.Edit1943091834__timeHalf{flex:40 1 0}.Edit1943091834__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit1943091834__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%}.Edit1943091834__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View133343380__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}.View133343380__datePart{flex:60 1 0}.View133343380__timePart{flex:40 1 0}.View133343380__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View133343380__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2257242858__emailInput{width:100%;margin-left:-1px}.Edit2246019872__numberInput{width:100%;margin-right:2px}.Edit2246019872__numberInput input{text-align:right;direction:ltr}.View2899761164__textView{width:100%;text-align:right}.Edit3247671627__jsonInput{width:100%;margin-left:-1px}.Edit604603312__selectInput{width:100%}.Edit1232124440__editWrapper{width:100%}.Edit1232124440__inputArea{background-color:transparent;width:100%}.Edit1232124440__inputArea input,.Edit1232124440__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}.Edit1232124440__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1232124440__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit1232124440__inputArea>div::after{box-shadow:none!important}.Edit1232124440__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1232124440__inputArea:not(.Edit1232124440--isFocused) textarea{resize:none;overflow:hidden}.Edit1232124440__inputArea:not(.Edit1232124440--isFocused) textarea::-webkit-scrollbar{display:none}.Edit1720697502__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(
+.CardContainer2064326202__root.CardContainer2064326202--mobile{border-radius:0}.CmsFieldForm3961332529__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2847950882__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection2004729239__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput3309667009__field{flex:1;min-width:0}.Collapse4056813971__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse4056813971__exit{height:0}.CollectionPage1904316449__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1904316449__root.CollectionPage1904316449--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1904316449__root.CollectionPage1904316449--panel{overflow:hidden;position:relative}.CollectionSectionHeader3946478370__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable803127684__root td{vertical-align:middle}.CollectionTable803127684__root.CollectionTable803127684--mobile td:first-child{padding-left:18px}.CollectionTable803127684__root.CollectionTable803127684--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable2817894818__root.CollectionTableWSRTable2817894818--resizable table{min-width:100%}.CollectionTableWSRTable2817894818__root.CollectionTableWSRTable2817894818--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar2509914078__root.CollectionToolbar2509914078--harmony .CollectionToolbar2509914078__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar2509914078__left{min-width:0}.CollectionToolbar2509914078__left.CollectionToolbar2509914078--expandable{flex:auto}.CollectionToolbar2509914078__left.CollectionToolbar2509914078--title>*{width:100%}.CollectionToolbar2509914078__root.CollectionToolbar2509914078---responsiveMode-5-title .CollectionToolbar2509914078__left{flex:1 100;min-width:50px}.CollectionToolbar2509914078__root.CollectionToolbar2509914078---responsiveMode-4-tabs .CollectionToolbar2509914078__left,.CollectionToolbar2509914078__root.CollectionToolbar2509914078---responsiveMode-4-tabs .CollectionToolbar2509914078__left.CollectionToolbar2509914078--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2509914078__root.CollectionToolbar2509914078---responsiveMode-4-tabs .CollectionToolbar2509914078__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2509914078__root .CollectionToolbar2509914078__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2509914078__root.CollectionToolbar2509914078--views .CollectionToolbar2509914078__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2509914078__root.CollectionToolbar2509914078---responsiveMode-4-tabs .CollectionToolbar2509914078__right,.CollectionToolbar2509914078__root.CollectionToolbar2509914078---responsiveMode-5-title .CollectionToolbar2509914078__right{flex:0 1 auto;min-width:0}.CollectionToolbar2509914078__root .CollectionToolbar2509914078__right.CollectionToolbar2509914078__fullWidth{margin-inline-start:0!important}.CollectionToolbar2509914078__root.CollectionToolbar2509914078--mobile:not(.CollectionToolbar2509914078--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter2736362716__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2736362716__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter2736362716__searchMobile:not(.SearchOrCustomFilter2736362716--expandable){left:18px}.SearchOrCustomFilter2736362716__searchMobile.SearchOrCustomFilter2736362716--expandable.SearchOrCustomFilter2736362716--expanded{left:18px}.AutoCompleteReadonly3613629120__root.AutoCompleteReadonly3613629120--disableEditing{cursor:pointer}.AutoCompleteReadonly3613629120__root.AutoCompleteReadonly3613629120--disableEditing input{cursor:pointer}.ViewsDropdown655099976__root{width:200px}.DragHandle3204942429__root{display:flex;align-items:center}.DragHandle3204942429__root:not(.DragHandle3204942429--disabled){cursor:grab;color:#a8caff}.DragHandle3204942429__root.DragHandle3204942429--disabled{color:#acafc4}.DragHandle3204942429__root:focus-visible:not(.DragHandle3204942429--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3204942429__root.DragHandle3204942429--disabled{pointer-events:none}.DragHandle3204942429__root.DragHandle3204942429--dragging:not(.DragHandle3204942429--disabled){cursor:grabbing}td:has(>.EditableCell3876522111__root){position:relative;overflow:visible}tr:has(.EditableCell3876522111__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell3876522111__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>.EditableCell3876522111__root{top:0}.EditableCell3876522111__root:hover:not(.EditableCell3876522111--rowActive):not(.EditableCell3876522111--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell3876522111__root.EditableCell3876522111--rowActive:not(.EditableCell3876522111--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell3876522111__root.EditableCell3876522111--rowActive:hover:not(.EditableCell3876522111--focused):not(.EditableCell3876522111--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)}.EditableCell3876522111__root.EditableCell3876522111--focused:not(.EditableCell3876522111--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}.EditableCell3876522111__root.EditableCell3876522111--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell3876522111__root.EditableCell3876522111--editing:not(.EditableCell3876522111--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell3876522111__root.EditableCell3876522111--focused.EditableCell3876522111--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell3876522111__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)}.EditableCell3876522111__root.EditableCell3876522111--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell3876522111__root.EditableCell3876522111--selectionTop:not(.EditableCell3876522111--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell3876522111__root.EditableCell3876522111--selectionBottom:not(.EditableCell3876522111--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3876522111__root.EditableCell3876522111--selectionLeft:not(.EditableCell3876522111--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell3876522111__root.EditableCell3876522111--selectionRight:not(.EditableCell3876522111--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell3876522111__root.EditableCell3876522111--invalid,.EditableCell3876522111__root.EditableCell3876522111--invalid.EditableCell3876522111--rowActive:hover:not(.EditableCell3876522111--focused):not(.EditableCell3876522111--rangeSelected),.EditableCell3876522111__root.EditableCell3876522111--invalid.EditableCell3876522111--focused:not(.EditableCell3876522111--rangeSelected),.EditableCell3876522111__root.EditableCell3876522111--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell3876522111__root.EditableCell3876522111--copiedTop:not(.EditableCell3876522111--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell3876522111__root.EditableCell3876522111--copiedBottom:not(.EditableCell3876522111--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell3876522111__root.EditableCell3876522111--copiedLeft:not(.EditableCell3876522111--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell3876522111__root.EditableCell3876522111--copiedRight:not(.EditableCell3876522111--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell3876522111__root.EditableCell3876522111--invalid:not(.EditableCell3876522111--focused):not(.EditableCell3876522111--editing){z-index:1}.EditableCell3876522111__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))}.HeaderActionsPopover3190684104__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3190684104__root,.HeaderActionsPopover3190684104__root[data-menu-open=true],.HeaderActionsPopover3190684104__root:focus-within{opacity:1}.CellViewLayout3153677172__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3153677172__root>*{flex:1;min-width:0}.Edit1063276467__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}.Edit1063276467__addressInput>div,.Edit1063276467__addressInput>div>div,.Edit1063276467__addressInput>div>div>div{width:100%;min-width:0}.Edit711841012__jsonInput{width:100%;margin-left:-1px}.Edit603573699__booleanEdit{display:flex;align-items:center;margin-left:8px}.View2605942313__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit2460520760__root{width:100%;height:100%;display:flex;align-items:center}.Edit1216610466__dateInput{width:100%;margin-left:-1px}.Edit848650354__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit848650354__dateHalf{flex:60 1 0}.Edit848650354__timeHalf{flex:40 1 0}.Edit848650354__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit848650354__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%}.Edit848650354__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View3135763667__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}.View3135763667__datePart{flex:60 1 0}.View3135763667__timePart{flex:40 1 0}.View3135763667__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View3135763667__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3363135857__emailInput{width:100%;margin-left:-1px}.Edit2898340975__numberInput{width:100%;margin-right:2px}.Edit2898340975__numberInput input{text-align:right;direction:ltr}.View3128311539__textView{width:100%;text-align:right}.Edit3548293290__jsonInput{width:100%;margin-left:-1px}.Edit1893218128__selectInput{width:100%}.Edit1088589481__editWrapper{width:100%}.Edit1088589481__inputArea{background-color:transparent;width:100%}.Edit1088589481__inputArea input,.Edit1088589481__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}.Edit1088589481__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1088589481__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit1088589481__inputArea>div::after{box-shadow:none!important}.Edit1088589481__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1088589481__inputArea:not(.Edit1088589481--isFocused) textarea{resize:none;overflow:hidden}.Edit1088589481__inputArea:not(.Edit1088589481--isFocused) textarea::-webkit-scrollbar{display:none}.Edit1479925910__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
-  )}.Edit1720697502__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit3043044264__urlInput{width:100%;margin-left:-1px}.View2333694355__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View2333694355__urlText{flex:1;min-width:0}.View2333694355__suffix{flex-shrink:0;margin-left:10px}.View2333694355__textView.View2333694355--suffixOnHover:not(:hover) .View2333694355__suffix{display:none}.EmptyStateBase3521723780__root{min-height:230px;align-items:center}.EntityPagePlain1564940090__root.EntityPagePlain1564940090--mobile{--wds-page-header-padding-horizontal:0}.Fade602793137__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade602793137__root.Fade602793137--exit{opacity:0}.Heading2949301540__root{visibility:visible}.Heading2949301540__root.Heading2949301540--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3472681618__fileUpload{width:100%}.InputOverflow346442707__root.InputOverflow346442707--selected:not(.InputOverflow346442707--focused) input::placeholder{color:#000624}@keyframes LoadingRow2952309050__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%}}.LoadingRow2952309050__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:LoadingRow2952309050__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2835948940__root{opacity:1}.MaxHeightText2835948940__root.MaxHeightText2835948940--height24{line-height:24px}.MaxLines1746004319__root{overflow:hidden}.MaxLines1746004319__root.MaxLines1746004319--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar592642826__root{min-width:0}.MultiBulkActionToolbar592642826__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar592642826__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar592642826__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow343384427__root td{padding:0!important;width:100%}.NestedTableRow2340955180__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2340955180__root:hover{background-color:#e7f0ff!important}.NestedTableRow2340955180__root.NestedTableRow2340955180--expandable{cursor:pointer}.NestedTableRow2340955180__placeholder td{padding:0!important;width:100%}.NestedTableRow2340955180__root:hover td:first-of-type::before,.NestedTableRow2340955180__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2840141890__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)}.NestedTableDragAndDropRow151064686__root.NestedTableDragAndDropRow151064686--draggingInto td{background-color:#e7f0ff!important}.PickerContent4222478660__root{display:flex}.PickerContentAdditionalStep751880777__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep751880777__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem391151476__root{box-sizing:border-box}.ScrollableContent1387600451__root.ScrollableContent1387600451--overflowY{overflow-y:auto}.ScrollableContent1387600451__root.ScrollableContent1387600451--overflowX{overflow-x:auto}.ScrollableContent1387600451__root.ScrollableContent1387600451--smooth{scroll-behavior:smooth}.SetupWidget2519865406__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))}.SetupWidget2519865406__row.SetupWidget2519865406--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget2519865406__row.SetupWidget2519865406--focused.SetupWidget2519865406--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2519865406__completedCta,.SetupWidget2519865406__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget2519865406__row:hover .SetupWidget2519865406__completedCta,.SetupWidget2519865406__row:hover .SetupWidget2519865406__secondaryCta{opacity:1}}.SetupWidget2519865406__row:focus-within .SetupWidget2519865406__completedCta,.SetupWidget2519865406__row:focus-within .SetupWidget2519865406__secondaryCta,.SetupWidget2519865406__secondaryCta:focus-within{opacity:1}.SetupWidget2519865406__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}.SetupWidget2519865406__card.SetupWidget2519865406--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2519865406__card.SetupWidget2519865406--clickable{cursor:pointer}.SetupWidget2519865406__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget2519865406__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget2519865406__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget2519865406__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard3225100801__headerLoading{display:block!important}.SlidingModal3327522163__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3327522163__root.SlidingModal3327522163--overlay{transition:transform 0s ease 0s}.SlidingModal3327522163__root.SlidingModal3327522163---appendTo-6-parent{position:absolute}.SlidingModal3327522163__root.SlidingModal3327522163--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal3327522163__root:not(.SlidingModal3327522163--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader3457306703__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader3457306703__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader3457306703__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}.TabsFilter3805733533__root .TabsFilter3805733533__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter3805733533__root.TabsFilter3805733533--selected .TabsFilter3805733533__title,.TabsFilter3805733533__root:hover .TabsFilter3805733533__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal2716814328__root{display:flex}.ManageTagsModal2716814328__root.ManageTagsModal2716814328--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal2716814328__root.ManageTagsModal2716814328--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem1072055600__root{min-width:0}.ToolbarItemBox2420370034__root{min-width:0}.ToolbarItemBox2420370034__root.ToolbarItemBox2420370034--removeStartPadding{margin-left:-24px}.ToolbarItemBox2420370034__root.ToolbarItemBox2420370034--expandable{flex:1 0}.common267139271__column{display:flex;flex-direction:column}.common267139271__fullHeight{height:100%;min-height:0}.CollectionPageHeader4273170589__root:not(.CollectionPageHeader4273170589--mobile){gap:12px}.CollectionPageHeader4273170589__root.CollectionPageHeader4273170589--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader4273170589__root.CollectionPageHeader4273170589--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3029584173__root.FormPageHeader3029584173--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3029584173__root.FormPageHeader3029584173--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.Edit1479925910__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit3644570053__urlInput{width:100%;margin-left:-1px}.View923297067__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View923297067__urlText{flex:1;min-width:0}.View923297067__suffix{flex-shrink:0;margin-left:10px}.View923297067__textView.View923297067--suffixOnHover:not(:hover) .View923297067__suffix{display:none}.EmptyStateBase4129790249__root{min-height:230px;align-items:center}.EntityPagePlain1646857300__root.EntityPagePlain1646857300--mobile{--wds-page-header-padding-horizontal:0}.Fade2249166449__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2249166449__root.Fade2249166449--exit{opacity:0}.Heading121350323__root{visibility:visible}.Heading121350323__root.Heading121350323--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload1101526918__fileUpload{width:100%}.InputOverflow2520141165__root.InputOverflow2520141165--selected:not(.InputOverflow2520141165--focused) input::placeholder{color:#000624}@keyframes LoadingRow3388347116__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%}}.LoadingRow3388347116__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:LoadingRow3388347116__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText493823936__root{opacity:1}.MaxHeightText493823936__root.MaxHeightText493823936--height24{line-height:24px}.MaxLines2821947960__root{overflow:hidden}.MaxLines2821947960__root.MaxLines2821947960--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1681003559__root{min-width:0}.MultiBulkActionToolbar1681003559__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1681003559__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1681003559__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2027767742__root td{padding:0!important;width:100%}.NestedTableRow1044508703__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow1044508703__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow1044508703__root.NestedTableRow1044508703--expandable{cursor:pointer}.NestedTableRow1044508703__placeholder td{padding:0!important;width:100%}.NestedTableRow1044508703__root:hover td:first-of-type::before,.NestedTableRow1044508703__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))}.MultipleDragOverlayEffect1852040764__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)))}.NestedTableDragAndDropRow3558615481__root.NestedTableDragAndDropRow3558615481--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent396127304__root{display:flex}.PickerContentAdditionalStep3143450510__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3143450510__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3262638855__root{box-sizing:border-box}.ScrollableContent3969433939__root.ScrollableContent3969433939--overflowY{overflow-y:auto}.ScrollableContent3969433939__root.ScrollableContent3969433939--overflowX{overflow-x:auto}.ScrollableContent3969433939__root.ScrollableContent3969433939--smooth{scroll-behavior:smooth}.SetupWidget2850626784__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))}.SetupWidget2850626784__row.SetupWidget2850626784--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget2850626784__row.SetupWidget2850626784--focused.SetupWidget2850626784--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2850626784__completedCta,.SetupWidget2850626784__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget2850626784__row:hover .SetupWidget2850626784__completedCta,.SetupWidget2850626784__row:hover .SetupWidget2850626784__secondaryCta{opacity:1}}.SetupWidget2850626784__row:focus-within .SetupWidget2850626784__completedCta,.SetupWidget2850626784__row:focus-within .SetupWidget2850626784__secondaryCta,.SetupWidget2850626784__secondaryCta:focus-within{opacity:1}.SetupWidget2850626784__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}.SetupWidget2850626784__card.SetupWidget2850626784--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2850626784__card.SetupWidget2850626784--clickable{cursor:pointer}.SetupWidget2850626784__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget2850626784__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget2850626784__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget2850626784__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard2603318609__headerLoading{display:block!important}.SlidingModal2938545875__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2938545875__root.SlidingModal2938545875--overlay{transition:transform 0s ease 0s}.SlidingModal2938545875__root.SlidingModal2938545875---appendTo-6-parent{position:absolute}.SlidingModal2938545875__root.SlidingModal2938545875--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal2938545875__root:not(.SlidingModal2938545875--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader1907546462__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader1907546462__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader1907546462__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}.TabsFilter4199202321__root .TabsFilter4199202321__titleBox *{color:inherit!important}.ManageTagsModal1052133035__root{display:flex}.ManageTagsModal1052133035__root.ManageTagsModal1052133035--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal1052133035__root.ManageTagsModal1052133035--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem3030730344__root{min-width:0}.ToolbarItemBox833067609__root{min-width:0}.ToolbarItemBox833067609__root.ToolbarItemBox833067609--removeStartPadding{margin-left:-24px}.ToolbarItemBox833067609__root.ToolbarItemBox833067609--expandable{flex:1 0}.common2982988403__column{display:flex;flex-direction:column}.common2982988403__fullHeight{height:100%;min-height:0}.CollectionPageHeader572984085__root:not(.CollectionPageHeader572984085--mobile){gap:12px}.CollectionPageHeader572984085__root.CollectionPageHeader572984085--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader572984085__root.CollectionPageHeader572984085--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2182836129__root.FormPageHeader2182836129--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2182836129__root.FormPageHeader2182836129--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.447.0';
+export const version = 'patterns@1.449.0';

package/dist/cjs/components/ReferenceFieldFilter/pr-5715-comments.md

@@ -1,73 +0,0 @@
-# PR #5715 review comments
-
-[feat(FieldFilters): filter reference fields by the referenced items #CAIRO-4443](https://github.com/wix-private/cairo/pull/5715)
-
-Reviewers tracked: **github-actions[bot]** (Codex, gpt-5.6-luna) and **kobiburnley**.
-
-## Review summaries
-
-> **[Codex Code Review](https://github.com/wix-private/cairo/pull/5715#pullrequestreview-4961993440)** — github-actions[bot], on `060fc6e8`
-> Found 4 issues.
-
-> **[Re-review — 4f86803](https://github.com/wix-private/cairo/pull/5715#pullrequestreview-4970108817)** — kobiburnley
-> **Verdict: Approve** — no blockers. Both blockers from the previous round are resolved, and the bundle one is resolved better than what I suggested […] CI agrees with the commit message's measurement (`DataExtension.umd.min.js`: 502,008 on master → 614,271 before → 502,429 after) […] Falcon was still running when I posted this.
-
-(An earlier kobiburnley review body was just `ignore` — [link](https://github.com/wix-private/cairo/pull/5715#pullrequestreview-4969822009).)
-
-**Do not collapse the two `displayName` points.** The re-review retires an earlier
-note about a missing `displayName` on the grounds that it "doesn't matter for an
-internal component" — that one is about the component's public identity, and it
-is indeed moot. Inline comment #2 is a different, functional problem: the toolbar
-reads `filter.type.displayName` to decide whether to force the side panel, so the
-missing name changes layout whether or not the component is public. #2 stays open.
-
-## Inline comments
-
-| # | Comment link | Description | Severity | Status | Resolution recommendation |
-|---|---|---|---|---|---|
-| 1 | [discussion_r3804846800](https://github.com/wix-private/cairo/pull/5715#discussion_r3804846800) — `ReferenceFieldFilter.tsx:45` | `queryName: reference-filter-${fieldId}` carries no collection identity. Two fields with the same id pointing at different collections share a React Query entry; with `refetchOnMount: false` the second shows the first's options. | Major | done | Fixed in `375939be2`. The referenced collection is already on the field, so `buildFieldFilters` passes `field.referenceMetadata.referencedCollectionId` — no resolver change. Name is now `reference-filter-<collectionId>-<fieldId>`; the field id stays so two fields on one collection keep fetching independently as today. Pinned by `referenceFilterQueryName` unit tests + an element-props test in `EditableTable.referenceFieldFilters.spec.tsx`. |
-| 2 | [discussion_r3804846803](https://github.com/wix-private/cairo/pull/5715#discussion_r3804846803) — `ReferenceFieldFilter.tsx:41` | `CollectionToolbarFilters.forceShowSidePanel` matches on `filter.type.displayName` against a fixed list including `MultiSelectCollectionFilter`. The wrapper has no `displayName`, so a reference filter among the first `inline` filters renders inline instead of forcing the side panel. | Major | done | Fixed in `2ff75d038`. The component declares `displayName = 'ReferenceFieldFilter'` and the detection array becomes a named export, `SIDE_PANEL_FILTER_DISPLAY_NAMES`, carrying it. Did **not** set the name to `'MultiSelectCollectionFilter'` as suggested — the component would then misreport itself in devtools and error traces to satisfy a string match. Pinned from both sides in `EditableTable.referenceFieldFilters.spec.tsx` ("toolbar placement"). See F1 below for the wider gap this uncovered. |
-| 3 | [discussion_r3804846812](https://github.com/wix-private/cairo/pull/5715#discussion_r3804846812) — `buildFieldFilters.tsx` | The reference branch omits `fieldType`, which every other generated field filter passes. Source-driven tables enable field-type icons, so the reference filter shows the generic fallback icon. | Minor | open | **Verified real** — the generic branch passes `fieldType={config.iconType?.(field) ?? toFieldType(field.type)}`; the reference branch passes none. Pass the same expression in the reference branch. |
-| 4 | [discussion_r3804846821](https://github.com/wix-private/cairo/pull/5715#discussion_r3804846821) — `ReferenceFieldFilter.tsx:45` | Same cache-key collision as #1, with the added tenant/context angle: a shared cache could surface another collection's ids. | Major | done (collision) / open (tenant) | Collision fixed with #1 in `375939be2`. **The "clear or isolate the cache when that context changes" half is not addressed**: the cache lives in the container's QueryClient, so a tenant switch that replaces the container is already isolated — a deployment that keeps one container across tenants would need a broader fix than this component. |
-| 5 | [discussion_r3811150592](https://github.com/wix-private/cairo/pull/5715#discussion_r3811150592) — `ReferenceFieldFilter.tsx:3` | Blocker: the static `ReferenceAvatar` import from `@wix/patterns-fields` put that package in every Table/Grid's eager graph (~110kb), which is what `FieldCell.tsx`'s `lazyCell` exists to prevent. Bundle checks failing. | Blocker | done | Fixed in `4f86803c3` by injecting the component through `FieldsSourceComponents` instead of lazy-loading — the source supplies it, DataExtension supplies nothing. Measured `DataExtension.umd.min.js` 614,271 → 502,429 (master 502,008). All three bundle checks green; reviewer confirmed. |
-| 6 | [discussion_r3811150602](https://github.com/wix-private/cairo/pull/5715#discussion_r3811150602) — `buildFieldFilters.tsx` | Blocker: same root cause from the builder side. Plus: Falcon reported `3 failed (1 new)` vs #5714's clean run — confirm the new failure isn't the map change flipping an expectation. | Blocker | done (bundle) / **open (Falcon)** | Bundle half fixed by `4f86803c3` — `buildFieldFilters` now holds a type-only import. **The Falcon failure is not yet confirmed either way**; reviewer's own guess is the perfer bundle check counted as a test, but that is unverified. Check the latest Falcon run on `4f86803c3`. |
-
-## Non-blocking notes from the re-review summary
-
-Not inline comments — no `comment_id`, so these are answered with a general PR comment.
-
-| # | Description | Severity | Status | Resolution recommendation |
-|---|---|---|---|---|
-| N1 | The **schema** path now eagerly pulls the `@wix/patterns-fields` root barrel via `ReferenceAvatar` → `ReferenceFieldFilter` → `SchemaState`/`schemaRendering`. `ReferenceFieldCell.tsx`, twelve lines away, lazy-loads the same barrel with `lazyView` for exactly this reason. No bundle fixture covers the schema entry, so CI cannot see it. | Major (untested by CI) | open | The ~110kb moved rather than disappeared — it now lands on schema-source consumers. Copy `lazyView` into `ReferenceFieldFilter` (~3 lines). **Highest-value item here.** |
-| N2 | The injected component is threaded as a 4th positional arg through four functions where it only acts as a truthiness flag, and is redundant with `config.referenceItems` (every source has both or neither). | Minor | open | Move the component onto `FieldFilterConfig` next to `referenceItems`: one parameter list, one source of truth. |
-| N3 | `SchemaState.filterableFields` hardcodes the imported `ReferenceFieldFilter` while `buildFilters`/`registerFilters` read `components.ReferenceFieldFilter`. | Minor | open | Collapses into N2 — with the component on `FieldFilterConfig` there is only one place to read it. |
-| N4 | Opening the Filters panel fires one referenced-collection query per reference field (`useCollectionFilterInitialFetchTiming` fetches on mount). | Minor | open | Pass `initialFetchTiming: 'focus'` to `MultiSelectCollectionFilter` to defer to first interaction. |
-| N5 | `queryName` unique per field but not per collection. | Major | done | Closed by `375939be2` with #1/#4. |
-| N6 | `_schemaOf` and `_request` both call `refSource.loadSchema()`; free while every `references` entry comes from `defineSchemaSource`, a double load for a hand-rolled `SchemaSource`. | Nit | open | Either route `_request` through `_schemaOf`, or document the memoization assumption at `itemsFetcherFor`. |
-| N7 | `simplify` keeps only `{id, name}`, so a URL-restored filter shows options without images until the collection loads. | Nit | open | Cosmetic; likely dismiss. |
-
-## Follow-ups found while resolving
-
-| # | Description | Severity | Status |
-|---|---|---|---|
-| F1 | **`forceShowSidePanel` has never fired for any field filter.** It matches on `displayName`, and four of the five wrappers in `CustomFieldFilters/` declare none: `CheckboxCustomFieldFilter` (wraps `RadioGroupFilter`), `DateCustomFieldFilter` and `DateTimeCustomFieldFilter` (wrap `DateRangeFilter`), `HasValueCustomFieldFilter` (wraps `MultiInlineCheckboxFilter`). Only `OperatorFilterCustomFieldFilter` names itself, and its wrapped filter is correctly absent from the list. So DATE, DATETIME and BOOLEAN field filters have always rendered inline, and #5714 extended that to the 11 has-value types. | Major, pre-existing | open — **deliberately out of scope here** |
-
-Fixing F1 is one line per wrapper, but it changes toolbar layout for existing
-DATE / BOOLEAN / has-value filters — a visible behaviour change unrelated to
-this PR, worth its own change and a look from someone who owns the layout. The
-doc comment on `SIDE_PANEL_FILTER_DISPLAY_NAMES` names the trap so the next
-wrapper author sees it.
-
-## Suggested order
-
-1. ~~**#1/#4/N5** — cache-key collision~~ — done, `375939be2`.
-1. ~~**#2** — side-panel layout~~ — done, `2ff75d038`.
-2. **N1** — the bundle cost that moved to the schema entry and that CI cannot
-   catch. Parked mid-change: the work is saved as a patch at
-   `scratchpad/N1-lazy-avatar.patch` (extracts `lazyView` from
-   `ReferenceFieldCell` into a shared `lazyPatternsFields` helper and uses it
-   for `ReferenceAvatar`). Apply with `git apply` to resume.
-3. **#3** — field-type icon.
-4. **N2/N3** — parameter-threading cleanup.
-5. **#6 Falcon** — confirm the failing test.
-6. **N4**, then **N6/N7**. **F1** separately.

package/dist/esm/components/ReferenceFieldFilter/pr-5715-comments.md

@@ -1,73 +0,0 @@
-# PR #5715 review comments
-
-[feat(FieldFilters): filter reference fields by the referenced items #CAIRO-4443](https://github.com/wix-private/cairo/pull/5715)
-
-Reviewers tracked: **github-actions[bot]** (Codex, gpt-5.6-luna) and **kobiburnley**.
-
-## Review summaries
-
-> **[Codex Code Review](https://github.com/wix-private/cairo/pull/5715#pullrequestreview-4961993440)** — github-actions[bot], on `060fc6e8`
-> Found 4 issues.
-
-> **[Re-review — 4f86803](https://github.com/wix-private/cairo/pull/5715#pullrequestreview-4970108817)** — kobiburnley
-> **Verdict: Approve** — no blockers. Both blockers from the previous round are resolved, and the bundle one is resolved better than what I suggested […] CI agrees with the commit message's measurement (`DataExtension.umd.min.js`: 502,008 on master → 614,271 before → 502,429 after) […] Falcon was still running when I posted this.
-
-(An earlier kobiburnley review body was just `ignore` — [link](https://github.com/wix-private/cairo/pull/5715#pullrequestreview-4969822009).)
-
-**Do not collapse the two `displayName` points.** The re-review retires an earlier
-note about a missing `displayName` on the grounds that it "doesn't matter for an
-internal component" — that one is about the component's public identity, and it
-is indeed moot. Inline comment #2 is a different, functional problem: the toolbar
-reads `filter.type.displayName` to decide whether to force the side panel, so the
-missing name changes layout whether or not the component is public. #2 stays open.
-
-## Inline comments
-
-| # | Comment link | Description | Severity | Status | Resolution recommendation |
-|---|---|---|---|---|---|
-| 1 | [discussion_r3804846800](https://github.com/wix-private/cairo/pull/5715#discussion_r3804846800) — `ReferenceFieldFilter.tsx:45` | `queryName: reference-filter-${fieldId}` carries no collection identity. Two fields with the same id pointing at different collections share a React Query entry; with `refetchOnMount: false` the second shows the first's options. | Major | done | Fixed in `375939be2`. The referenced collection is already on the field, so `buildFieldFilters` passes `field.referenceMetadata.referencedCollectionId` — no resolver change. Name is now `reference-filter-<collectionId>-<fieldId>`; the field id stays so two fields on one collection keep fetching independently as today. Pinned by `referenceFilterQueryName` unit tests + an element-props test in `EditableTable.referenceFieldFilters.spec.tsx`. |
-| 2 | [discussion_r3804846803](https://github.com/wix-private/cairo/pull/5715#discussion_r3804846803) — `ReferenceFieldFilter.tsx:41` | `CollectionToolbarFilters.forceShowSidePanel` matches on `filter.type.displayName` against a fixed list including `MultiSelectCollectionFilter`. The wrapper has no `displayName`, so a reference filter among the first `inline` filters renders inline instead of forcing the side panel. | Major | done | Fixed in `2ff75d038`. The component declares `displayName = 'ReferenceFieldFilter'` and the detection array becomes a named export, `SIDE_PANEL_FILTER_DISPLAY_NAMES`, carrying it. Did **not** set the name to `'MultiSelectCollectionFilter'` as suggested — the component would then misreport itself in devtools and error traces to satisfy a string match. Pinned from both sides in `EditableTable.referenceFieldFilters.spec.tsx` ("toolbar placement"). See F1 below for the wider gap this uncovered. |
-| 3 | [discussion_r3804846812](https://github.com/wix-private/cairo/pull/5715#discussion_r3804846812) — `buildFieldFilters.tsx` | The reference branch omits `fieldType`, which every other generated field filter passes. Source-driven tables enable field-type icons, so the reference filter shows the generic fallback icon. | Minor | open | **Verified real** — the generic branch passes `fieldType={config.iconType?.(field) ?? toFieldType(field.type)}`; the reference branch passes none. Pass the same expression in the reference branch. |
-| 4 | [discussion_r3804846821](https://github.com/wix-private/cairo/pull/5715#discussion_r3804846821) — `ReferenceFieldFilter.tsx:45` | Same cache-key collision as #1, with the added tenant/context angle: a shared cache could surface another collection's ids. | Major | done (collision) / open (tenant) | Collision fixed with #1 in `375939be2`. **The "clear or isolate the cache when that context changes" half is not addressed**: the cache lives in the container's QueryClient, so a tenant switch that replaces the container is already isolated — a deployment that keeps one container across tenants would need a broader fix than this component. |
-| 5 | [discussion_r3811150592](https://github.com/wix-private/cairo/pull/5715#discussion_r3811150592) — `ReferenceFieldFilter.tsx:3` | Blocker: the static `ReferenceAvatar` import from `@wix/patterns-fields` put that package in every Table/Grid's eager graph (~110kb), which is what `FieldCell.tsx`'s `lazyCell` exists to prevent. Bundle checks failing. | Blocker | done | Fixed in `4f86803c3` by injecting the component through `FieldsSourceComponents` instead of lazy-loading — the source supplies it, DataExtension supplies nothing. Measured `DataExtension.umd.min.js` 614,271 → 502,429 (master 502,008). All three bundle checks green; reviewer confirmed. |
-| 6 | [discussion_r3811150602](https://github.com/wix-private/cairo/pull/5715#discussion_r3811150602) — `buildFieldFilters.tsx` | Blocker: same root cause from the builder side. Plus: Falcon reported `3 failed (1 new)` vs #5714's clean run — confirm the new failure isn't the map change flipping an expectation. | Blocker | done (bundle) / **open (Falcon)** | Bundle half fixed by `4f86803c3` — `buildFieldFilters` now holds a type-only import. **The Falcon failure is not yet confirmed either way**; reviewer's own guess is the perfer bundle check counted as a test, but that is unverified. Check the latest Falcon run on `4f86803c3`. |
-
-## Non-blocking notes from the re-review summary
-
-Not inline comments — no `comment_id`, so these are answered with a general PR comment.
-
-| # | Description | Severity | Status | Resolution recommendation |
-|---|---|---|---|---|
-| N1 | The **schema** path now eagerly pulls the `@wix/patterns-fields` root barrel via `ReferenceAvatar` → `ReferenceFieldFilter` → `SchemaState`/`schemaRendering`. `ReferenceFieldCell.tsx`, twelve lines away, lazy-loads the same barrel with `lazyView` for exactly this reason. No bundle fixture covers the schema entry, so CI cannot see it. | Major (untested by CI) | open | The ~110kb moved rather than disappeared — it now lands on schema-source consumers. Copy `lazyView` into `ReferenceFieldFilter` (~3 lines). **Highest-value item here.** |
-| N2 | The injected component is threaded as a 4th positional arg through four functions where it only acts as a truthiness flag, and is redundant with `config.referenceItems` (every source has both or neither). | Minor | open | Move the component onto `FieldFilterConfig` next to `referenceItems`: one parameter list, one source of truth. |
-| N3 | `SchemaState.filterableFields` hardcodes the imported `ReferenceFieldFilter` while `buildFilters`/`registerFilters` read `components.ReferenceFieldFilter`. | Minor | open | Collapses into N2 — with the component on `FieldFilterConfig` there is only one place to read it. |
-| N4 | Opening the Filters panel fires one referenced-collection query per reference field (`useCollectionFilterInitialFetchTiming` fetches on mount). | Minor | open | Pass `initialFetchTiming: 'focus'` to `MultiSelectCollectionFilter` to defer to first interaction. |
-| N5 | `queryName` unique per field but not per collection. | Major | done | Closed by `375939be2` with #1/#4. |
-| N6 | `_schemaOf` and `_request` both call `refSource.loadSchema()`; free while every `references` entry comes from `defineSchemaSource`, a double load for a hand-rolled `SchemaSource`. | Nit | open | Either route `_request` through `_schemaOf`, or document the memoization assumption at `itemsFetcherFor`. |
-| N7 | `simplify` keeps only `{id, name}`, so a URL-restored filter shows options without images until the collection loads. | Nit | open | Cosmetic; likely dismiss. |
-
-## Follow-ups found while resolving
-
-| # | Description | Severity | Status |
-|---|---|---|---|
-| F1 | **`forceShowSidePanel` has never fired for any field filter.** It matches on `displayName`, and four of the five wrappers in `CustomFieldFilters/` declare none: `CheckboxCustomFieldFilter` (wraps `RadioGroupFilter`), `DateCustomFieldFilter` and `DateTimeCustomFieldFilter` (wrap `DateRangeFilter`), `HasValueCustomFieldFilter` (wraps `MultiInlineCheckboxFilter`). Only `OperatorFilterCustomFieldFilter` names itself, and its wrapped filter is correctly absent from the list. So DATE, DATETIME and BOOLEAN field filters have always rendered inline, and #5714 extended that to the 11 has-value types. | Major, pre-existing | open — **deliberately out of scope here** |
-
-Fixing F1 is one line per wrapper, but it changes toolbar layout for existing
-DATE / BOOLEAN / has-value filters — a visible behaviour change unrelated to
-this PR, worth its own change and a look from someone who owns the layout. The
-doc comment on `SIDE_PANEL_FILTER_DISPLAY_NAMES` names the trap so the next
-wrapper author sees it.
-
-## Suggested order
-
-1. ~~**#1/#4/N5** — cache-key collision~~ — done, `375939be2`.
-1. ~~**#2** — side-panel layout~~ — done, `2ff75d038`.
-2. **N1** — the bundle cost that moved to the schema entry and that CI cannot
-   catch. Parked mid-change: the work is saved as a patch at
-   `scratchpad/N1-lazy-avatar.patch` (extracts `lazyView` from
-   `ReferenceFieldCell` into a shared `lazyPatternsFields` helper and uses it
-   for `ReferenceAvatar`). Apply with `git apply` to resume.
-3. **#3** — field-type icon.
-4. **N2/N3** — parameter-threading cleanup.
-5. **#6 Falcon** — confirm the failing test.
-6. **N4**, then **N6/N7**. **F1** separately.

package/src/components/ReferenceFieldFilter/pr-5715-comments.md

@@ -1,73 +0,0 @@
-# PR #5715 review comments
-
-[feat(FieldFilters): filter reference fields by the referenced items #CAIRO-4443](https://github.com/wix-private/cairo/pull/5715)
-
-Reviewers tracked: **github-actions[bot]** (Codex, gpt-5.6-luna) and **kobiburnley**.
-
-## Review summaries
-
-> **[Codex Code Review](https://github.com/wix-private/cairo/pull/5715#pullrequestreview-4961993440)** — github-actions[bot], on `060fc6e8`
-> Found 4 issues.
-
-> **[Re-review — 4f86803](https://github.com/wix-private/cairo/pull/5715#pullrequestreview-4970108817)** — kobiburnley
-> **Verdict: Approve** — no blockers. Both blockers from the previous round are resolved, and the bundle one is resolved better than what I suggested […] CI agrees with the commit message's measurement (`DataExtension.umd.min.js`: 502,008 on master → 614,271 before → 502,429 after) […] Falcon was still running when I posted this.
-
-(An earlier kobiburnley review body was just `ignore` — [link](https://github.com/wix-private/cairo/pull/5715#pullrequestreview-4969822009).)
-
-**Do not collapse the two `displayName` points.** The re-review retires an earlier
-note about a missing `displayName` on the grounds that it "doesn't matter for an
-internal component" — that one is about the component's public identity, and it
-is indeed moot. Inline comment #2 is a different, functional problem: the toolbar
-reads `filter.type.displayName` to decide whether to force the side panel, so the
-missing name changes layout whether or not the component is public. #2 stays open.
-
-## Inline comments
-
-| # | Comment link | Description | Severity | Status | Resolution recommendation |
-|---|---|---|---|---|---|
-| 1 | [discussion_r3804846800](https://github.com/wix-private/cairo/pull/5715#discussion_r3804846800) — `ReferenceFieldFilter.tsx:45` | `queryName: reference-filter-${fieldId}` carries no collection identity. Two fields with the same id pointing at different collections share a React Query entry; with `refetchOnMount: false` the second shows the first's options. | Major | done | Fixed in `375939be2`. The referenced collection is already on the field, so `buildFieldFilters` passes `field.referenceMetadata.referencedCollectionId` — no resolver change. Name is now `reference-filter-<collectionId>-<fieldId>`; the field id stays so two fields on one collection keep fetching independently as today. Pinned by `referenceFilterQueryName` unit tests + an element-props test in `EditableTable.referenceFieldFilters.spec.tsx`. |
-| 2 | [discussion_r3804846803](https://github.com/wix-private/cairo/pull/5715#discussion_r3804846803) — `ReferenceFieldFilter.tsx:41` | `CollectionToolbarFilters.forceShowSidePanel` matches on `filter.type.displayName` against a fixed list including `MultiSelectCollectionFilter`. The wrapper has no `displayName`, so a reference filter among the first `inline` filters renders inline instead of forcing the side panel. | Major | done | Fixed in `2ff75d038`. The component declares `displayName = 'ReferenceFieldFilter'` and the detection array becomes a named export, `SIDE_PANEL_FILTER_DISPLAY_NAMES`, carrying it. Did **not** set the name to `'MultiSelectCollectionFilter'` as suggested — the component would then misreport itself in devtools and error traces to satisfy a string match. Pinned from both sides in `EditableTable.referenceFieldFilters.spec.tsx` ("toolbar placement"). See F1 below for the wider gap this uncovered. |
-| 3 | [discussion_r3804846812](https://github.com/wix-private/cairo/pull/5715#discussion_r3804846812) — `buildFieldFilters.tsx` | The reference branch omits `fieldType`, which every other generated field filter passes. Source-driven tables enable field-type icons, so the reference filter shows the generic fallback icon. | Minor | open | **Verified real** — the generic branch passes `fieldType={config.iconType?.(field) ?? toFieldType(field.type)}`; the reference branch passes none. Pass the same expression in the reference branch. |
-| 4 | [discussion_r3804846821](https://github.com/wix-private/cairo/pull/5715#discussion_r3804846821) — `ReferenceFieldFilter.tsx:45` | Same cache-key collision as #1, with the added tenant/context angle: a shared cache could surface another collection's ids. | Major | done (collision) / open (tenant) | Collision fixed with #1 in `375939be2`. **The "clear or isolate the cache when that context changes" half is not addressed**: the cache lives in the container's QueryClient, so a tenant switch that replaces the container is already isolated — a deployment that keeps one container across tenants would need a broader fix than this component. |
-| 5 | [discussion_r3811150592](https://github.com/wix-private/cairo/pull/5715#discussion_r3811150592) — `ReferenceFieldFilter.tsx:3` | Blocker: the static `ReferenceAvatar` import from `@wix/patterns-fields` put that package in every Table/Grid's eager graph (~110kb), which is what `FieldCell.tsx`'s `lazyCell` exists to prevent. Bundle checks failing. | Blocker | done | Fixed in `4f86803c3` by injecting the component through `FieldsSourceComponents` instead of lazy-loading — the source supplies it, DataExtension supplies nothing. Measured `DataExtension.umd.min.js` 614,271 → 502,429 (master 502,008). All three bundle checks green; reviewer confirmed. |
-| 6 | [discussion_r3811150602](https://github.com/wix-private/cairo/pull/5715#discussion_r3811150602) — `buildFieldFilters.tsx` | Blocker: same root cause from the builder side. Plus: Falcon reported `3 failed (1 new)` vs #5714's clean run — confirm the new failure isn't the map change flipping an expectation. | Blocker | done (bundle) / **open (Falcon)** | Bundle half fixed by `4f86803c3` — `buildFieldFilters` now holds a type-only import. **The Falcon failure is not yet confirmed either way**; reviewer's own guess is the perfer bundle check counted as a test, but that is unverified. Check the latest Falcon run on `4f86803c3`. |
-
-## Non-blocking notes from the re-review summary
-
-Not inline comments — no `comment_id`, so these are answered with a general PR comment.
-
-| # | Description | Severity | Status | Resolution recommendation |
-|---|---|---|---|---|
-| N1 | The **schema** path now eagerly pulls the `@wix/patterns-fields` root barrel via `ReferenceAvatar` → `ReferenceFieldFilter` → `SchemaState`/`schemaRendering`. `ReferenceFieldCell.tsx`, twelve lines away, lazy-loads the same barrel with `lazyView` for exactly this reason. No bundle fixture covers the schema entry, so CI cannot see it. | Major (untested by CI) | open | The ~110kb moved rather than disappeared — it now lands on schema-source consumers. Copy `lazyView` into `ReferenceFieldFilter` (~3 lines). **Highest-value item here.** |
-| N2 | The injected component is threaded as a 4th positional arg through four functions where it only acts as a truthiness flag, and is redundant with `config.referenceItems` (every source has both or neither). | Minor | open | Move the component onto `FieldFilterConfig` next to `referenceItems`: one parameter list, one source of truth. |
-| N3 | `SchemaState.filterableFields` hardcodes the imported `ReferenceFieldFilter` while `buildFilters`/`registerFilters` read `components.ReferenceFieldFilter`. | Minor | open | Collapses into N2 — with the component on `FieldFilterConfig` there is only one place to read it. |
-| N4 | Opening the Filters panel fires one referenced-collection query per reference field (`useCollectionFilterInitialFetchTiming` fetches on mount). | Minor | open | Pass `initialFetchTiming: 'focus'` to `MultiSelectCollectionFilter` to defer to first interaction. |
-| N5 | `queryName` unique per field but not per collection. | Major | done | Closed by `375939be2` with #1/#4. |
-| N6 | `_schemaOf` and `_request` both call `refSource.loadSchema()`; free while every `references` entry comes from `defineSchemaSource`, a double load for a hand-rolled `SchemaSource`. | Nit | open | Either route `_request` through `_schemaOf`, or document the memoization assumption at `itemsFetcherFor`. |
-| N7 | `simplify` keeps only `{id, name}`, so a URL-restored filter shows options without images until the collection loads. | Nit | open | Cosmetic; likely dismiss. |
-
-## Follow-ups found while resolving
-
-| # | Description | Severity | Status |
-|---|---|---|---|
-| F1 | **`forceShowSidePanel` has never fired for any field filter.** It matches on `displayName`, and four of the five wrappers in `CustomFieldFilters/` declare none: `CheckboxCustomFieldFilter` (wraps `RadioGroupFilter`), `DateCustomFieldFilter` and `DateTimeCustomFieldFilter` (wrap `DateRangeFilter`), `HasValueCustomFieldFilter` (wraps `MultiInlineCheckboxFilter`). Only `OperatorFilterCustomFieldFilter` names itself, and its wrapped filter is correctly absent from the list. So DATE, DATETIME and BOOLEAN field filters have always rendered inline, and #5714 extended that to the 11 has-value types. | Major, pre-existing | open — **deliberately out of scope here** |
-
-Fixing F1 is one line per wrapper, but it changes toolbar layout for existing
-DATE / BOOLEAN / has-value filters — a visible behaviour change unrelated to
-this PR, worth its own change and a look from someone who owns the layout. The
-doc comment on `SIDE_PANEL_FILTER_DISPLAY_NAMES` names the trap so the next
-wrapper author sees it.
-
-## Suggested order
-
-1. ~~**#1/#4/N5** — cache-key collision~~ — done, `375939be2`.
-1. ~~**#2** — side-panel layout~~ — done, `2ff75d038`.
-2. **N1** — the bundle cost that moved to the schema entry and that CI cannot
-   catch. Parked mid-change: the work is saved as a patch at
-   `scratchpad/N1-lazy-avatar.patch` (extracts `lazyView` from
-   `ReferenceFieldCell` into a shared `lazyPatternsFields` helper and uses it
-   for `ReferenceAvatar`). Apply with `git apply` to resume.
-3. **#3** — field-type icon.
-4. **N2/N3** — parameter-threading cleanup.
-5. **#6 Falcon** — confirm the failing test.
-6. **N4**, then **N6/N7**. **F1** separately.