@wix/patterns 1.448.0 → 1.449.0

package/src/components/common.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common3085911248";
+var _namespace_ = "common2982988403";
 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":"common3085911248__root","column":"common3085911248__column","fullHeight":"common3085911248__fullHeight"};
+export var classes = {"root":"common2982988403__root","column":"common2982988403__column","fullHeight":"common2982988403__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/hooks/useEntityPage.ts

@@ -12,6 +12,7 @@ export type UseEntityPageParams<T, V extends FieldValues = FieldValues> = Pick<
   | 'saveErrorToast'
   | 'deleteAction'
   | 'transformEntityToCollectionItem'
+  | 'isNewEntity'
   | 'form'
   | 'parentPageId'
   | 'parentPath'

package/src/schema/useEntityPage.ts

@@ -13,7 +13,10 @@ import {
 export type SchemaEntityPageOptions<
   T,
   V extends FieldValues = FieldValues,
-> = Omit<UseEntityPageParams<T, V>, 'fetch' | 'onSave' | 'schemaSource'> & {
+> = Omit<
+  UseEntityPageParams<T, V>,
+  'fetch' | 'onSave' | 'schemaSource' | 'isNewEntity'
+> & {
   /** Creates the initial values for a new entity. */
   createLocalItem?: () => Partial<T>;
   /** The entity to load. Omitted ⇒ the create route: the page starts empty and
@@ -44,6 +47,7 @@ export function useEntityPage<T, V extends FieldValues = FieldValues>(
   const state = useOpenEntityPage<T, V>({
     ...rest,
     schemaSource: source,
+    isNewEntity: () => !page.entityId,
     fetch:
       fetch ?? (() => fetchFromSource(source, page.entityId, createLocalItem)),
     onSave: onSave ?? (() => saveToSource(source, page)),

package/src/state/CollectionPage/CollectionPageHeader.st.css.ts

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

package/src/state/EntityPage/EntityPageState.ts

@@ -117,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
@@ -149,6 +159,7 @@ 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;
@@ -204,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;
@@ -376,8 +388,19 @@ 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 entityStringKey = this._isExistingEntity
+      ? '_updatedEntity'
+      : '_createdEntity';
     this.navigateToParentWithState({ [entityStringKey]: updatedEntity });
   }
 

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

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

package/src/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer2246192916__root.CardContainer2246192916--mobile{border-radius:0}.CmsFieldForm2927915490__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2507451381__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection3474512585__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput3287862385__field{flex:1;min-width:0}.Collapse769684337__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse769684337__exit{height:0}.CollectionPage3178609976__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3178609976__root.CollectionPage3178609976--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3178609976__root.CollectionPage3178609976--panel{overflow:hidden;position:relative}.CollectionSectionHeader3731640041__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2318312706__root td{vertical-align:middle}.CollectionTable2318312706__root.CollectionTable2318312706--mobile td:first-child{padding-left:18px}.CollectionTable2318312706__root.CollectionTable2318312706--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3815611120__root.CollectionTableWSRTable3815611120--resizable table{min-width:100%}.CollectionTableWSRTable3815611120__root.CollectionTableWSRTable3815611120--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1757417901__root.CollectionToolbar1757417901--harmony .CollectionToolbar1757417901__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar1757417901__left{min-width:0}.CollectionToolbar1757417901__left.CollectionToolbar1757417901--expandable{flex:auto}.CollectionToolbar1757417901__left.CollectionToolbar1757417901--title>*{width:100%}.CollectionToolbar1757417901__root.CollectionToolbar1757417901---responsiveMode-5-title .CollectionToolbar1757417901__left{flex:1 100;min-width:50px}.CollectionToolbar1757417901__root.CollectionToolbar1757417901---responsiveMode-4-tabs .CollectionToolbar1757417901__left,.CollectionToolbar1757417901__root.CollectionToolbar1757417901---responsiveMode-4-tabs .CollectionToolbar1757417901__left.CollectionToolbar1757417901--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1757417901__root.CollectionToolbar1757417901---responsiveMode-4-tabs .CollectionToolbar1757417901__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1757417901__root .CollectionToolbar1757417901__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1757417901__root.CollectionToolbar1757417901--views .CollectionToolbar1757417901__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1757417901__root.CollectionToolbar1757417901---responsiveMode-4-tabs .CollectionToolbar1757417901__right,.CollectionToolbar1757417901__root.CollectionToolbar1757417901---responsiveMode-5-title .CollectionToolbar1757417901__right{flex:0 1 auto;min-width:0}.CollectionToolbar1757417901__root .CollectionToolbar1757417901__right.CollectionToolbar1757417901__fullWidth{margin-inline-start:0!important}.CollectionToolbar1757417901__root.CollectionToolbar1757417901--mobile:not(.CollectionToolbar1757417901--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter4215412556__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter4215412556__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter4215412556__searchMobile:not(.SearchOrCustomFilter4215412556--expandable){left:18px}.SearchOrCustomFilter4215412556__searchMobile.SearchOrCustomFilter4215412556--expandable.SearchOrCustomFilter4215412556--expanded{left:18px}.AutoCompleteReadonly1089292761__root.AutoCompleteReadonly1089292761--disableEditing{cursor:pointer}.AutoCompleteReadonly1089292761__root.AutoCompleteReadonly1089292761--disableEditing input{cursor:pointer}.ViewsDropdown4148272197__root{width:200px}.DragHandle726215010__root{display:flex;align-items:center}.DragHandle726215010__root:not(.DragHandle726215010--disabled){cursor:grab;color:#a8caff}.DragHandle726215010__root.DragHandle726215010--disabled{color:#acafc4}.DragHandle726215010__root:focus-visible:not(.DragHandle726215010--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle726215010__root.DragHandle726215010--disabled{pointer-events:none}.DragHandle726215010__root.DragHandle726215010--dragging:not(.DragHandle726215010--disabled){cursor:grabbing}td:has(>.EditableCell98859062__root){position:relative;overflow:visible}tr:has(.EditableCell98859062__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell98859062__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>.EditableCell98859062__root{top:0}.EditableCell98859062__root:hover:not(.EditableCell98859062--rowActive):not(.EditableCell98859062--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell98859062__root.EditableCell98859062--rowActive:not(.EditableCell98859062--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell98859062__root.EditableCell98859062--rowActive:hover:not(.EditableCell98859062--focused):not(.EditableCell98859062--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)}.EditableCell98859062__root.EditableCell98859062--focused:not(.EditableCell98859062--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}.EditableCell98859062__root.EditableCell98859062--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell98859062__root.EditableCell98859062--editing:not(.EditableCell98859062--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell98859062__root.EditableCell98859062--focused.EditableCell98859062--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell98859062__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)}.EditableCell98859062__root.EditableCell98859062--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell98859062__root.EditableCell98859062--selectionTop:not(.EditableCell98859062--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--selectionBottom:not(.EditableCell98859062--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--selectionLeft:not(.EditableCell98859062--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--selectionRight:not(.EditableCell98859062--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--invalid,.EditableCell98859062__root.EditableCell98859062--invalid.EditableCell98859062--rowActive:hover:not(.EditableCell98859062--focused):not(.EditableCell98859062--rangeSelected),.EditableCell98859062__root.EditableCell98859062--invalid.EditableCell98859062--focused:not(.EditableCell98859062--rangeSelected),.EditableCell98859062__root.EditableCell98859062--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell98859062__root.EditableCell98859062--copiedTop:not(.EditableCell98859062--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--copiedBottom:not(.EditableCell98859062--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--copiedLeft:not(.EditableCell98859062--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--copiedRight:not(.EditableCell98859062--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--invalid:not(.EditableCell98859062--focused):not(.EditableCell98859062--editing){z-index:1}.EditableCell98859062__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))}.HeaderActionsPopover3000738424__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3000738424__root,.HeaderActionsPopover3000738424__root[data-menu-open=true],.HeaderActionsPopover3000738424__root:focus-within{opacity:1}.CellViewLayout1026225972__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout1026225972__root>*{flex:1;min-width:0}.Edit122362979__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}.Edit122362979__addressInput>div,.Edit122362979__addressInput>div>div,.Edit122362979__addressInput>div>div>div{width:100%;min-width:0}.Edit1139422417__jsonInput{width:100%;margin-left:-1px}.Edit52138907__booleanEdit{display:flex;align-items:center;margin-left:8px}.View1139038159__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit344322730__root{width:100%;height:100%;display:flex;align-items:center}.Edit4012632565__dateInput{width:100%;margin-left:-1px}.Edit2657121955__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit2657121955__dateHalf{flex:60 1 0}.Edit2657121955__timeHalf{flex:40 1 0}.Edit2657121955__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2657121955__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%}.Edit2657121955__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View3750587915__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}.View3750587915__datePart{flex:60 1 0}.View3750587915__timePart{flex:40 1 0}.View3750587915__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View3750587915__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3348827758__emailInput{width:100%;margin-left:-1px}.Edit3757480630__numberInput{width:100%;margin-right:2px}.Edit3757480630__numberInput input{text-align:right;direction:ltr}.View1096347571__textView{width:100%;text-align:right}.Edit3974759951__jsonInput{width:100%;margin-left:-1px}.Edit302364771__selectInput{width:100%}.Edit4286334146__editWrapper{width:100%}.Edit4286334146__inputArea{background-color:transparent;width:100%}.Edit4286334146__inputArea input,.Edit4286334146__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}.Edit4286334146__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4286334146__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit4286334146__inputArea>div::after{box-shadow:none!important}.Edit4286334146__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4286334146__inputArea:not(.Edit4286334146--isFocused) textarea{resize:none;overflow:hidden}.Edit4286334146__inputArea:not(.Edit4286334146--isFocused) textarea::-webkit-scrollbar{display:none}.Edit836037362__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
-  )}.Edit836037362__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit1491394925__urlInput{width:100%;margin-left:-1px}.View3373471404__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3373471404__urlText{flex:1;min-width:0}.View3373471404__suffix{flex-shrink:0;margin-left:10px}.View3373471404__textView.View3373471404--suffixOnHover:not(:hover) .View3373471404__suffix{display:none}.EmptyStateBase2972589660__root{min-height:230px;align-items:center}.EntityPagePlain4043913473__root.EntityPagePlain4043913473--mobile{--wds-page-header-padding-horizontal:0}.Fade1668629967__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1668629967__root.Fade1668629967--exit{opacity:0}.Heading4157349532__root{visibility:visible}.Heading4157349532__root.Heading4157349532--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2412524095__fileUpload{width:100%}.InputOverflow3047815737__root.InputOverflow3047815737--selected:not(.InputOverflow3047815737--focused) input::placeholder{color:#000624}@keyframes LoadingRow341580875__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%}}.LoadingRow341580875__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:LoadingRow341580875__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText173816493__root{opacity:1}.MaxHeightText173816493__root.MaxHeightText173816493--height24{line-height:24px}.MaxLines2999672862__root{overflow:hidden}.MaxLines2999672862__root.MaxLines2999672862--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2726287797__root{min-width:0}.MultiBulkActionToolbar2726287797__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2726287797__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2726287797__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1317184787__root td{padding:0!important;width:100%}.NestedTableRow3387766753__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow3387766753__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow3387766753__root.NestedTableRow3387766753--expandable{cursor:pointer}.NestedTableRow3387766753__placeholder td{padding:0!important;width:100%}.NestedTableRow3387766753__root:hover td:first-of-type::before,.NestedTableRow3387766753__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))}.MultipleDragOverlayEffect4030766872__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)))}.NestedTableDragAndDropRow1938450215__root.NestedTableDragAndDropRow1938450215--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent1207852199__root{display:flex}.PickerContentAdditionalStep3295160460__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3295160460__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2371250403__root{box-sizing:border-box}.ScrollableContent4182818010__root.ScrollableContent4182818010--overflowY{overflow-y:auto}.ScrollableContent4182818010__root.ScrollableContent4182818010--overflowX{overflow-x:auto}.ScrollableContent4182818010__root.ScrollableContent4182818010--smooth{scroll-behavior:smooth}.SetupWidget799516824__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))}.SetupWidget799516824__row.SetupWidget799516824--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget799516824__row.SetupWidget799516824--focused.SetupWidget799516824--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget799516824__completedCta,.SetupWidget799516824__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget799516824__row:hover .SetupWidget799516824__completedCta,.SetupWidget799516824__row:hover .SetupWidget799516824__secondaryCta{opacity:1}}.SetupWidget799516824__row:focus-within .SetupWidget799516824__completedCta,.SetupWidget799516824__row:focus-within .SetupWidget799516824__secondaryCta,.SetupWidget799516824__secondaryCta:focus-within{opacity:1}.SetupWidget799516824__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}.SetupWidget799516824__card.SetupWidget799516824--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget799516824__card.SetupWidget799516824--clickable{cursor:pointer}.SetupWidget799516824__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget799516824__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget799516824__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget799516824__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard571625231__headerLoading{display:block!important}.SlidingModal1418578916__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1418578916__root.SlidingModal1418578916--overlay{transition:transform 0s ease 0s}.SlidingModal1418578916__root.SlidingModal1418578916---appendTo-6-parent{position:absolute}.SlidingModal1418578916__root.SlidingModal1418578916--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal1418578916__root:not(.SlidingModal1418578916--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader1179865257__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader1179865257__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader1179865257__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}.TabsFilter3593242826__root .TabsFilter3593242826__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter3593242826__root.TabsFilter3593242826--selected .TabsFilter3593242826__title,.TabsFilter3593242826__root:hover .TabsFilter3593242826__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal1381519493__root{display:flex}.ManageTagsModal1381519493__root.ManageTagsModal1381519493--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal1381519493__root.ManageTagsModal1381519493--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem3283321930__root{min-width:0}.ToolbarItemBox382728702__root{min-width:0}.ToolbarItemBox382728702__root.ToolbarItemBox382728702--removeStartPadding{margin-left:-24px}.ToolbarItemBox382728702__root.ToolbarItemBox382728702--expandable{flex:1 0}.common3085911248__column{display:flex;flex-direction:column}.common3085911248__fullHeight{height:100%;min-height:0}.CollectionPageHeader2816488786__root:not(.CollectionPageHeader2816488786--mobile){gap:12px}.CollectionPageHeader2816488786__root.CollectionPageHeader2816488786--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2816488786__root.CollectionPageHeader2816488786--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3751915783__root.FormPageHeader3751915783--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3751915783__root.FormPageHeader3751915783--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.448.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.