@wix/patterns 1.425.0 → 1.427.0

package/src/schema/useLayoutSwitchCollection.ts

@@ -0,0 +1,73 @@
+import { useState } from 'react';
+import type {
+  FiltersMap,
+  OptionalFiltersMap,
+  SchemaSource,
+} from '@wix/bex-core';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import type {
+  LayoutSwitchState,
+  TableLayoutConfig,
+  GridLayoutConfig,
+  SpreadsheetLayoutConfig,
+} from '../state/LayoutSwitchState';
+import type { EditableTableMutationHandlers } from '../state/EditableTable';
+import {
+  useLayoutSwitchCollection as useOpenLayoutSwitchCollection,
+  type LayoutSwitchCollectionConfig,
+} from '../hooks/useLayoutSwitchCollection';
+import { SchemaState } from '../components/SchemaSource/SchemaState';
+import {
+  schemaCollectionConfig,
+  type SchemaCollectionOptions,
+} from './schemaCollectionOptions';
+import { schemaSourceMutations } from './schemaSourceMutations';
+
+export type SchemaLayoutSwitchCollectionOptions<
+  T,
+  F extends FiltersMap = OptionalFiltersMap,
+> = SchemaCollectionOptions<T, F> & {
+  table?: TableLayoutConfig;
+  grid?: GridLayoutConfig;
+  spreadsheet?: Omit<
+    SpreadsheetLayoutConfig<T, F>,
+    'createOptimisticActions' | 'mutations'
+  > & {
+    /** Row write handlers. Default: derived from the source's backend. */
+    mutations?: EditableTableMutationHandlers<T>;
+  };
+};
+
+/** One collection and one toolbar driven by a schema source, shared by every
+ *  enabled layout — the source attaches before any layout mounts, so a page
+ *  opening in grid view has its fields and filters too. */
+export const useLayoutSwitchCollection = <
+  T,
+  F extends FiltersMap = OptionalFiltersMap,
+>(
+  source: SchemaSource<T>,
+  options?: SchemaLayoutSwitchCollectionOptions<T, F>,
+): LayoutSwitchState<T, F> => {
+  const container = useWixPatternsContainer();
+  const [schemaState] = useState(
+    () => new SchemaState<T>({ container, source }),
+  );
+  const { table, grid, spreadsheet, ...rest } =
+    options ?? ({} as SchemaLayoutSwitchCollectionOptions<T, F>);
+
+  const state = useOpenLayoutSwitchCollection<T, F>({
+    ...schemaCollectionConfig<T, F>(source, rest),
+    table,
+    grid,
+    spreadsheet: spreadsheet
+      ? {
+          ...spreadsheet,
+          mutations:
+            spreadsheet.mutations ?? schemaSourceMutations(schemaState),
+        }
+      : undefined,
+  } as unknown as LayoutSwitchCollectionConfig<T, F>);
+
+  useState(() => schemaState.setOnTable(state.toolbar));
+  return state;
+};

package/src/schema/useTableCollection.ts

@@ -0,0 +1,42 @@
+import { useState } from 'react';
+import type {
+  FiltersMap,
+  OptionalFiltersMap,
+  SchemaSource,
+} from '@wix/bex-core';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import type { TableState } from '../state';
+import {
+  useTableCollection as useOpenTableCollection,
+  type TableCollectionConfig,
+} from '../hooks/useTableCollection';
+import { SchemaState } from '../components/SchemaSource/SchemaState';
+import {
+  schemaCollectionConfig,
+  type SchemaCollectionOptions,
+} from './schemaCollectionOptions';
+
+/** A table collection driven by a schema source: the source supplies the query
+ *  config, and its fields UI attaches when the state is created. */
+export const useTableCollection = <
+  T,
+  F extends FiltersMap = OptionalFiltersMap,
+>(
+  source: SchemaSource<T>,
+  options?: SchemaCollectionOptions<T, F>,
+): TableState<T, F> => {
+  const container = useWixPatternsContainer();
+  const [schemaState] = useState(
+    () => new SchemaState<T>({ container, source }),
+  );
+
+  const state = useOpenTableCollection<T, F>(
+    schemaCollectionConfig<T, F>(source, options) as TableCollectionConfig<
+      T,
+      F
+    >,
+  );
+
+  useState(() => schemaState.setOnTable(state.toolbar));
+  return state;
+};

package/src/state/CollectionFieldsSourceState.ts

@@ -5,6 +5,7 @@ import type {
   FieldsSource,
   CustomFieldOrigin,
   Field,
+  Schema,
   WixPatternsErrorCode,
 } from '@wix/bex-core';
 import type { Column } from '../model';
@@ -211,6 +212,12 @@ export class CollectionFieldsSourceState {
     }
   }
 
