@wix/patterns 1.375.0 → 1.377.0

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

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

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common2673743911";
+var _namespace_ = "common3370304451";
 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":"common2673743911__root","column":"common2673743911__column","fullHeight":"common2673743911__fullHeight"};
+export var classes = {"root":"common3370304451__root","column":"common3370304451__column","fullHeight":"common3370304451__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/model/tableColumn.ts

@@ -6,7 +6,7 @@ import type { ValidationRule } from '../state/EditableTable/types';
 
 type TableColumnBase<T = any> = Omit<
   TableColumnWSR<T>,
-  'sortDescending' | 'sortable' | 'infoTooltipProps' | 'style'
+  'sortDescending' | 'sortable' | 'infoTooltipProps' | 'style' | 'titleSuffix'
 > & {
   style?:
     | CSSProperties

package/src/providers/PatternsFieldsProvider.tsx

@@ -0,0 +1,32 @@
+import React, { ReactNode, useEffect, useState } from 'react';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import {
+  PatternsFieldsAppContainer,
+  PatternsFieldsContainerProvider,
+} from '@wix/patterns-fields/providers';
+
+/**
+ * Initializes PatternsFieldsAppContainer with the current WixPatternsContainer
+ * and exposes it via PatternsFieldsContainerProvider.
+ *
+ * Must be rendered inside a WixPatternsContainerProvider (e.g. inside CairoProviderCore).
+ */
+export const PatternsFieldsProvider: React.FC<{ children: ReactNode }> = ({
+  children,
+}) => {
+  const patternsContainer = useWixPatternsContainer();
+
+  const [fieldsContainer] = useState(
+    () => new PatternsFieldsAppContainer({ patternsContainer }),
+  );
+
+  useEffect(() => {
+    fieldsContainer.init();
+  }, [fieldsContainer]);
+
+  return (
+    <PatternsFieldsContainerProvider value={fieldsContainer}>
+      {children}
+    </PatternsFieldsContainerProvider>
+  );
+};

package/src/providers/SchemaProvider.tsx

@@ -0,0 +1,51 @@
+import React, {
+  ReactNode,
+  createContext,
+  useCallback,
+  useContext,
+  useMemo,
+  useState,
+} from 'react';
+import { SchemaConfig } from '../types/SchemaConfig';
+
+export type SchemaContextValue = {
+  schema: Record<string, SchemaConfig>;
+  addSchema: (collectionId: string, schemaConfig: SchemaConfig) => void;
+  isReady: boolean;
+};
+
+export const schemaContext = createContext<SchemaContextValue | null>(null);
+
+export const useSchemaContext = () => useContext(schemaContext);
+
+interface SchemaProviderProps {
+  children: ReactNode;
+  skeleton?: ReactNode;
+}
+
+export const SchemaProvider = ({
+  children,
+  skeleton = null,
+}: SchemaProviderProps) => {
+  const [schema, setSchema] = useState<SchemaContextValue['schema']>({});
+
+  const addSchema = useCallback(
+    (collectionId: string, schemaConfig: SchemaConfig) => {
+      setSchema((prev) => ({ ...prev, [collectionId]: schemaConfig }));
+    },
+    [],
+  );
+
+  const isReady = Object.keys(schema).length > 0;
+
+  const value = useMemo(
+    () => ({ schema, addSchema, isReady }),
+    [schema, addSchema, isReady],
+  );
+
+  return (
+    <schemaContext.Provider value={value}>
+      {isReady ? children : skeleton}
+    </schemaContext.Provider>
+  );
+};

package/src/providers/index.ts

@@ -1,4 +1,5 @@
 export * from './CairoProvider';
+export * from './PatternsFieldsProvider';
 export * from './CollectionPageContext';
 export * from './PageContext';
 export * from './FormPageContext';
@@ -10,3 +11,4 @@ export * from './SettingsPageContext';
 export * from './ScrollableContentContext';
 export * from './DropdownTranslationProvider';
 export * from './FilterTranslationProvider';
+export * from './SchemaProvider';

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

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

package/src/state/CustomFields/CustomFieldsAllNamespacesFormState.ts

@@ -44,8 +44,10 @@ export class CustomFieldsAllNamespacesFormState {
         (schema.namespace === _userFieldsNamespace ||
           Object.values(
             schema.jsonSchema.properties as Record<string, DataExtensionField>,
-          ).some((prop) =>
-            prop['x-wix-permissions']?.write?.includes('users'),
+          ).some(
+            (prop) =>
+              prop['x-wix-permissions']?.write?.includes('users') &&
+              prop['x-wix-permissions']?.read?.includes('users'),
           )),
     );
     return orderBy(

package/src/state/EditableTable/CellInteractionState.ts

@@ -6,7 +6,10 @@ import { cellKey, parseCellKey, noBorder } from './utils';
 
 type Direction = 'up' | 'down' | 'left' | 'right';
 type CommitHandler = (editingValue: any, cell: Cell) => void;
-export type EditTrigger = 'type' | 'enter' | 'doubleClick';
+export type EditTrigger =
+  | { kind: 'type'; key: string }
+  | 'enter'
+  | 'doubleClick';
 
 export class CellInteractionState<T, F extends FiltersMap> {
   focusedCell: Cell | null = null;

package/src/state/EditableTable/CellValueState.ts

@@ -8,7 +8,7 @@ import {
 } from '../../components/EditableTable/cellTypes';
 import { runCellValidation, validResult } from './utils';
 
-const cellTypeMap = new Map<string, CellType>(
+const builtInCellTypeMap = new Map<string, CellType>(
   builtInCellTypes.map((ct) => [ct.type, ct]),
 );
 
@@ -17,6 +17,7 @@ export class CellValueState<T, F extends FiltersMap> {
   readonly _pendingCells = new Map<string, { value: any; errors: string[] }>();
 
   private readonly _parent: EditableTableState<T, F>;
+  private _cellTypeMap: Map<string, CellType> = builtInCellTypeMap;
 
   constructor(parent: EditableTableState<T, F>) {
     this._parent = parent;
@@ -31,8 +32,28 @@ export class CellValueState<T, F extends FiltersMap> {
     });
   }
 
-  resolveCellType(type: string): CellType {
-    return cellTypeMap.get(type) ?? textCellType;
+  _buildCellTypeMap() {
+    const map = new Map<string, CellType>();
+    for (const col of this._parent._allColumns) {
+      if (
+        col.cellType === 'custom' &&
+        col.typeConfig &&
+        typeof col.typeConfig === 'object' &&
+        'ViewComponent' in col.typeConfig
+      ) {
+        map.set(col.id, {
+          type: 'custom',
+          ...(col.typeConfig as Omit<CellType, 'type'>),
+        });
+      } else {
+        map.set(col.id, builtInCellTypeMap.get(col.cellType) ?? textCellType);
+      }
+    }
+    this._cellTypeMap = map;
+  }
+
+  resolveCellTypeByColumnId(columnId: string): CellType {
+    return this._cellTypeMap.get(columnId) ?? textCellType;
   }
 
   getCellDisplayValue(rowKey: string, columnId: string): any {
@@ -59,7 +80,7 @@ export class CellValueState<T, F extends FiltersMap> {
       return false;
     }
 
-    const resolved = this.resolveCellType(column.cellType);
+    const resolved = this.resolveCellTypeByColumnId(column.id);
     if (resolved.editable === false || !resolved.EditComponent) {
       return false;
     }
@@ -81,7 +102,7 @@ export class CellValueState<T, F extends FiltersMap> {
     if (!column || !keyedItem) {
       return '';
     }
-    const resolved = this.resolveCellType(column.cellType);
+    const resolved = this.resolveCellTypeByColumnId(column.id);
     const pending = this._getPendingCell(rowKey, columnId);
     const value = pending ? pending.value : column.getValue(keyedItem.item);
     return resolved.serialize ? resolved.serialize(value) : String(value ?? '');
@@ -96,7 +117,7 @@ export class CellValueState<T, F extends FiltersMap> {
       if (!column?.setValue) {
         continue;
       }
-      const resolved = this.resolveCellType(column.cellType);
+      const resolved = this.resolveCellTypeByColumnId(column.id);
       if (resolved.clearable === false) {
         continue;
       }
@@ -121,7 +142,7 @@ export class CellValueState<T, F extends FiltersMap> {
       return;
     }
 
-    const resolved = this.resolveCellType(column.cellType);
+    const resolved = this.resolveCellTypeByColumnId(column.id);
     if (!resolved.toggleValue) {
       return;
     }
@@ -135,7 +156,11 @@ export class CellValueState<T, F extends FiltersMap> {
   /** Commit handler — used as callback for CellInteractionState. */
   commitHandler(editingValue: any, cell: Cell) {
     if (editingValue !== undefined) {
-      this._applyValue(cell.rowKey, cell.columnId, editingValue);
+      const resolved = this.resolveCellTypeByColumnId(cell.columnId);
+      const normalized = resolved.normalizeOnCommit
+        ? resolved.normalizeOnCommit(editingValue)
+        : editingValue;
+      this._applyValue(cell.rowKey, cell.columnId, normalized);
     }
   }
 
@@ -171,7 +196,7 @@ export class CellValueState<T, F extends FiltersMap> {
     if (!column) {
       return { value: rawValue };
     }
-    const resolved = this.resolveCellType(column.cellType);
+    const resolved = this.resolveCellTypeByColumnId(column.id);
     if (!resolved.deserialize) {
       return { value: rawValue };
     }
@@ -218,7 +243,7 @@ export class CellValueState<T, F extends FiltersMap> {
         continue;
       }
 
-      const resolved = this.resolveCellType(column.cellType);
+      const resolved = this.resolveCellTypeByColumnId(column.id);
       const result = runCellValidation(
         value,
         column.validation,
@@ -250,7 +275,7 @@ export class CellValueState<T, F extends FiltersMap> {
       return;
     }
 
-    const resolved = this.resolveCellType(column.cellType);
+    const resolved = this.resolveCellTypeByColumnId(column.id);
     const result = runCellValidation(
       value,
       column.validation,

package/src/state/EditableTable/EditableTableState.ts

@@ -2,10 +2,12 @@ import { action, computed, makeObservable, observable } from 'mobx';
 import {
   CollectionOptimisticActions,
   CollectionState,
+  ConditionalModalState,
   FiltersMap,
   SortOrder,
   WixPatternsContainer,
 } from '@wix/bex-core';
+import type { MessageModalLayoutProps } from '@wix/design-system';
 import type { KeyedItem } from '@wix/bex-core';
 import { ToolbarCollectionState } from '../ToolbarCollectionState';
 import { TableState } from '../TableState';
@@ -58,6 +60,9 @@ export class EditableTableState<T, F extends FiltersMap>
   readonly cellValue: CellValueState<T, F>;
   readonly clipboard: ClipboardState<T, F>;
   readonly mutation: MutationState<T, F>;
+  readonly deleteConfirmModal = new ConditionalModalState<
+    Partial<MessageModalLayoutProps>
+  >();
 
   addItemDisabled = false;
   updateItemDisabled = false;
@@ -103,6 +108,7 @@ export class EditableTableState<T, F extends FiltersMap>
       editableColumns: computed,
       _columnMap: computed,
       init: action,
+      confirmDeleteItems: action,
     });
 
     if (params.permissions) {
@@ -164,6 +170,7 @@ export class EditableTableState<T, F extends FiltersMap>
 
   init(columns: EditableColumn<T>[]) {
     this._allColumns = columns;
+    this.cellValue._buildCellTypeMap();
     return this.mutation.init();
   }
 
@@ -179,8 +186,22 @@ export class EditableTableState<T, F extends FiltersMap>
     this.mutation.deleteItems(rowKeys);
   }
 
-  resolveCellType(type: string) {
-    return this.cellValue.resolveCellType(type);
+  confirmDeleteItems(rowKeys: string[]) {
+    const { translate: t } = this.collection;
+    this.deleteConfirmModal.open({
+      theme: 'destructive',
+      title: t('cairo.deleteModal.title'),
+      content: t('cairo.deleteModal.body'),
+      primaryButtonText: t('cairo.delete.button'),
+      secondaryButtonText: t('cairo.cancel.button'),
+      primaryButtonOnClick: () => {
+        this.deleteItems(rowKeys);
+      },
+    });
+  }
+
+  resolveCellTypeByColumnId(columnId: string) {
+    return this.cellValue.resolveCellTypeByColumnId(columnId);
   }
 
   getCellDisplayValue(rowKey: string, columnId: string): any {
@@ -210,13 +231,6 @@ export class EditableTableState<T, F extends FiltersMap>
       if (shiftKey) {
         return;
       }
-      const column = this._columnMap.get(columnId);
-      const resolved = column ? this.resolveCellType(column.cellType) : null;
-      // Toggle-cell click while editing: ignore — committing and simultaneously
-      // toggling a boolean would be two unexpected actions from one click.
-      if (resolved?.toggleValue) {
-        return;
-      }
       // Plain click on a different cell: commit the edit and move focus.
       this.cellInteraction.commitEdit();
       this.cellInteraction.focusCell(rowKey, columnId);
@@ -224,9 +238,12 @@ export class EditableTableState<T, F extends FiltersMap>
     }
 
     const column = this._columnMap.get(columnId);
-    const resolved = column ? this.resolveCellType(column.cellType) : null;
-    if (resolved?.toggleValue && !this.updateItemDisabled) {
-      this.cellValue.toggleCell(rowKey, columnId);
+    const resolved = column ? this.resolveCellTypeByColumnId(column.id) : null;
+    if (resolved?.toggleValue) {
+      // Toggle cells (e.g. boolean): click focuses the cell and shows the
+      // checkbox affordance. The toggle itself is committed when the user
+      // interacts with the checkbox or presses Enter — not on the bare cell
+      // click — so that clicking to focus doesn't inadvertently change the value.
       this.cellInteraction.focusCell(rowKey, columnId);
       return;
     }
@@ -246,7 +263,7 @@ export class EditableTableState<T, F extends FiltersMap>
       return;
     }
     const column = this._columnMap.get(columnId);
-    const resolved = column ? this.resolveCellType(column.cellType) : null;
+    const resolved = column ? this.resolveCellTypeByColumnId(column.id) : null;
     // Toggle-value cells (e.g. boolean) activate on single click, not double-click.
     // Entering edit mode on double-click would apply the editing box-shadow
     // without any EditComponent being shown, causing a visual border glitch.

package/src/state/EditableTable/index.ts

@@ -12,5 +12,4 @@ export type {
   ValidationResult,
   CellType,
   EditableColumn,
-  SelectCellConfig,
 } from './types';

package/src/state/EditableTable/types.ts

@@ -22,7 +22,8 @@ export type ValidationRule =
   | { type: 'min' | 'max'; value: number; message: string }
   | { type: 'minLength' | 'maxLength'; value: number; message: string }
   | { type: 'pattern'; value: RegExp; message: string }
-  | { type: 'custom'; validate: (value: unknown) => boolean; message: string };
+  | { type: 'custom'; validate: (value: unknown) => boolean; message: string }
+  | { type: 'specificValues'; values: { id: string; value: string }[]; message: string };
 
 export interface ValidationResult {
   valid: boolean;
@@ -57,11 +58,18 @@ export interface CellType {
   toggleValue?: (value: any) => any;
 
   /** Called on type-to-edit. Return object with cleared value and/or prevent flag.
-   *  CMS-web pattern: text clears to '', number clears only for digits, date blocks non-digits. */
+   *  CMS-web pattern: text clears to '', number clears only for digits, date blocks non-digits.
+   *  Return undefined to block the key. Return {} to enter edit mode without changing the value. */
   onTypeToEdit?: (params: {
     key: string;
+    validation?: ValidationRule[];
   }) => { value?: any } | undefined;
 
+  /** Optional hook to normalize the committed value (e.g. auto-prepend https://).
+   *  Called before commitEdit() from EditableCell (blur/Enter) and useKeyboardNavigation (Tab).
+   *  The value is written back to editingValue via runInAction before committing. */
+  normalizeOnCommit?: (value: any) => any;
+
 }
 
 export interface CellTypeConfigMap {
@@ -70,14 +78,9 @@ export interface CellTypeConfigMap {
   boolean: never;
   url: never;
   email: never;
-  select: SelectCellConfig;
   date: never;
   object: never;
-  custom: Record<string, unknown>;
-}
-
-export interface SelectCellConfig {
-  options: { id: string; value: string }[];
+  custom: Omit<CellType, 'type'>;
 }
 
 interface EditableColumnBase<T> extends Omit<TableColumn<T>, 'render'> {

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

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

package/src/state/KanbanState/KanbanState.ts

@@ -21,6 +21,7 @@ import {
   action,
   computed,
   reaction,
+  comparer,
 } from 'mobx';
 import { KanbanDragAndDropState } from '../../components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop';
 import { v4 as uuid } from 'uuid';
@@ -207,12 +208,16 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
       this.toolbar.init({ featuresInitializers: [] }),
       this.dragAndDropState.init(),
       reaction(
-        () => this.queryComputed,
+        () => ({
+          filters: this.queryComputed.filters,
+          search: this.queryComputed.search,
+        }),
         () => {
           this.triggerDebouncedStagesRefresh();
         },
         {
           fireImmediately: false,
+          equals: comparer.structural,
         },
       ),
     ];

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer1969536951__root.CardContainer1969536951--mobile{border-radius:0}.Collapse495485484__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse495485484__exit{height:0}.CollectionPage840018264__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage840018264__root.CollectionPage840018264--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage840018264__root.CollectionPage840018264--panel{overflow:hidden;position:relative}.CollectionSectionHeader1591435620__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable4275959506__root td{vertical-align:middle}.CollectionTable4275959506__root.CollectionTable4275959506--mobile td:first-child{padding-left:18px}.CollectionTable4275959506__root.CollectionTable4275959506--mobile td:last-child{padding-right:18px}.CollectionToolbar877256535__left{min-width:0}.CollectionToolbar877256535__left.CollectionToolbar877256535--expandable{flex:auto}.CollectionToolbar877256535__left.CollectionToolbar877256535--title>*{width:100%}.CollectionToolbar877256535__root.CollectionToolbar877256535---responsiveMode-5-title .CollectionToolbar877256535__left{flex:1 100;min-width:50px}.CollectionToolbar877256535__root.CollectionToolbar877256535---responsiveMode-4-tabs .CollectionToolbar877256535__left,.CollectionToolbar877256535__root.CollectionToolbar877256535---responsiveMode-4-tabs .CollectionToolbar877256535__left.CollectionToolbar877256535--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar877256535__root.CollectionToolbar877256535---responsiveMode-4-tabs .CollectionToolbar877256535__left>*{flex-shrink:1;min-width:0}.CollectionToolbar877256535__root .CollectionToolbar877256535__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar877256535__root.CollectionToolbar877256535--views .CollectionToolbar877256535__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar877256535__root.CollectionToolbar877256535---responsiveMode-4-tabs .CollectionToolbar877256535__right,.CollectionToolbar877256535__root.CollectionToolbar877256535---responsiveMode-5-title .CollectionToolbar877256535__right{flex:0 1 auto;min-width:0}.CollectionToolbar877256535__root .CollectionToolbar877256535__right.CollectionToolbar877256535__fullWidth{margin-inline-start:0!important}.CollectionToolbar877256535__root.CollectionToolbar877256535--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3794450166__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3794450166__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3794450166__searchMobile:not(.SearchOrCustomFilter3794450166--expandable){left:18px}.SearchOrCustomFilter3794450166__searchMobile.SearchOrCustomFilter3794450166--expandable.SearchOrCustomFilter3794450166--expanded{left:18px}.AutoCompleteReadonly2231257867__root.AutoCompleteReadonly2231257867--disableEditing{cursor:pointer}.AutoCompleteReadonly2231257867__root.AutoCompleteReadonly2231257867--disableEditing input{cursor:pointer}.ViewsDropdown1096655248__root{width:200px}.DragHandle10084432__root{display:flex;align-items:center}.DragHandle10084432__root:not(.DragHandle10084432--disabled){cursor:grab;color:#a8caff}.DragHandle10084432__root.DragHandle10084432--disabled{color:#acafc4}.DragHandle10084432__root:focus-visible:not(.DragHandle10084432--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle10084432__root.DragHandle10084432--disabled{pointer-events:none}.DragHandle10084432__root.DragHandle10084432--dragging:not(.DragHandle10084432--disabled){cursor:grabbing}td:has(>.EditableCell304190034__root){position:relative;min-height:24px}.EditableCell304190034__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)}.EditableCell304190034__root.EditableCell304190034--selected{background:rgba(56,153,236,.08)}.EditableCell304190034__root.EditableCell304190034--focused:not(.EditableCell304190034--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell304190034__root.EditableCell304190034--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}.EditableCell304190034__root.EditableCell304190034--selectionTop:not(.EditableCell304190034--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--selectionBottom:not(.EditableCell304190034--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--selectionLeft:not(.EditableCell304190034--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--selectionRight:not(.EditableCell304190034--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--selectionTop.EditableCell304190034--editing.EditableCell304190034--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--selectionBottom.EditableCell304190034--editing.EditableCell304190034--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--selectionLeft.EditableCell304190034--editing.EditableCell304190034--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--selectionRight.EditableCell304190034--editing.EditableCell304190034--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--invalid:not(.EditableCell304190034--editing){background:rgba(229,0,77,.06)}.EditableCell304190034__root.EditableCell304190034--copiedTop:not(.EditableCell304190034--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--copiedBottom:not(.EditableCell304190034--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--copiedLeft:not(.EditableCell304190034--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell304190034__root.EditableCell304190034--copiedRight:not(.EditableCell304190034--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell304190034__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.CellViewLayout823649246__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout823649246__root>*{flex:1;min-width:0}.Edit1113995296__booleanEdit{display:flex;align-items:center;margin-left:12px}.View2801818457__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit2206923902__dateInput{width:100%;margin-left:-1px}.Edit987738361__emailInput{width:100%;margin-left:-1px}.Edit2842916532__numberInput{width:100%;margin-right:2px}.Edit2842916532__numberInput input{text-align:right;direction:ltr}.View993001290__textView{width:100%;text-align:right}.Edit3788203626__jsonInput{width:100%;margin-left:-1px}.Edit1952036742__selectInput{width:100%}.Edit2174982117__editWrapper{width:100%}.Edit2174982117__inputArea{background-color:transparent;width:100%}.Edit2174982117__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2174982117__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important}.Edit2174982117__inputArea:not(.Edit2174982117--isFocused) textarea{resize:none;overflow:hidden}.Edit2174982117__inputArea:not(.Edit2174982117--isFocused) textarea::-webkit-scrollbar{display:none}.Edit1985072426__urlInput{width:100%;margin-left:-1px}.View1156487360__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View1156487360__urlText{flex:1;min-width:0}.View1156487360__suffix{flex-shrink:0;margin-left:10px}.View1156487360__textView.View1156487360--suffixOnHover:not(:hover) .View1156487360__suffix{display:none}.EntityPagePlain3492012727__root.EntityPagePlain3492012727--mobile{--wds-page-header-padding-horizontal:0}.Fade2782678393__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2782678393__root.Fade2782678393--exit{opacity:0}.Heading810863429__root{visibility:visible}.Heading810863429__root.Heading810863429--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2236557936__fileUpload{width:100%}.InputOverflow3231423377__root.InputOverflow3231423377--selected:not(.InputOverflow3231423377--focused) input::placeholder{color:#000624}@keyframes LoadingRow3990858__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%}}.LoadingRow3990858__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:LoadingRow3990858__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2759772886__root{opacity:1}.MaxHeightText2759772886__root.MaxHeightText2759772886--height24{line-height:24px}.MaxLines2972849232__root{overflow:hidden}.MaxLines2972849232__root.MaxLines2972849232--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2420183688__root{min-width:0}.MultiBulkActionToolbar2420183688__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2420183688__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2420183688__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3319895139__root td{padding:0!important;width:100%}.NestedTableRow3299939426__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3299939426__root:hover{background-color:#e7f0ff!important}.NestedTableRow3299939426__root.NestedTableRow3299939426--expandable{cursor:pointer}.NestedTableRow3299939426__placeholder td{padding:0!important;width:100%}.NestedTableRow3299939426__root:hover td:first-of-type::before,.NestedTableRow3299939426__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect312660433__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)}.NestedTableDragAndDropRow2206630667__root.NestedTableDragAndDropRow2206630667--draggingInto td{background-color:#e7f0ff!important}.PickerContent2384689736__root{display:flex}.PickerContentAdditionalStep2818293485__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2818293485__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2916633825__root{box-sizing:border-box}.ScrollableContent3827443796__root.ScrollableContent3827443796--overflowY{overflow-y:auto}.ScrollableContent3827443796__root.ScrollableContent3827443796--overflowX{overflow-x:auto}.ScrollableContent3827443796__root.ScrollableContent3827443796--smooth{scroll-behavior:smooth}.SkeletonCard1215955230__headerLoading{display:block!important}.SlidingModal2881455252__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2881455252__root.SlidingModal2881455252--overlay{transition:transform 0s ease 0s}.SlidingModal2881455252__root.SlidingModal2881455252---appendTo-6-parent{position:absolute}.SlidingModal2881455252__root:not(.SlidingModal2881455252--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3422538499__root .TabsFilter3422538499__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter3422538499__root.TabsFilter3422538499--selected .TabsFilter3422538499__title,.TabsFilter3422538499__root:hover .TabsFilter3422538499__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal292114332__root{display:flex}.ToolbarItem51720077__root{min-width:0}.ToolbarItemBox3223110149__root{min-width:0}.ToolbarItemBox3223110149__root.ToolbarItemBox3223110149--removeStartPadding{margin-left:-24px}.ToolbarItemBox3223110149__root.ToolbarItemBox3223110149--expandable{flex:1 0}.common2673743911__column{display:flex;flex-direction:column}.common2673743911__fullHeight{height:100%;min-height:0}.CollectionPageHeader3126562873__root:not(.CollectionPageHeader3126562873--mobile){gap:12px}.CollectionPageHeader3126562873__root.CollectionPageHeader3126562873--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3126562873__root.CollectionPageHeader3126562873--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2074655427__root.FormPageHeader2074655427--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2074655427__root.FormPageHeader2074655427--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer2863952072__root.CardContainer2863952072--mobile{border-radius:0}.Collapse806816417__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse806816417__exit{height:0}.CollectionPage1253913455__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1253913455__root.CollectionPage1253913455--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1253913455__root.CollectionPage1253913455--panel{overflow:hidden;position:relative}.CollectionSectionHeader2738490058__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3646023581__root td{vertical-align:middle}.CollectionTable3646023581__root.CollectionTable3646023581--mobile td:first-child{padding-left:18px}.CollectionTable3646023581__root.CollectionTable3646023581--mobile td:last-child{padding-right:18px}.CollectionToolbar2434720965__left{min-width:0}.CollectionToolbar2434720965__left.CollectionToolbar2434720965--expandable{flex:auto}.CollectionToolbar2434720965__left.CollectionToolbar2434720965--title>*{width:100%}.CollectionToolbar2434720965__root.CollectionToolbar2434720965---responsiveMode-5-title .CollectionToolbar2434720965__left{flex:1 100;min-width:50px}.CollectionToolbar2434720965__root.CollectionToolbar2434720965---responsiveMode-4-tabs .CollectionToolbar2434720965__left,.CollectionToolbar2434720965__root.CollectionToolbar2434720965---responsiveMode-4-tabs .CollectionToolbar2434720965__left.CollectionToolbar2434720965--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2434720965__root.CollectionToolbar2434720965---responsiveMode-4-tabs .CollectionToolbar2434720965__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2434720965__root .CollectionToolbar2434720965__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2434720965__root.CollectionToolbar2434720965--views .CollectionToolbar2434720965__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2434720965__root.CollectionToolbar2434720965---responsiveMode-4-tabs .CollectionToolbar2434720965__right,.CollectionToolbar2434720965__root.CollectionToolbar2434720965---responsiveMode-5-title .CollectionToolbar2434720965__right{flex:0 1 auto;min-width:0}.CollectionToolbar2434720965__root .CollectionToolbar2434720965__right.CollectionToolbar2434720965__fullWidth{margin-inline-start:0!important}.CollectionToolbar2434720965__root.CollectionToolbar2434720965--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3862038183__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3862038183__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3862038183__searchMobile:not(.SearchOrCustomFilter3862038183--expandable){left:18px}.SearchOrCustomFilter3862038183__searchMobile.SearchOrCustomFilter3862038183--expandable.SearchOrCustomFilter3862038183--expanded{left:18px}.AutoCompleteReadonly3808602463__root.AutoCompleteReadonly3808602463--disableEditing{cursor:pointer}.AutoCompleteReadonly3808602463__root.AutoCompleteReadonly3808602463--disableEditing input{cursor:pointer}.ViewsDropdown782432463__root{width:200px}.DragHandle4188812874__root{display:flex;align-items:center}.DragHandle4188812874__root:not(.DragHandle4188812874--disabled){cursor:grab;color:#a8caff}.DragHandle4188812874__root.DragHandle4188812874--disabled{color:#acafc4}.DragHandle4188812874__root:focus-visible:not(.DragHandle4188812874--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4188812874__root.DragHandle4188812874--disabled{pointer-events:none}.DragHandle4188812874__root.DragHandle4188812874--dragging:not(.DragHandle4188812874--disabled){cursor:grabbing}td:has(>.EditableCell1967585030__root){position:relative;overflow:visible;min-height:24px}.EditableCell1967585030__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)}.EditableCell1967585030__root.EditableCell1967585030--selected{background:rgba(56,153,236,.08)}.EditableCell1967585030__root.EditableCell1967585030--focused:not(.EditableCell1967585030--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell1967585030__root.EditableCell1967585030--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;bottom:auto;min-height:100%}.EditableCell1967585030__root.EditableCell1967585030--selectionTop:not(.EditableCell1967585030--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell1967585030__root.EditableCell1967585030--selectionBottom:not(.EditableCell1967585030--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1967585030__root.EditableCell1967585030--selectionLeft:not(.EditableCell1967585030--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell1967585030__root.EditableCell1967585030--selectionRight:not(.EditableCell1967585030--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell1967585030__root.EditableCell1967585030--selectionTop.EditableCell1967585030--editing.EditableCell1967585030--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell1967585030__root.EditableCell1967585030--selectionBottom.EditableCell1967585030--editing.EditableCell1967585030--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1967585030__root.EditableCell1967585030--selectionLeft.EditableCell1967585030--editing.EditableCell1967585030--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell1967585030__root.EditableCell1967585030--selectionRight.EditableCell1967585030--editing.EditableCell1967585030--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell1967585030__root.EditableCell1967585030--invalid:not(.EditableCell1967585030--editing){background:rgba(229,0,77,.06)}.EditableCell1967585030__root.EditableCell1967585030--copiedTop:not(.EditableCell1967585030--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell1967585030__root.EditableCell1967585030--copiedBottom:not(.EditableCell1967585030--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell1967585030__root.EditableCell1967585030--copiedLeft:not(.EditableCell1967585030--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell1967585030__root.EditableCell1967585030--copiedRight:not(.EditableCell1967585030--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell1967585030__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover835706258__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover835706258__root,.HeaderActionsPopover835706258__root.HeaderActionsPopover835706258--menuOpen,.HeaderActionsPopover835706258__root:focus-within{opacity:1}.CellViewLayout3612497033__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3612497033__root>*{flex:1;min-width:0}.Edit550253640__booleanEdit{display:flex;align-items:center;margin-left:12px}.View4179032775__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit1249065124__dateInput{width:100%;margin-left:-1px}.Edit3352778691__emailInput{width:100%;margin-left:-1px}.Edit1556339613__numberInput{width:100%;margin-right:2px}.Edit1556339613__numberInput input{text-align:right;direction:ltr}.View2548840183__textView{width:100%;text-align:right}.Edit3112699959__jsonInput{width:100%;margin-left:-1px}.Edit1889865253__selectInput{width:100%}.Edit1726914236__editWrapper{width:100%}.Edit1726914236__inputArea{background-color:transparent;width:100%}.Edit1726914236__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1726914236__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit1726914236__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1726914236__inputArea:not(.Edit1726914236--isFocused) textarea{resize:none;overflow:hidden}.Edit1726914236__inputArea:not(.Edit1726914236--isFocused) textarea::-webkit-scrollbar{display:none}.Edit1746178889__urlInput{width:100%;margin-left:-1px}.View1214063703__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View1214063703__urlText{flex:1;min-width:0}.View1214063703__suffix{flex-shrink:0;margin-left:10px}.View1214063703__textView.View1214063703--suffixOnHover:not(:hover) .View1214063703__suffix{display:none}.EntityPagePlain1477466796__root.EntityPagePlain1477466796--mobile{--wds-page-header-padding-horizontal:0}.Fade3161725745__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3161725745__root.Fade3161725745--exit{opacity:0}.Heading4066011626__root{visibility:visible}.Heading4066011626__root.Heading4066011626--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3407014856__fileUpload{width:100%}.InputOverflow796619643__root.InputOverflow796619643--selected:not(.InputOverflow796619643--focused) input::placeholder{color:#000624}@keyframes LoadingRow3074046361__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%}}.LoadingRow3074046361__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:LoadingRow3074046361__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3524921945__root{opacity:1}.MaxHeightText3524921945__root.MaxHeightText3524921945--height24{line-height:24px}.MaxLines533725587__root{overflow:hidden}.MaxLines533725587__root.MaxLines533725587--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar987391231__root{min-width:0}.MultiBulkActionToolbar987391231__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar987391231__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar987391231__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2052232166__root td{padding:0!important;width:100%}.NestedTableRow2825305898__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2825305898__root:hover{background-color:#e7f0ff!important}.NestedTableRow2825305898__root.NestedTableRow2825305898--expandable{cursor:pointer}.NestedTableRow2825305898__placeholder td{padding:0!important;width:100%}.NestedTableRow2825305898__root:hover td:first-of-type::before,.NestedTableRow2825305898__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1055905225__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)}.NestedTableDragAndDropRow1377215563__root.NestedTableDragAndDropRow1377215563--draggingInto td{background-color:#e7f0ff!important}.PickerContent3155415999__root{display:flex}.PickerContentAdditionalStep3594605053__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3594605053__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2502883508__root{box-sizing:border-box}.ScrollableContent554818587__root.ScrollableContent554818587--overflowY{overflow-y:auto}.ScrollableContent554818587__root.ScrollableContent554818587--overflowX{overflow-x:auto}.ScrollableContent554818587__root.ScrollableContent554818587--smooth{scroll-behavior:smooth}.SkeletonCard3797804032__headerLoading{display:block!important}.SlidingModal2756128921__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2756128921__root.SlidingModal2756128921--overlay{transition:transform 0s ease 0s}.SlidingModal2756128921__root.SlidingModal2756128921---appendTo-6-parent{position:absolute}.SlidingModal2756128921__root:not(.SlidingModal2756128921--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2255324386__root .TabsFilter2255324386__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter2255324386__root.TabsFilter2255324386--selected .TabsFilter2255324386__title,.TabsFilter2255324386__root:hover .TabsFilter2255324386__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal191798250__root{display:flex}.ToolbarItem1727625193__root{min-width:0}.ToolbarItemBox3972644548__root{min-width:0}.ToolbarItemBox3972644548__root.ToolbarItemBox3972644548--removeStartPadding{margin-left:-24px}.ToolbarItemBox3972644548__root.ToolbarItemBox3972644548--expandable{flex:1 0}.common3370304451__column{display:flex;flex-direction:column}.common3370304451__fullHeight{height:100%;min-height:0}.CollectionPageHeader1339248645__root:not(.CollectionPageHeader1339248645--mobile){gap:12px}.CollectionPageHeader1339248645__root.CollectionPageHeader1339248645--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1339248645__root.CollectionPageHeader1339248645--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2036921673__root.FormPageHeader2036921673--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2036921673__root.FormPageHeader2036921673--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/test-utils/CairoTestApp.tsx

@@ -2,6 +2,7 @@ import React, { ReactNode, RefObject, Suspense } from 'react';
 import { WixPatternsTestProvider } from '../components';
 import { Page, WixStyleReactEnvironmentProvider } from '@wix/design-system';
 import { WixPatternsContainerProvider } from '@wix/bex-core/react';
+import { PatternsFieldsProvider } from '../providers/PatternsFieldsProvider';
 import { WixPatternsContainerDriver } from '@wix/bex-core/testkit/internal';
 import { EssentialsProvider } from '@wix/fe-essentials/react';
 import { EntityPageState } from '../state';
@@ -130,7 +131,7 @@ export function CairoTestApp({
       >
         <WixPatternsTestProvider>
           <WixPatternsContainerProvider value={driver.container}>
-            {child}
+            <PatternsFieldsProvider>{child}</PatternsFieldsProvider>
           </WixPatternsContainerProvider>
         </WixPatternsTestProvider>
       </WixStyleReactEnvironmentProvider>