+  /** Merges a returned fields map into the source (no refetch). No-ops for sources
+   *  that don't support in-place merging. The fields reaction rebuilds columns. */
+  mergeFields(fields: Schema['fields']) {
+    this.fieldsSource.mergeFields?.(fields);
+  }
+
   init() {
     this.initTask.runOnce(() => this.fieldsSource.load());
     this.initTask.status.promise?.catch(() => this.handleLoadError());

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

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

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

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

package/src/state/TagsModalState.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-import { action, makeObservable, observable } from 'mobx';
+import { action, computed, makeObservable, observable } from 'mobx';
 import {
   ConditionalModalState,
   TAG_MAX_LENGTH,
@@ -21,6 +21,10 @@ export interface TagsModalStateParams {
 
 const actionOrigin = 'Manage Tags Modal';
 
+// Render window for the tags list — the full list (up to 1000 tags) is in
+// memory, but rendering it all at once makes the modal sluggish
+const SHOWN_ITEMS_WINDOW_SIZE = 100;
+
 export class TagsModalState {
   readonly tagsManagementState;
   readonly tagsSearchState;
@@ -42,6 +46,7 @@ export class TagsModalState {
     deep: false,
   });
   ref: RefObject<HTMLDivElement> | null = null;
+  shownItemsLimit: number = SHOWN_ITEMS_WINDOW_SIZE;
 
   constructor({
     tagsManagementState,
@@ -68,6 +73,9 @@ export class TagsModalState {
       editedTagId: observable,
       editedTagErrorMessage: observable,
       isShowingNewTagListItem: observable,
+      shownItemsLimit: observable,
+      shownItems: computed,
+      showMoreItems: action.bound,
       init: action,
       openManageTagsModal: action,
       closeManageTagsModal: action,
@@ -124,6 +132,7 @@ export class TagsModalState {
   }) {
     this.origin = origin;
     this.tagSubOrigin = tagSubOrigin;
+    this.shownItemsLimit = SHOWN_ITEMS_WINDOW_SIZE;
     this.manageTagsModalState.modal.open();
     this._reportBiModalOpened();
     this.tagsManagementState.overrideShowToast = true;
@@ -161,16 +170,23 @@ export class TagsModalState {
   handleSearchChange(newSearchValue: string) {
     this.editedTagId = null;
     this.isShowingNewTagListItem = false;
+    this.shownItemsLimit = SHOWN_ITEMS_WINDOW_SIZE;
     this._reportSearchChangedBi(newSearchValue);
     this.tagsSearchState.setSearchValue(newSearchValue);
   }
 
   handleSearchClear() {
     this._reportSearchEventsBi('clear');
+    this.shownItemsLimit = SHOWN_ITEMS_WINDOW_SIZE;
     this.tagsSearchState.setSearchValue('');
   }
 
+  showMoreItems() {
+    this.shownItemsLimit += SHOWN_ITEMS_WINDOW_SIZE;
+  }
+
   handleCreateCtaClick() {
+    this._showAllItems();
     this.tagsSearchState.setSearchValue('');
     this.editedTagId = null;
     this.isShowingNewTagListItem = true;
@@ -210,6 +226,7 @@ export class TagsModalState {
       return;
     }
 
+    this._showAllItems();
     const newName = this.searchValue.slice(0, TAG_MAX_LENGTH);
     this._reportSearchEventsBi('add');
     this._createTag({
@@ -221,6 +238,7 @@ export class TagsModalState {
   }
 
   async createTagFromList(newName: string) {
+    this._showAllItems();
     const { status, statusMessage } = this._isValidName(newName);
     if (status === 'error') {
       this.editedTagErrorMessage = statusMessage;
@@ -346,11 +364,13 @@ export class TagsModalState {
   }
 
   get shownItems() {
-    return [...this.tagsSearchState.items].sort(
-      (tag1, tag2) =>
-        new Date(tag1.createdDate!).valueOf() -
-        new Date(tag2.createdDate!).valueOf(),
-    );
+    return [...this.tagsSearchState.items]
+      .sort(
+        (tag1, tag2) =>
+          new Date(tag1.createdDate!).valueOf() -
+          new Date(tag2.createdDate!).valueOf(),
+      )
+      .slice(0, this.shownItemsLimit);
   }
 
   get isOpen() {
@@ -366,6 +386,12 @@ export class TagsModalState {
   private createTagFromListTimeout?: number;
   private updateTagTimeout?: number;
 
+  // A created tag sorts to the end of the list — the render window must cover
+  // the full list so the deferred scroll-to-bottom actually reveals it
+  private _showAllItems() {
+    this.shownItemsLimit = Number.MAX_SAFE_INTEGER;
+  }
+
   private async _createTag({
     name,
     isFromSearch = false,

package/src/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer2775713817__root.CardContainer2775713817--mobile{border-radius:0}.CmsFieldForm1384112831__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal1182311686__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection2900457986__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput1894523739__field{flex:1;min-width:0}.Collapse4113002791__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse4113002791__exit{height:0}.CollectionPage4113028783__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage4113028783__root.CollectionPage4113028783--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage4113028783__root.CollectionPage4113028783--panel{overflow:hidden;position:relative}.CollectionSectionHeader4123536058__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3912444859__root td{vertical-align:middle}.CollectionTable3912444859__root.CollectionTable3912444859--mobile td:first-child{padding-left:18px}.CollectionTable3912444859__root.CollectionTable3912444859--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable111214369__root.CollectionTableWSRTable111214369--resizable table{min-width:100%}.CollectionTableWSRTable111214369__root.CollectionTableWSRTable111214369--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1103008482__left{min-width:0}.CollectionToolbar1103008482__left.CollectionToolbar1103008482--expandable{flex:auto}.CollectionToolbar1103008482__left.CollectionToolbar1103008482--title>*{width:100%}.CollectionToolbar1103008482__root.CollectionToolbar1103008482---responsiveMode-5-title .CollectionToolbar1103008482__left{flex:1 100;min-width:50px}.CollectionToolbar1103008482__root.CollectionToolbar1103008482---responsiveMode-4-tabs .CollectionToolbar1103008482__left,.CollectionToolbar1103008482__root.CollectionToolbar1103008482---responsiveMode-4-tabs .CollectionToolbar1103008482__left.CollectionToolbar1103008482--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1103008482__root.CollectionToolbar1103008482---responsiveMode-4-tabs .CollectionToolbar1103008482__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1103008482__root .CollectionToolbar1103008482__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1103008482__root.CollectionToolbar1103008482--views .CollectionToolbar1103008482__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1103008482__root.CollectionToolbar1103008482---responsiveMode-4-tabs .CollectionToolbar1103008482__right,.CollectionToolbar1103008482__root.CollectionToolbar1103008482---responsiveMode-5-title .CollectionToolbar1103008482__right{flex:0 1 auto;min-width:0}.CollectionToolbar1103008482__root .CollectionToolbar1103008482__right.CollectionToolbar1103008482__fullWidth{margin-inline-start:0!important}.CollectionToolbar1103008482__root.CollectionToolbar1103008482--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2194990165__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2194990165__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter2194990165__searchMobile:not(.SearchOrCustomFilter2194990165--expandable){left:18px}.SearchOrCustomFilter2194990165__searchMobile.SearchOrCustomFilter2194990165--expandable.SearchOrCustomFilter2194990165--expanded{left:18px}.AutoCompleteReadonly2032030598__root.AutoCompleteReadonly2032030598--disableEditing{cursor:pointer}.AutoCompleteReadonly2032030598__root.AutoCompleteReadonly2032030598--disableEditing input{cursor:pointer}.ViewsDropdown1771225373__root{width:200px}.DragHandle2582081878__root{display:flex;align-items:center}.DragHandle2582081878__root:not(.DragHandle2582081878--disabled){cursor:grab;color:#a8caff}.DragHandle2582081878__root.DragHandle2582081878--disabled{color:#acafc4}.DragHandle2582081878__root:focus-visible:not(.DragHandle2582081878--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2582081878__root.DragHandle2582081878--disabled{pointer-events:none}.DragHandle2582081878__root.DragHandle2582081878--dragging:not(.DragHandle2582081878--disabled){cursor:grabbing}td:has(>.EditableCell1460057174__root){position:relative;overflow:visible;min-height:24px}.EditableCell1460057174__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell1460057174__root.EditableCell1460057174--selected{background:rgba(56,153,236,.08)}.EditableCell1460057174__root.EditableCell1460057174--focused:not(.EditableCell1460057174--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell1460057174__root.EditableCell1460057174--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell1460057174__root.EditableCell1460057174--editing:not(.EditableCell1460057174--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell1460057174__root.EditableCell1460057174--focused.EditableCell1460057174--growable{background-color:var(--wsr-color-D80);background-image:linear-gradient(rgba(56,153,236,.08),rgba(56,153,236,.08));bottom:auto;min-height:100%;z-index:3}.EditableCell1460057174__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell1460057174__root.EditableCell1460057174--selectionTop:not(.EditableCell1460057174--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell1460057174__root.EditableCell1460057174--selectionBottom:not(.EditableCell1460057174--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1460057174__root.EditableCell1460057174--selectionLeft:not(.EditableCell1460057174--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell1460057174__root.EditableCell1460057174--selectionRight:not(.EditableCell1460057174--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell1460057174__root.EditableCell1460057174--selectionTop.EditableCell1460057174--editing.EditableCell1460057174--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell1460057174__root.EditableCell1460057174--selectionBottom.EditableCell1460057174--editing.EditableCell1460057174--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1460057174__root.EditableCell1460057174--selectionLeft.EditableCell1460057174--editing.EditableCell1460057174--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell1460057174__root.EditableCell1460057174--selectionRight.EditableCell1460057174--editing.EditableCell1460057174--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell1460057174__root.EditableCell1460057174--invalid:not(.EditableCell1460057174--editing){background:rgba(229,0,77,.06)}.EditableCell1460057174__root.EditableCell1460057174--copiedTop:not(.EditableCell1460057174--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell1460057174__root.EditableCell1460057174--copiedBottom:not(.EditableCell1460057174--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell1460057174__root.EditableCell1460057174--copiedLeft:not(.EditableCell1460057174--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell1460057174__root.EditableCell1460057174--copiedRight:not(.EditableCell1460057174--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell1460057174__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover2572544122__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover2572544122__root,.HeaderActionsPopover2572544122__root[data-menu-open=true],.HeaderActionsPopover2572544122__root:focus-within{opacity:1}.CellViewLayout3088351928__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3088351928__root>*{flex:1;min-width:0}.Edit283332555__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:6px;padding-right:6px;min-width:0;overflow:hidden}.Edit283332555__addressInput>div,.Edit283332555__addressInput>div>div,.Edit283332555__addressInput>div>div>div{width:100%;min-width:0}.Edit2373272943__jsonInput{width:100%;margin-left:-1px}.Edit4154632648__booleanEdit{display:flex;align-items:center;margin-left:12px}.View2491575016__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit1506360198__root{width:100%;height:100%;display:flex;align-items:center}.Edit405555363__dateInput{width:100%;margin-left:-1px}.Edit1122885854__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit1122885854__dateHalf{flex:60 1 0}.Edit1122885854__timeHalf{flex:40 1 0}.Edit1122885854__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit1122885854__passiveText{padding:9px 12px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit1122885854__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View1831159615__leaf{min-width:0;padding:9px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View1831159615__datePart{flex:60 1 0}.View1831159615__timePart{flex:40 1 0}.View1831159615__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View1831159615__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3976122423__emailInput{width:100%;margin-left:-1px}.Edit4047467869__numberInput{width:100%;margin-right:2px}.Edit4047467869__numberInput input{text-align:right;direction:ltr}.View4285353807__textView{width:100%;text-align:right}.Edit1197597551__jsonInput{width:100%;margin-left:-1px}.Edit679196235__selectInput{width:100%}.Edit157478795__editWrapper{width:100%}.Edit157478795__inputArea{background-color:transparent;width:100%}.Edit157478795__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit157478795__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit157478795__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit157478795__inputArea:not(.Edit157478795--isFocused) textarea{resize:none;overflow:hidden}.Edit157478795__inputArea:not(.Edit157478795--isFocused) textarea::-webkit-scrollbar{display:none}.Edit346488428__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(
+.CardContainer159439662__root.CardContainer159439662--mobile{border-radius:0}.CmsFieldForm3042240542__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2556807168__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection1569807852__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput1811547721__field{flex:1;min-width:0}.Collapse1149681514__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1149681514__exit{height:0}.CollectionPage252974580__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage252974580__root.CollectionPage252974580--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage252974580__root.CollectionPage252974580--panel{overflow:hidden;position:relative}.CollectionSectionHeader2589279026__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3761963699__root td{vertical-align:middle}.CollectionTable3761963699__root.CollectionTable3761963699--mobile td:first-child{padding-left:18px}.CollectionTable3761963699__root.CollectionTable3761963699--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3587764784__root.CollectionTableWSRTable3587764784--resizable table{min-width:100%}.CollectionTableWSRTable3587764784__root.CollectionTableWSRTable3587764784--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar2410956896__left{min-width:0}.CollectionToolbar2410956896__left.CollectionToolbar2410956896--expandable{flex:auto}.CollectionToolbar2410956896__left.CollectionToolbar2410956896--title>*{width:100%}.CollectionToolbar2410956896__root.CollectionToolbar2410956896---responsiveMode-5-title .CollectionToolbar2410956896__left{flex:1 100;min-width:50px}.CollectionToolbar2410956896__root.CollectionToolbar2410956896---responsiveMode-4-tabs .CollectionToolbar2410956896__left,.CollectionToolbar2410956896__root.CollectionToolbar2410956896---responsiveMode-4-tabs .CollectionToolbar2410956896__left.CollectionToolbar2410956896--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2410956896__root.CollectionToolbar2410956896---responsiveMode-4-tabs .CollectionToolbar2410956896__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2410956896__root .CollectionToolbar2410956896__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2410956896__root.CollectionToolbar2410956896--views .CollectionToolbar2410956896__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2410956896__root.CollectionToolbar2410956896---responsiveMode-4-tabs .CollectionToolbar2410956896__right,.CollectionToolbar2410956896__root.CollectionToolbar2410956896---responsiveMode-5-title .CollectionToolbar2410956896__right{flex:0 1 auto;min-width:0}.CollectionToolbar2410956896__root .CollectionToolbar2410956896__right.CollectionToolbar2410956896__fullWidth{margin-inline-start:0!important}.CollectionToolbar2410956896__root.CollectionToolbar2410956896--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3988720065__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3988720065__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3988720065__searchMobile:not(.SearchOrCustomFilter3988720065--expandable){left:18px}.SearchOrCustomFilter3988720065__searchMobile.SearchOrCustomFilter3988720065--expandable.SearchOrCustomFilter3988720065--expanded{left:18px}.AutoCompleteReadonly4202717207__root.AutoCompleteReadonly4202717207--disableEditing{cursor:pointer}.AutoCompleteReadonly4202717207__root.AutoCompleteReadonly4202717207--disableEditing input{cursor:pointer}.ViewsDropdown967112736__root{width:200px}.DragHandle513899965__root{display:flex;align-items:center}.DragHandle513899965__root:not(.DragHandle513899965--disabled){cursor:grab;color:#a8caff}.DragHandle513899965__root.DragHandle513899965--disabled{color:#acafc4}.DragHandle513899965__root:focus-visible:not(.DragHandle513899965--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle513899965__root.DragHandle513899965--disabled{pointer-events:none}.DragHandle513899965__root.DragHandle513899965--dragging:not(.DragHandle513899965--disabled){cursor:grabbing}td:has(>.EditableCell1855872420__root){position:relative;overflow:visible;min-height:24px}.EditableCell1855872420__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell1855872420__root.EditableCell1855872420--selected{background:rgba(56,153,236,.08)}.EditableCell1855872420__root.EditableCell1855872420--focused:not(.EditableCell1855872420--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell1855872420__root.EditableCell1855872420--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell1855872420__root.EditableCell1855872420--editing:not(.EditableCell1855872420--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell1855872420__root.EditableCell1855872420--focused.EditableCell1855872420--growable{background-color:var(--wsr-color-D80);background-image:linear-gradient(rgba(56,153,236,.08),rgba(56,153,236,.08));bottom:auto;min-height:100%;z-index:3}.EditableCell1855872420__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell1855872420__root.EditableCell1855872420--selectionTop:not(.EditableCell1855872420--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell1855872420__root.EditableCell1855872420--selectionBottom:not(.EditableCell1855872420--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1855872420__root.EditableCell1855872420--selectionLeft:not(.EditableCell1855872420--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell1855872420__root.EditableCell1855872420--selectionRight:not(.EditableCell1855872420--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell1855872420__root.EditableCell1855872420--selectionTop.EditableCell1855872420--editing.EditableCell1855872420--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell1855872420__root.EditableCell1855872420--selectionBottom.EditableCell1855872420--editing.EditableCell1855872420--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1855872420__root.EditableCell1855872420--selectionLeft.EditableCell1855872420--editing.EditableCell1855872420--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell1855872420__root.EditableCell1855872420--selectionRight.EditableCell1855872420--editing.EditableCell1855872420--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell1855872420__root.EditableCell1855872420--invalid:not(.EditableCell1855872420--editing){background:rgba(229,0,77,.06)}.EditableCell1855872420__root.EditableCell1855872420--copiedTop:not(.EditableCell1855872420--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell1855872420__root.EditableCell1855872420--copiedBottom:not(.EditableCell1855872420--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell1855872420__root.EditableCell1855872420--copiedLeft:not(.EditableCell1855872420--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell1855872420__root.EditableCell1855872420--copiedRight:not(.EditableCell1855872420--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell1855872420__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover3071141802__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3071141802__root,.HeaderActionsPopover3071141802__root[data-menu-open=true],.HeaderActionsPopover3071141802__root:focus-within{opacity:1}.CellViewLayout1509650743__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout1509650743__root>*{flex:1;min-width:0}.Edit1097273263__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:6px;padding-right:6px;min-width:0;overflow:hidden}.Edit1097273263__addressInput>div,.Edit1097273263__addressInput>div>div,.Edit1097273263__addressInput>div>div>div{width:100%;min-width:0}.Edit3813758758__jsonInput{width:100%;margin-left:-1px}.Edit627207133__booleanEdit{display:flex;align-items:center;margin-left:12px}.View2315383970__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit1178277499__root{width:100%;height:100%;display:flex;align-items:center}.Edit3431241709__dateInput{width:100%;margin-left:-1px}.Edit3548021894__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit3548021894__dateHalf{flex:60 1 0}.Edit3548021894__timeHalf{flex:40 1 0}.Edit3548021894__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3548021894__passiveText{padding:9px 12px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit3548021894__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View3768140103__leaf{min-width:0;padding:9px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View3768140103__datePart{flex:60 1 0}.View3768140103__timePart{flex:40 1 0}.View3768140103__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View3768140103__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit1468089494__emailInput{width:100%;margin-left:-1px}.Edit3562447553__numberInput{width:100%;margin-right:2px}.Edit3562447553__numberInput input{text-align:right;direction:ltr}.View2971389096__textView{width:100%;text-align:right}.Edit1195161761__jsonInput{width:100%;margin-left:-1px}.Edit2830007467__selectInput{width:100%}.Edit908820166__editWrapper{width:100%}.Edit908820166__inputArea{background-color:transparent;width:100%}.Edit908820166__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit908820166__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit908820166__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit908820166__inputArea:not(.Edit908820166--isFocused) textarea{resize:none;overflow:hidden}.Edit908820166__inputArea:not(.Edit908820166--isFocused) textarea::-webkit-scrollbar{display:none}.Edit1673498444__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
-  )}.Edit346488428__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit3243003369__urlInput{width:100%;margin-left:-1px}.View2225971306__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View2225971306__urlText{flex:1;min-width:0}.View2225971306__suffix{flex-shrink:0;margin-left:10px}.View2225971306__textView.View2225971306--suffixOnHover:not(:hover) .View2225971306__suffix{display:none}.EntityPagePlain2380075952__root.EntityPagePlain2380075952--mobile{--wds-page-header-padding-horizontal:0}.Fade2851210840__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2851210840__root.Fade2851210840--exit{opacity:0}.Heading2682978315__root{visibility:visible}.Heading2682978315__root.Heading2682978315--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload1052508311__fileUpload{width:100%}.InputOverflow287029217__root.InputOverflow287029217--selected:not(.InputOverflow287029217--focused) input::placeholder{color:#000624}@keyframes LoadingRow1019223766__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%}}.LoadingRow1019223766__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:LoadingRow1019223766__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2749124516__root{opacity:1}.MaxHeightText2749124516__root.MaxHeightText2749124516--height24{line-height:24px}.MaxLines823584045__root{overflow:hidden}.MaxLines823584045__root.MaxLines823584045--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar471604284__root{min-width:0}.MultiBulkActionToolbar471604284__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar471604284__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar471604284__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3520466444__root td{padding:0!important;width:100%}.NestedTableRow3298464564__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3298464564__root:hover{background-color:#e7f0ff!important}.NestedTableRow3298464564__root.NestedTableRow3298464564--expandable{cursor:pointer}.NestedTableRow3298464564__placeholder td{padding:0!important;width:100%}.NestedTableRow3298464564__root:hover td:first-of-type::before,.NestedTableRow3298464564__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect803970035__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)}.NestedTableDragAndDropRow1108129938__root.NestedTableDragAndDropRow1108129938--draggingInto td{background-color:#e7f0ff!important}.PickerContent1626445431__root{display:flex}.PickerContentAdditionalStep3768588481__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3768588481__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1709003594__root{box-sizing:border-box}.ScrollableContent1473945663__root.ScrollableContent1473945663--overflowY{overflow-y:auto}.ScrollableContent1473945663__root.ScrollableContent1473945663--overflowX{overflow-x:auto}.ScrollableContent1473945663__root.ScrollableContent1473945663--smooth{scroll-behavior:smooth}.SetupWidget2333671370__row{display:flex;flex-direction:column;padding:var(--wds-space-100, 6px);border-radius:var(--wds-border-radius-200, 4px);border:1px solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB));background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));overflow:clip}.SetupWidget2333671370__row.SetupWidget2333671370--clickable{cursor:pointer}.SetupWidget2333671370__row.SetupWidget2333671370--hoverable:hover{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));border-color:var(--wds-color-border-standard-secondary, var(--wsr-color-B40, #D6E6FE))}.SetupWidget2333671370__row.SetupWidget2333671370--focused{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));border-color:var(--wds-color-border-standard-primary, var(--wsr-color-B30, #A8CAFF))}.SetupWidget2333671370__completedCta{opacity:0;transition:opacity .25s ease-in-out}.SetupWidget2333671370__row:hover .SetupWidget2333671370__completedCta,.SetupWidget2333671370__row:focus-within .SetupWidget2333671370__completedCta{opacity:1}.SetupWidget2333671370__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}.SetupWidget2333671370__card.SetupWidget2333671370--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2333671370__card.SetupWidget2333671370--clickable{cursor:pointer}.SetupWidget2333671370__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget2333671370__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget2333671370__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget2333671370__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard1380766072__headerLoading{display:block!important}.SlidingModal2315682368__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2315682368__root.SlidingModal2315682368--overlay{transition:transform 0s ease 0s}.SlidingModal2315682368__root.SlidingModal2315682368---appendTo-6-parent{position:absolute}.SlidingModal2315682368__root:not(.SlidingModal2315682368--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter311251995__root .TabsFilter311251995__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter311251995__root.TabsFilter311251995--selected .TabsFilter311251995__title,.TabsFilter311251995__root:hover .TabsFilter311251995__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal885634463__root{display:flex}.ToolbarItem3003316184__root{min-width:0}.ToolbarItemBox1042953345__root{min-width:0}.ToolbarItemBox1042953345__root.ToolbarItemBox1042953345--removeStartPadding{margin-left:-24px}.ToolbarItemBox1042953345__root.ToolbarItemBox1042953345--expandable{flex:1 0}.common1291335839__column{display:flex;flex-direction:column}.common1291335839__fullHeight{height:100%;min-height:0}.CollectionPageHeader2113898869__root:not(.CollectionPageHeader2113898869--mobile){gap:12px}.CollectionPageHeader2113898869__root.CollectionPageHeader2113898869--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2113898869__root.CollectionPageHeader2113898869--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3354621046__root.FormPageHeader3354621046--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3354621046__root.FormPageHeader3354621046--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.Edit1673498444__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit927054641__urlInput{width:100%;margin-left:-1px}.View2690356286__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View2690356286__urlText{flex:1;min-width:0}.View2690356286__suffix{flex-shrink:0;margin-left:10px}.View2690356286__textView.View2690356286--suffixOnHover:not(:hover) .View2690356286__suffix{display:none}.EntityPagePlain267896214__root.EntityPagePlain267896214--mobile{--wds-page-header-padding-horizontal:0}.Fade1188555684__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1188555684__root.Fade1188555684--exit{opacity:0}.Heading3050382977__root{visibility:visible}.Heading3050382977__root.Heading3050382977--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3529433858__fileUpload{width:100%}.InputOverflow2655434443__root.InputOverflow2655434443--selected:not(.InputOverflow2655434443--focused) input::placeholder{color:#000624}@keyframes LoadingRow59215511__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%}}.LoadingRow59215511__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:LoadingRow59215511__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1409616332__root{opacity:1}.MaxHeightText1409616332__root.MaxHeightText1409616332--height24{line-height:24px}.MaxLines2439770051__root{overflow:hidden}.MaxLines2439770051__root.MaxLines2439770051--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1544486444__root{min-width:0}.MultiBulkActionToolbar1544486444__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1544486444__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1544486444__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow419327296__root td{padding:0!important;width:100%}.NestedTableRow1478356820__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1478356820__root:hover{background-color:#e7f0ff!important}.NestedTableRow1478356820__root.NestedTableRow1478356820--expandable{cursor:pointer}.NestedTableRow1478356820__placeholder td{padding:0!important;width:100%}.NestedTableRow1478356820__root:hover td:first-of-type::before,.NestedTableRow1478356820__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1868700924__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)}.NestedTableDragAndDropRow2309849426__root.NestedTableDragAndDropRow2309849426--draggingInto td{background-color:#e7f0ff!important}.PickerContent3692401186__root{display:flex}.PickerContentAdditionalStep363356966__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep363356966__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1449050524__root{box-sizing:border-box}.ScrollableContent4068062895__root.ScrollableContent4068062895--overflowY{overflow-y:auto}.ScrollableContent4068062895__root.ScrollableContent4068062895--overflowX{overflow-x:auto}.ScrollableContent4068062895__root.ScrollableContent4068062895--smooth{scroll-behavior:smooth}.SetupWidget401057936__row{display:flex;flex-direction:column;padding:var(--wds-space-100, 6px);border-radius:var(--wds-border-radius-200, 4px);border:1px solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB));background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));overflow:clip}.SetupWidget401057936__row.SetupWidget401057936--clickable{cursor:pointer}.SetupWidget401057936__row.SetupWidget401057936--hoverable:hover{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));border-color:var(--wds-color-border-standard-secondary, var(--wsr-color-B40, #D6E6FE))}.SetupWidget401057936__row.SetupWidget401057936--focused{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));border-color:var(--wds-color-border-standard-primary, var(--wsr-color-B30, #A8CAFF))}.SetupWidget401057936__completedCta{opacity:0;transition:opacity .25s ease-in-out}.SetupWidget401057936__row:hover .SetupWidget401057936__completedCta,.SetupWidget401057936__row:focus-within .SetupWidget401057936__completedCta{opacity:1}.SetupWidget401057936__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}.SetupWidget401057936__card.SetupWidget401057936--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget401057936__card.SetupWidget401057936--clickable{cursor:pointer}.SetupWidget401057936__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget401057936__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget401057936__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget401057936__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard3052355857__headerLoading{display:block!important}.SlidingModal476022417__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal476022417__root.SlidingModal476022417--overlay{transition:transform 0s ease 0s}.SlidingModal476022417__root.SlidingModal476022417---appendTo-6-parent{position:absolute}.SlidingModal476022417__root:not(.SlidingModal476022417--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader2791313261__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader2791313261__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader2791313261__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}.TabsFilter322255717__root .TabsFilter322255717__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter322255717__root.TabsFilter322255717--selected .TabsFilter322255717__title,.TabsFilter322255717__root:hover .TabsFilter322255717__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal2098405983__root{display:flex}.ToolbarItem1784934616__root{min-width:0}.ToolbarItemBox2709261406__root{min-width:0}.ToolbarItemBox2709261406__root.ToolbarItemBox2709261406--removeStartPadding{margin-left:-24px}.ToolbarItemBox2709261406__root.ToolbarItemBox2709261406--expandable{flex:1 0}.common1667624752__column{display:flex;flex-direction:column}.common1667624752__fullHeight{height:100%;min-height:0}.CollectionPageHeader3847735175__root:not(.CollectionPageHeader3847735175--mobile){gap:12px}.CollectionPageHeader3847735175__root.CollectionPageHeader3847735175--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3847735175__root.CollectionPageHeader3847735175--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2857990615__root.FormPageHeader2857990615--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2857990615__root.FormPageHeader2857990615--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/test-utils/TagsMocks.ts

@@ -2,6 +2,7 @@ import { Chance } from 'chance';
 import { whenRequest } from '@wix/fe-essentials/http-client/testkit/client';
 import {
   listTags,
+  listTagsForAccount,
   queryTags,
   queryTagsForAccount,
   createTag,
@@ -83,10 +84,21 @@ export const withQueryTagsForAccount = (tags?: TagType[]) =>
     .reply(200, buildQueryTagsReply(tags))
     .persist();
 
-export const withListTags = (tags?: TagType[]) => withQueryTags(tags);
+// Bundles the queryTags mock too — tag assignment (fetchTagsByIds) and
+// TagsFilter still read through queryTags
+export const withListTags = (tags?: TagType[]) => [
+  whenRequest(listTags)
+    .reply(200, async () => ({ tags: tags || TAGS }))
+    .persist(),
+  withQueryTags(tags),
+];
 
-export const withListTagsForAccount = (tags?: TagType[]) =>
-  withQueryTagsForAccount(tags);
+export const withListTagsForAccount = (tags?: TagType[]) => [
+  whenRequest(listTagsForAccount)
+    .reply(200, async () => ({ tags: tags || TAGS }))
+    .persist(),
+  withQueryTagsForAccount(tags),
+];
 
 const createTagResponseMock = (tag: TagType) => ({
   __applicationErrorsType: {},
@@ -159,7 +171,18 @@ export const getListTagsErrorMock = ({
 }: {
   code?: string;
   status?: number;
-} = {}) => getQueryTagsErrorMock({ code, status });
+} = {}) => [
+  whenRequest(listTags)
+    .reply(200, async () => {
+      return new Promise((_resolve, reject) => {
+        window.setTimeout(() => {
+          reject(createHttpErrorMock({ code, status }));
+        }, 500);
+      });
+    })
+    .persist(),
+  getQueryTagsErrorMock({ code, status }),
+];
 
 export const getListTagsForAccountErrorMock = ({
   code = 'ERR_NETWORK',
@@ -167,7 +190,16 @@ export const getListTagsForAccountErrorMock = ({
 }: {
   code?: string;
   status?: number;
-} = {}) =>
+} = {}) => [
+  whenRequest(listTagsForAccount)
+    .reply(200, async () => {
+      return new Promise((_resolve, reject) => {
+        setTimeout(() => {
+          reject(createHttpErrorMock({ code, status }));
+        }, 500);
+      });
+    })
+    .persist(),
   whenRequest(queryTagsForAccount)
     .reply(200, async () => {
       return new Promise((_resolve, reject) => {
@@ -176,7 +208,8 @@ export const getListTagsForAccountErrorMock = ({
         }, 500);
       });
     })
-    .persist();
+    .persist(),
+];
 
 export const getCreateTagErrorMock = ({
   code = 'ERR_NETWORK',

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.425.0';
+export const version = 'patterns@1.427.0';