@wix/patterns 1.378.0 → 1.380.0

package/src/state/EditableTable/types.ts

@@ -23,7 +23,11 @@ export type ValidationRule =
   | { type: 'minLength' | 'maxLength'; value: number; message: string }
   | { type: 'pattern'; value: RegExp; message: string }
   | { type: 'custom'; validate: (value: unknown) => boolean; message: string }
-  | { type: 'specificValues'; values: { id: string; value: string }[]; message: string };
+  | {
+      type: 'specificValues';
+      values: { id: string; value: string }[];
+      message: string;
+    };
 
 export interface ValidationResult {
   valid: boolean;
@@ -57,6 +61,13 @@ export interface CellType {
   /** Toggle value on single click (e.g., boolean checkbox). Skips focus→edit flow. */
   toggleValue?: (value: any) => any;
 
+  /** Enter edit mode on single click (e.g., image cell with no value). */
+  editOnClick?: (value: any) => boolean;
+
+  /** Show the EditComponent when the cell is focused, without entering edit mode.
+   *  Keyboard navigation remains active. Similar to toggleValue but without toggling. */
+  showEditWhenFocused?: boolean;
+
   /** 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.
    *  Return undefined to block the key. Return {} to enter edit mode without changing the value. */
@@ -69,7 +80,6 @@ export interface CellType {
    *  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 {
@@ -80,6 +90,7 @@ export interface CellTypeConfigMap {
   email: never;
   date: never;
   object: never;
+  image: never;
   custom: Omit<CellType, 'type'>;
 }
 

package/src/state/EntityPage/EntityPageFieldsState.ts

@@ -0,0 +1,158 @@
+import { DataCapsule, TaskState } from '@wix/bex-core';
+import {
+  action,
+  computed,
+  makeObservable,
+  observable,
+  runInAction,
+} from 'mobx';
+import { indexOfCompareFn } from '../indexOfCompareFn';
+
+const STORAGE_KEY = 'entity-page-layout';
+
+export interface EntityViewConfig {
+  id: string;
+  isVisible?: boolean;
+  hideable?: boolean; // not persisted — consumer-only; false = always visible
+}
+
+type StoredLayout = {
+  fields: Pick<EntityViewConfig, 'id' | 'isVisible'>[];
+};
+
+export interface EntityPageFieldsStateParams {
+  dataCapsule: DataCapsule;
+  fields: EntityViewConfig[];
+}
+
+export class EntityPageFieldsState {
+  _storedFields: EntityViewConfig[] = [];
+  readonly initTask = new TaskState();
+  private _persistQueue: Promise<void> = Promise.resolve();
+  private readonly params: EntityPageFieldsStateParams;
+
+  constructor(params: EntityPageFieldsStateParams) {
+    this.params = params;
+    makeObservable(this, {
+      _storedFields: observable,
+      orderedFields: computed,
+      setFieldVisibility: action.bound,
+      setFieldOrder: action.bound,
+    });
+  }
+
+  // Called from EntityPageState.init() — mirrors CustomColumnsState._tableInit()
+  init() {
+    this.initTask.runOnce(async () => {
+      try {
+        await this._fetchFromStorage();
+      } catch (e) {
+        console.error(e);
+      }
+    });
+  }
+
+  get orderedFields(): EntityViewConfig[] {
+    if (!this._storedFields.length) {
+      return this.params.fields;
+    }
+    // Fields not in storage all get index -1; stable sort preserves their declaration order
+    return [...this.params.fields].sort(
+      indexOfCompareFn(this._storedFields, (f) => f?.id),
+    );
+  }
+
+  isFieldVisible(id: string): boolean {
+    const field = this.params.fields.find((f) => f.id === id);
+    if (!field) {
+      return true;
+    } // unknown id — render by default
+    if (field.hideable === false) {
+      return true;
+    } // non-hideable — always visible
+    const stored = this._storedFields.find((f) => f.id === id);
+    return stored ? stored.isVisible ?? true : field.isVisible ?? true;
+  }
+
+  setFieldVisibility(id: string, isVisible: boolean) {
+    const idx = this._storedFields.findIndex((f) => f.id === id);
+    if (idx >= 0) {
+      // Replace element (not mutate in-place) so MobX tracks the array change
+      this._storedFields[idx] = { ...this._storedFields[idx], isVisible };
+    } else {
+      this._storedFields.push({ id, isVisible });
+    }
+    // Wait for init to complete before persisting — prevents overwriting the
+    // full stored layout when called before _fetchFromStorage resolves.
+    // Serialize writes: chain onto the queue so rapid toggles don't race.
+    this._persistQueue = this._persistQueue
+      .then(() => this.initTask.status.promise)
+      .then(() => this.persistFields())
+      .catch((e) => console.error(e));
+  }
+
+  setFieldOrder(orderedFields: EntityViewConfig[]) {
+    const storedMap = new Map(this._storedFields.map((f) => [f.id, f]));
+    const declaredMap = new Map(this.params.fields.map((f) => [f.id, f]));
+
+    // Rebuild _storedFields in the new order, preserving existing visibility.
+    // Only include fields that are still declared; unknown ids are silently dropped.
+    this._storedFields = orderedFields
+      .filter((f) => declaredMap.has(f.id))
+      .map((f) => storedMap.get(f.id) ?? { id: f.id, isVisible: declaredMap.get(f.id)!.isVisible ?? true });
+
+    this._persistQueue = this._persistQueue
+      .then(() => this.initTask.status.promise)
+      .then(() => this.persistFields())
+      .catch((e) => console.error(e));
+  }
+
+  private async persistFields() {
+    const fields = this._storedFields.map(({ id, isVisible }) => ({
+      id,
+      isVisible,
+    }));
+    await this.params.dataCapsule.setItem(STORAGE_KEY, { fields });
+  }
+
+  async _fetchFromStorage() {
+    const { dataCapsule, fields } = this.params;
+    let storedLayout: StoredLayout | null = null;
+    try {
+      const raw = await dataCapsule.getItem<StoredLayout>(STORAGE_KEY);
+      storedLayout =
+        raw && typeof raw === 'object' && Array.isArray(raw.fields)
+          ? raw
+          : null;
+    } catch (e) {
+      if (e instanceof Error && e.message === 'Key was not found in capsule') {
+        storedLayout = null;
+      } else {
+        throw e;
+      }
+    }
+    if (!storedLayout) {
+      return;
+    }
+
+    // Merge: keep stored order/visibility; append new fields; drop removed ones.
+    // Dedup by id — keeps the first occurrence, discarding any corrupt duplicates.
+    const declaredIds = new Set(fields.map((f) => f.id));
+    const seenIds = new Set<string>();
+    const merged: EntityViewConfig[] = storedLayout.fields.filter((f) => {
+      if (!f?.id || !declaredIds.has(f.id) || seenIds.has(f.id)) {
+        return false;
+      }
+      seenIds.add(f.id);
+      return true;
+    });
+    fields.forEach((f) => {
+      if (!merged.some((s) => s.id === f.id)) {
+        merged.push({ id: f.id, isVisible: f.isVisible ?? true });
+      }
+    });
+    runInAction(() => {
+      this._storedFields = merged;
+    });
+  }
+}

package/src/state/EntityPage/EntityPageState.ts

@@ -5,17 +5,22 @@ import {
   ActionsBarConfig,
   isMobileDevice,
 } from '@wix/bex-core';
+import { isEmpty } from 'lodash';
 import { action, computed, makeObservable, observable } from 'mobx';
 import { FieldValues, UseFormReturn } from 'react-hook-form';
 import { EntityPageStateBIReporter } from './EntityPageStateBIReporter';
 import { EventEmitter, TypedEmitter } from '@wix/bex-core/events';
 import { WixPatternsRouterState } from '../WixPatternsRouterState';
+import {
+  EntityPageFieldsState,
+  EntityViewConfig,
+} from './EntityPageFieldsState';
 
 type OnSaveParams = {
   widgetsFormData: { [key: string]: any };
 };
 
-export interface EntityPageStateParams<T, V extends FieldValues = FieldValues> {
+interface EntityPageStateParamsBase<T, V extends FieldValues = FieldValues> {
   /**
    * A function that fetches the entity data.
    * @returns a promise that resolves to an object containing the entity.
@@ -86,13 +91,36 @@ export interface EntityPageStateParams<T, V extends FieldValues = FieldValues> {
    * An optional object to override the actions bar.
    */
   actionsBarConfig?: ActionsBarConfig;
-
-  /**
-   * Entity fqdn.
-   */
-  fqdn?: string;
 }
 
+/**
+ * Pass both `fields` and `persistencyKey` together to enable field order and visibility persistency.
+ * Omit both to disable persistency.
+ */
+export type EntityPageStateParams<
+  T,
+  V extends FieldValues = FieldValues,
+> = EntityPageStateParamsBase<T, V> &
+  (
+    | {
+        /**
+         * Field definitions for persistency.
+         * Must be accompanied by `persistencyKey`.
+         */
+        fields: EntityViewConfig[];
+        /**
+         * A unique key identifying this entity page, used as the storage namespace for field
+         * order and visibility persistency. Required when `fields` is set.
+         * Should be unique per entity page type within the app (e.g. 'contacts', 'products').
+         */
+        persistencyKey: string;
+      }
+    | {
+        fields?: never;
+        persistencyKey?: never;
+      }
+  );
+
 export interface EntityPageStateInterface {}
 
 export interface EntityPageWidgetState {
@@ -118,6 +146,7 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
   readonly container: WixPatternsContainer;
   readonly reportBI: ReportBI;
   readonly bi: EntityPageStateBIReporter<T, V>;
+  readonly fieldsState?: EntityPageFieldsState;
 
   _routerState: WixPatternsRouterState | null = null;
 
@@ -141,6 +170,27 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
 
     this.container = params.container;
 
+    if (params.persistencyKey) {
+      if (isEmpty(params.fields)) {
+        console.warn(
+          'EntityPageState: `fields` is empty — field persistency will not be enabled.',
+        );
+      } else {
+        const { componentId, artifactId } = params.container.environment;
+        const namespace = [
+          componentId || artifactId,
+          params.persistencyKey,
+        ].join('.');
+        const dataCapsule = params.container._createComponentSettings({
+          namespace,
+        });
+        this.fieldsState = new EntityPageFieldsState({
+          dataCapsule,
+          fields: params.fields!,
+        });
+      }
+    }
+
     this._routerState = params.routerState ?? null;
 
     if (this._routerState) {
@@ -197,6 +247,7 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
     );
 
     initTask.runOnce(async () => {
+      this.fieldsState?.init(); // starts async storage read (non-blocking)
       const [data] = await Promise.all([
         this.fetch(),
         container.initTask.status.promise,

package/src/state/EntityPage/index.ts

@@ -1,3 +1,4 @@
 export * from './EntityPageState';
+export type { EntityViewConfig } from './EntityPageFieldsState';
 export * from './useEntityPageHeader';
 export * from './useEntityPageContent';

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

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

package/src/state/ILayoutSwitchState.ts

@@ -0,0 +1,10 @@
+import { FiltersMap, TaskState } from '@wix/bex-core';
+import { ToolbarCollectionState } from './ToolbarCollectionState';
+import { ViewTypeState } from './ViewTypeState';
+
+export interface ILayoutSwitchState<T, F extends FiltersMap> {
+  readonly viewTypeState: ViewTypeState;
+  readonly toolbar: ToolbarCollectionState<T, F>;
+  readonly initTask: TaskState<unknown>;
+  init(): void;
+}

package/src/state/LayoutSwitchState.ts

@@ -0,0 +1,147 @@
+import {
+  CollectionOptimisticActions,
+  CollectionState,
+  FiltersMap,
+  TaskState,
+  WixPatternsContainer,
+  WixPatternsContainerParams,
+} from '@wix/bex-core';
+import { computed, makeObservable, runInAction } from 'mobx';
+import {
+  EditableTableState,
+  EditableTablePermissions,
+  EditableTableMutationHandlers,
+} from './EditableTable';
+import { GridState } from './GridState';
+import { ICollectionComponentState } from './ICollectionComponentState';
+import { ILayoutSwitchState } from './ILayoutSwitchState';
+import { TableState } from './TableState';
+import { ToolbarCollectionState } from './ToolbarCollectionState';
+import { ViewType, ViewTypeState } from './ViewTypeState';
+
+export interface TableLayoutConfig {}
+
+export interface GridLayoutConfig {}
+
+export interface SpreadsheetLayoutConfig<T, F extends FiltersMap> {
+  mutations: EditableTableMutationHandlers<T>;
+  permissions?: EditableTablePermissions;
+  createOptimisticActions: (
+    collection: CollectionState<T, F>,
+  ) => CollectionOptimisticActions<T, F>;
+}
+
+export interface LayoutSwitchStateParams<T, F extends FiltersMap> {
+  collection: CollectionState<T, F>;
+  container: WixPatternsContainer;
+  containerOverrides: Partial<WixPatternsContainerParams>;
+  table?: TableLayoutConfig;
+  grid?: GridLayoutConfig;
+  spreadsheet?: SpreadsheetLayoutConfig<T, F>;
+}
+
+const componentType = 'LayoutSwitch';
+
+export class LayoutSwitchState<T, F extends FiltersMap>
+  implements ICollectionComponentState, ILayoutSwitchState<T, F>
+{
+  readonly collection: CollectionState<T, F>;
+  readonly toolbar: ToolbarCollectionState<T, F>;
+  readonly containerOverrides: Partial<WixPatternsContainerParams>;
+  readonly tableState: TableState<T, F> | undefined;
+  readonly gridState: GridState<T, F> | undefined;
+  readonly spreadsheetState: EditableTableState<T, F> | undefined;
+  readonly viewTypeState: ViewTypeState;
+  readonly initTask = new TaskState();
+
+  get viewType(): ViewType {
+    return this.viewTypeState.viewType;
+  }
+
+  set viewType(v: ViewType) {
+    runInAction(() => {
+      this.viewTypeState.viewType = v;
+    });
+  }
+
+  get options(): ViewType[] {
+    return this.viewTypeState.options;
+  }
+
+  constructor(params: LayoutSwitchStateParams<T, F>) {
+    this.collection = params.collection;
+    this.containerOverrides = params.containerOverrides;
+
+    this.toolbar = new ToolbarCollectionState({
+      componentType,
+      collection: this.collection,
+      container: params.container,
+      reportBi: (biParams) =>
+        params.container.reportBi({
+          ...biParams,
+          params: {
+            ...biParams.params,
+            componentStatus: this.viewTypeState.viewType,
+          },
+        }),
+    });
+
+    this.tableState = params.table
+      ? new TableState({
+          collection: this.collection,
+          container: params.container,
+          toolbar: this.toolbar,
+        })
+      : undefined;
+
+    this.gridState = params.grid
+      ? new GridState({
+          collection: this.collection,
+          container: params.container,
+          toolbar: this.toolbar,
+        })
+      : undefined;
+
+    this.spreadsheetState = params.spreadsheet
+      ? new EditableTableState({
+          collection: this.collection,
+          container: params.container,
+          toolbar: this.toolbar,
+          mutations: params.spreadsheet.mutations,
+          permissions: params.spreadsheet.permissions,
+          createOptimisticActions: params.spreadsheet.createOptimisticActions,
+        })
+      : undefined;
+
+    const enabledLayouts: ViewType[] = [
+      params.table ? 'table' : null,
+      params.grid ? 'grid' : null,
+      params.spreadsheet ? 'spreadsheet' : null,
+    ].filter(Boolean) as ViewType[];
+
+    this.viewTypeState = new ViewTypeState({
+      container: params.container,
+      dataCapsule: this.toolbar.dataCapsule,
+      componentType,
+      collection: this.collection,
+      options: enabledLayouts,
+    });
+
+    this.toolbar.layoutState = this;
+
+    makeObservable(this, {
+      viewType: computed,
+      options: computed,
+    });
+  }
+
+  init() {
+    const { viewTypeState, initTask } = this;
+    viewTypeState.init();
+
+    initTask.runOnce(async () => {
+      viewTypeState.initTask.runOnce();
+      await viewTypeState.initTask.status.promise;
+    });
+  }
+}

package/src/state/TableGridSwitchFoldersState.ts

@@ -77,6 +77,7 @@ export class TableGridSwitchFoldersState<
       container: this.container,
       dataCapsule: this.toolbar.dataCapsule,
       componentType: 'TableGridSwitchFolders',
+      options: ['table', 'grid'],
     });
 
     this.toolbar.layoutState = this;

package/src/state/TableGridSwitchState.ts

@@ -64,6 +64,7 @@ export class TableGridSwitchState<T, F extends FiltersMap>
       dataCapsule: this.toolbar.dataCapsule,
       componentType,
       collection: this.collection,
+      options: ['table', 'grid'],
     });
 
     this.toolbar.layoutState = this;

package/src/state/ViewTypeState.ts

@@ -17,11 +17,13 @@ export interface ViewTypeStateParams {
   readonly dataCapsule: Essentials['dataCapsule'];
   readonly componentType: string;
   readonly collection?: CollectionState<any, any>;
+  readonly options: ViewType[];
 }
-export type ViewType = 'table' | 'grid';
+export type ViewType = 'table' | 'grid' | 'spreadsheet';
 
 export class ViewTypeState {
   viewType: ViewType = 'table';
+  readonly options: ViewType[];
   readonly container;
   readonly dataCapsule;
   readonly componentType;
@@ -32,6 +34,7 @@ export class ViewTypeState {
     this.dataCapsule = params.dataCapsule;
     this.componentType = params.componentType;
     this.collection = params.collection;
+    this.options = params.options;
 
     makeObservable(this, {
       viewType: observable.ref,
@@ -49,7 +52,8 @@ export class ViewTypeState {
     try {
       const res = (await this.dataCapsule.getItem('view-type')) as ViewType;
       runInAction(() => {
-        this.viewType = res || this.viewType;
+        if (!this.options.length) return;
+        this.viewType = this.options.includes(res) ? res : this.options[0]!;
       });
     } catch (err) {
       this.container.errorMonitor.captureException(err);
@@ -57,6 +61,8 @@ export class ViewTypeState {
   }
 
   changeViewType(newViewType: ViewType) {
+    if (!this.options.length) return;
+
     const isLayoutToggleRedesignEnabled = this.container.experiments.enabled(
       'specs.cairo.layout-toggle.redesign',
     );
@@ -75,8 +81,8 @@ export class ViewTypeState {
       );
     }
 
-    this.viewType = newViewType === 'grid' ? 'grid' : 'table';
-    this.dataCapsule.setItem('view-type', newViewType);
+    this.viewType = this.options.includes(newViewType) ? newViewType : this.options[0]!;
+    this.dataCapsule.setItem('view-type', this.viewType);
   }
 
   reportLayoutSwitch() {

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer114447389__root.CardContainer114447389--mobile{border-radius:0}.Collapse3104481491__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3104481491__exit{height:0}.CollectionPage3278007346__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3278007346__root.CollectionPage3278007346--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3278007346__root.CollectionPage3278007346--panel{overflow:hidden;position:relative}.CollectionSectionHeader2753131021__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable544938562__root td{vertical-align:middle}.CollectionTable544938562__root.CollectionTable544938562--mobile td:first-child{padding-left:18px}.CollectionTable544938562__root.CollectionTable544938562--mobile td:last-child{padding-right:18px}.CollectionToolbar1902004285__left{min-width:0}.CollectionToolbar1902004285__left.CollectionToolbar1902004285--expandable{flex:auto}.CollectionToolbar1902004285__left.CollectionToolbar1902004285--title>*{width:100%}.CollectionToolbar1902004285__root.CollectionToolbar1902004285---responsiveMode-5-title .CollectionToolbar1902004285__left{flex:1 100;min-width:50px}.CollectionToolbar1902004285__root.CollectionToolbar1902004285---responsiveMode-4-tabs .CollectionToolbar1902004285__left,.CollectionToolbar1902004285__root.CollectionToolbar1902004285---responsiveMode-4-tabs .CollectionToolbar1902004285__left.CollectionToolbar1902004285--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1902004285__root.CollectionToolbar1902004285---responsiveMode-4-tabs .CollectionToolbar1902004285__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1902004285__root .CollectionToolbar1902004285__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1902004285__root.CollectionToolbar1902004285--views .CollectionToolbar1902004285__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1902004285__root.CollectionToolbar1902004285---responsiveMode-4-tabs .CollectionToolbar1902004285__right,.CollectionToolbar1902004285__root.CollectionToolbar1902004285---responsiveMode-5-title .CollectionToolbar1902004285__right{flex:0 1 auto;min-width:0}.CollectionToolbar1902004285__root .CollectionToolbar1902004285__right.CollectionToolbar1902004285__fullWidth{margin-inline-start:0!important}.CollectionToolbar1902004285__root.CollectionToolbar1902004285--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3579726546__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3579726546__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3579726546__searchMobile:not(.SearchOrCustomFilter3579726546--expandable){left:18px}.SearchOrCustomFilter3579726546__searchMobile.SearchOrCustomFilter3579726546--expandable.SearchOrCustomFilter3579726546--expanded{left:18px}.AutoCompleteReadonly831250285__root.AutoCompleteReadonly831250285--disableEditing{cursor:pointer}.AutoCompleteReadonly831250285__root.AutoCompleteReadonly831250285--disableEditing input{cursor:pointer}.ViewsDropdown526774541__root{width:200px}.DragHandle791509687__root{display:flex;align-items:center}.DragHandle791509687__root:not(.DragHandle791509687--disabled){cursor:grab;color:#a8caff}.DragHandle791509687__root.DragHandle791509687--disabled{color:#acafc4}.DragHandle791509687__root:focus-visible:not(.DragHandle791509687--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle791509687__root.DragHandle791509687--disabled{pointer-events:none}.DragHandle791509687__root.DragHandle791509687--dragging:not(.DragHandle791509687--disabled){cursor:grabbing}td:has(>.EditableCell2334465064__root){position:relative;overflow:visible;min-height:24px}.EditableCell2334465064__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)}.EditableCell2334465064__root.EditableCell2334465064--selected{background:rgba(56,153,236,.08)}.EditableCell2334465064__root.EditableCell2334465064--focused:not(.EditableCell2334465064--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell2334465064__root.EditableCell2334465064--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%}.EditableCell2334465064__root.EditableCell2334465064--selectionTop:not(.EditableCell2334465064--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--selectionBottom:not(.EditableCell2334465064--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--selectionLeft:not(.EditableCell2334465064--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--selectionRight:not(.EditableCell2334465064--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--selectionTop.EditableCell2334465064--editing.EditableCell2334465064--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--selectionBottom.EditableCell2334465064--editing.EditableCell2334465064--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--selectionLeft.EditableCell2334465064--editing.EditableCell2334465064--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--selectionRight.EditableCell2334465064--editing.EditableCell2334465064--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--invalid:not(.EditableCell2334465064--editing){background:rgba(229,0,77,.06)}.EditableCell2334465064__root.EditableCell2334465064--copiedTop:not(.EditableCell2334465064--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--copiedBottom:not(.EditableCell2334465064--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--copiedLeft:not(.EditableCell2334465064--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--copiedRight:not(.EditableCell2334465064--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell2334465064__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover358753717__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover358753717__root,.HeaderActionsPopover358753717__root.HeaderActionsPopover358753717--menuOpen,.HeaderActionsPopover358753717__root:focus-within{opacity:1}.CellViewLayout3479994484__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3479994484__root>*{flex:1;min-width:0}.Edit2056158397__booleanEdit{display:flex;align-items:center;margin-left:12px}.View4236187119__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit1762969689__dateInput{width:100%;margin-left:-1px}.Edit3289551781__emailInput{width:100%;margin-left:-1px}.Edit1540636546__numberInput{width:100%;margin-right:2px}.Edit1540636546__numberInput input{text-align:right;direction:ltr}.View1894319470__textView{width:100%;text-align:right}.Edit3961799499__jsonInput{width:100%;margin-left:-1px}.Edit245233832__selectInput{width:100%}.Edit4234533147__editWrapper{width:100%}.Edit4234533147__inputArea{background-color:transparent;width:100%}.Edit4234533147__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4234533147__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit4234533147__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4234533147__inputArea:not(.Edit4234533147--isFocused) textarea{resize:none;overflow:hidden}.Edit4234533147__inputArea:not(.Edit4234533147--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2992387440__urlInput{width:100%;margin-left:-1px}.View3921770292__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3921770292__urlText{flex:1;min-width:0}.View3921770292__suffix{flex-shrink:0;margin-left:10px}.View3921770292__textView.View3921770292--suffixOnHover:not(:hover) .View3921770292__suffix{display:none}.EntityPagePlain1641086988__root.EntityPagePlain1641086988--mobile{--wds-page-header-padding-horizontal:0}.Fade329759489__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade329759489__root.Fade329759489--exit{opacity:0}.Heading841018376__root{visibility:visible}.Heading841018376__root.Heading841018376--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload686656776__fileUpload{width:100%}.InputOverflow1271182134__root.InputOverflow1271182134--selected:not(.InputOverflow1271182134--focused) input::placeholder{color:#000624}@keyframes LoadingRow2196858778__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%}}.LoadingRow2196858778__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:LoadingRow2196858778__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2601044677__root{opacity:1}.MaxHeightText2601044677__root.MaxHeightText2601044677--height24{line-height:24px}.MaxLines3678574695__root{overflow:hidden}.MaxLines3678574695__root.MaxLines3678574695--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar407643509__root{min-width:0}.MultiBulkActionToolbar407643509__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar407643509__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar407643509__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow200227903__root td{padding:0!important;width:100%}.NestedTableRow4073148708__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow4073148708__root:hover{background-color:#e7f0ff!important}.NestedTableRow4073148708__root.NestedTableRow4073148708--expandable{cursor:pointer}.NestedTableRow4073148708__placeholder td{padding:0!important;width:100%}.NestedTableRow4073148708__root:hover td:first-of-type::before,.NestedTableRow4073148708__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3673484001__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)}.NestedTableDragAndDropRow748604090__root.NestedTableDragAndDropRow748604090--draggingInto td{background-color:#e7f0ff!important}.PickerContent2145700135__root{display:flex}.PickerContentAdditionalStep1252550532__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1252550532__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2660550529__root{box-sizing:border-box}.ScrollableContent824867288__root.ScrollableContent824867288--overflowY{overflow-y:auto}.ScrollableContent824867288__root.ScrollableContent824867288--overflowX{overflow-x:auto}.ScrollableContent824867288__root.ScrollableContent824867288--smooth{scroll-behavior:smooth}.SkeletonCard2455371441__headerLoading{display:block!important}.SlidingModal661696003__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal661696003__root.SlidingModal661696003--overlay{transition:transform 0s ease 0s}.SlidingModal661696003__root.SlidingModal661696003---appendTo-6-parent{position:absolute}.SlidingModal661696003__root:not(.SlidingModal661696003--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2767251165__root .TabsFilter2767251165__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter2767251165__root.TabsFilter2767251165--selected .TabsFilter2767251165__title,.TabsFilter2767251165__root:hover .TabsFilter2767251165__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal3062371901__root{display:flex}.ToolbarItem1347141476__root{min-width:0}.ToolbarItemBox2351423432__root{min-width:0}.ToolbarItemBox2351423432__root.ToolbarItemBox2351423432--removeStartPadding{margin-left:-24px}.ToolbarItemBox2351423432__root.ToolbarItemBox2351423432--expandable{flex:1 0}.common2887450320__column{display:flex;flex-direction:column}.common2887450320__fullHeight{height:100%;min-height:0}.CollectionPageHeader1589174459__root:not(.CollectionPageHeader1589174459--mobile){gap:12px}.CollectionPageHeader1589174459__root.CollectionPageHeader1589174459--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1589174459__root.CollectionPageHeader1589174459--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3242311320__root.FormPageHeader3242311320--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3242311320__root.FormPageHeader3242311320--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer3154883963__root.CardContainer3154883963--mobile{border-radius:0}.Collapse3502391018__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3502391018__exit{height:0}.CollectionPage1390947551__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1390947551__root.CollectionPage1390947551--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1390947551__root.CollectionPage1390947551--panel{overflow:hidden;position:relative}.CollectionSectionHeader140203179__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable4066037936__root td{vertical-align:middle}.CollectionTable4066037936__root.CollectionTable4066037936--mobile td:first-child{padding-left:18px}.CollectionTable4066037936__root.CollectionTable4066037936--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3488119013__root.CollectionTableWSRTable3488119013--resizable table{min-width:100%}.CollectionTableWSRTable3488119013__root.CollectionTableWSRTable3488119013--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1960205501__left{min-width:0}.CollectionToolbar1960205501__left.CollectionToolbar1960205501--expandable{flex:auto}.CollectionToolbar1960205501__left.CollectionToolbar1960205501--title>*{width:100%}.CollectionToolbar1960205501__root.CollectionToolbar1960205501---responsiveMode-5-title .CollectionToolbar1960205501__left{flex:1 100;min-width:50px}.CollectionToolbar1960205501__root.CollectionToolbar1960205501---responsiveMode-4-tabs .CollectionToolbar1960205501__left,.CollectionToolbar1960205501__root.CollectionToolbar1960205501---responsiveMode-4-tabs .CollectionToolbar1960205501__left.CollectionToolbar1960205501--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1960205501__root.CollectionToolbar1960205501---responsiveMode-4-tabs .CollectionToolbar1960205501__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1960205501__root .CollectionToolbar1960205501__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1960205501__root.CollectionToolbar1960205501--views .CollectionToolbar1960205501__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1960205501__root.CollectionToolbar1960205501---responsiveMode-4-tabs .CollectionToolbar1960205501__right,.CollectionToolbar1960205501__root.CollectionToolbar1960205501---responsiveMode-5-title .CollectionToolbar1960205501__right{flex:0 1 auto;min-width:0}.CollectionToolbar1960205501__root .CollectionToolbar1960205501__right.CollectionToolbar1960205501__fullWidth{margin-inline-start:0!important}.CollectionToolbar1960205501__root.CollectionToolbar1960205501--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2207618735__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2207618735__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter2207618735__searchMobile:not(.SearchOrCustomFilter2207618735--expandable){left:18px}.SearchOrCustomFilter2207618735__searchMobile.SearchOrCustomFilter2207618735--expandable.SearchOrCustomFilter2207618735--expanded{left:18px}.AutoCompleteReadonly3219263527__root.AutoCompleteReadonly3219263527--disableEditing{cursor:pointer}.AutoCompleteReadonly3219263527__root.AutoCompleteReadonly3219263527--disableEditing input{cursor:pointer}.ViewsDropdown1141746989__root{width:200px}.DragHandle3988645655__root{display:flex;align-items:center}.DragHandle3988645655__root:not(.DragHandle3988645655--disabled){cursor:grab;color:#a8caff}.DragHandle3988645655__root.DragHandle3988645655--disabled{color:#acafc4}.DragHandle3988645655__root:focus-visible:not(.DragHandle3988645655--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3988645655__root.DragHandle3988645655--disabled{pointer-events:none}.DragHandle3988645655__root.DragHandle3988645655--dragging:not(.DragHandle3988645655--disabled){cursor:grabbing}td:has(>.EditableCell43257584__root){position:relative;overflow:visible;min-height:24px}.EditableCell43257584__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)}.EditableCell43257584__root.EditableCell43257584--selected{background:rgba(56,153,236,.08)}.EditableCell43257584__root.EditableCell43257584--focused:not(.EditableCell43257584--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell43257584__root.EditableCell43257584--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}.EditableCell43257584__root.EditableCell43257584--editing:not(.EditableCell43257584--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell43257584__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell43257584__root.EditableCell43257584--selectionTop:not(.EditableCell43257584--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell43257584__root.EditableCell43257584--selectionBottom:not(.EditableCell43257584--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell43257584__root.EditableCell43257584--selectionLeft:not(.EditableCell43257584--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell43257584__root.EditableCell43257584--selectionRight:not(.EditableCell43257584--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell43257584__root.EditableCell43257584--selectionTop.EditableCell43257584--editing.EditableCell43257584--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell43257584__root.EditableCell43257584--selectionBottom.EditableCell43257584--editing.EditableCell43257584--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell43257584__root.EditableCell43257584--selectionLeft.EditableCell43257584--editing.EditableCell43257584--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell43257584__root.EditableCell43257584--selectionRight.EditableCell43257584--editing.EditableCell43257584--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell43257584__root.EditableCell43257584--invalid:not(.EditableCell43257584--editing){background:rgba(229,0,77,.06)}.EditableCell43257584__root.EditableCell43257584--copiedTop:not(.EditableCell43257584--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell43257584__root.EditableCell43257584--copiedBottom:not(.EditableCell43257584--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell43257584__root.EditableCell43257584--copiedLeft:not(.EditableCell43257584--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell43257584__root.EditableCell43257584--copiedRight:not(.EditableCell43257584--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell43257584__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover1524078716__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover1524078716__root,.HeaderActionsPopover1524078716__root.HeaderActionsPopover1524078716--menuOpen,.HeaderActionsPopover1524078716__root:focus-within{opacity:1}.CellViewLayout1672861084__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout1672861084__root>*{flex:1;min-width:0}.Edit3584242642__booleanEdit{display:flex;align-items:center;margin-left:12px}.View2229488320__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit3931809708__dateInput{width:100%;margin-left:-1px}.Edit692004757__emailInput{width:100%;margin-left:-1px}.Edit3435911774__numberInput{width:100%;margin-right:2px}.Edit3435911774__numberInput input{text-align:right;direction:ltr}.View461917263__textView{width:100%;text-align:right}.Edit694882749__jsonInput{width:100%;margin-left:-1px}.Edit2552462695__selectInput{width:100%}.Edit3751560672__editWrapper{width:100%}.Edit3751560672__inputArea{background-color:transparent;width:100%}.Edit3751560672__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3751560672__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit3751560672__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3751560672__inputArea:not(.Edit3751560672--isFocused) textarea{resize:none;overflow:hidden}.Edit3751560672__inputArea:not(.Edit3751560672--isFocused) textarea::-webkit-scrollbar{display:none}.Edit113419719__urlInput{width:100%;margin-left:-1px}.View3499712186__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3499712186__urlText{flex:1;min-width:0}.View3499712186__suffix{flex-shrink:0;margin-left:10px}.View3499712186__textView.View3499712186--suffixOnHover:not(:hover) .View3499712186__suffix{display:none}.EntityPagePlain2356357517__root.EntityPagePlain2356357517--mobile{--wds-page-header-padding-horizontal:0}.Fade525406167__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade525406167__root.Fade525406167--exit{opacity:0}.Heading2420251234__root{visibility:visible}.Heading2420251234__root.Heading2420251234--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload962406613__fileUpload{width:100%}.InputOverflow2186178642__root.InputOverflow2186178642--selected:not(.InputOverflow2186178642--focused) input::placeholder{color:#000624}@keyframes LoadingRow2728541301__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%}}.LoadingRow2728541301__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:LoadingRow2728541301__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3684570785__root{opacity:1}.MaxHeightText3684570785__root.MaxHeightText3684570785--height24{line-height:24px}.MaxLines1301827869__root{overflow:hidden}.MaxLines1301827869__root.MaxLines1301827869--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2587023767__root{min-width:0}.MultiBulkActionToolbar2587023767__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2587023767__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2587023767__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2688492260__root td{padding:0!important;width:100%}.NestedTableRow1130154746__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1130154746__root:hover{background-color:#e7f0ff!important}.NestedTableRow1130154746__root.NestedTableRow1130154746--expandable{cursor:pointer}.NestedTableRow1130154746__placeholder td{padding:0!important;width:100%}.NestedTableRow1130154746__root:hover td:first-of-type::before,.NestedTableRow1130154746__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2404938392__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)}.NestedTableDragAndDropRow3036756031__root.NestedTableDragAndDropRow3036756031--draggingInto td{background-color:#e7f0ff!important}.PickerContent3300675913__root{display:flex}.PickerContentAdditionalStep1136118037__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1136118037__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2168263646__root{box-sizing:border-box}.ScrollableContent945571623__root.ScrollableContent945571623--overflowY{overflow-y:auto}.ScrollableContent945571623__root.ScrollableContent945571623--overflowX{overflow-x:auto}.ScrollableContent945571623__root.ScrollableContent945571623--smooth{scroll-behavior:smooth}.SkeletonCard372245006__headerLoading{display:block!important}.SlidingModal3393023090__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3393023090__root.SlidingModal3393023090--overlay{transition:transform 0s ease 0s}.SlidingModal3393023090__root.SlidingModal3393023090---appendTo-6-parent{position:absolute}.SlidingModal3393023090__root:not(.SlidingModal3393023090--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter4257445835__root .TabsFilter4257445835__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter4257445835__root.TabsFilter4257445835--selected .TabsFilter4257445835__title,.TabsFilter4257445835__root:hover .TabsFilter4257445835__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal1383368685__root{display:flex}.ToolbarItem2510991336__root{min-width:0}.ToolbarItemBox3076062664__root{min-width:0}.ToolbarItemBox3076062664__root.ToolbarItemBox3076062664--removeStartPadding{margin-left:-24px}.ToolbarItemBox3076062664__root.ToolbarItemBox3076062664--expandable{flex:1 0}.common3086722801__column{display:flex;flex-direction:column}.common3086722801__fullHeight{height:100%;min-height:0}.CollectionPageHeader926987440__root:not(.CollectionPageHeader926987440--mobile){gap:12px}.CollectionPageHeader926987440__root.CollectionPageHeader926987440--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader926987440__root.CollectionPageHeader926987440--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader624971763__root.FormPageHeader624971763--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader624971763__root.FormPageHeader624971763--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/test-utils/CairoTestApp.tsx

@@ -2,7 +2,6 @@ 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';
@@ -131,7 +130,7 @@ export function CairoTestApp({
       >
         <WixPatternsTestProvider>
           <WixPatternsContainerProvider value={driver.container}>
-            <PatternsFieldsProvider>{child}</PatternsFieldsProvider>
+            {child}
           </WixPatternsContainerProvider>
         </WixPatternsTestProvider>
       </WixStyleReactEnvironmentProvider>

package/src/testkit/jsdom.ts

@@ -27,6 +27,7 @@ import RequestIdUniDriver from '../components/RequestId/RequestId.uni.driver';
 import { SearchableCollectionContentUniDriver } from '../components/SearchableCollectionContent/SearchableCollectionContent.uni.driver';
 import { SuggestionsUniDriver } from '../components/Suggestions/Suggestions.uni.driver';
 import { default as EditableTableUniDriver } from '../components/EditableTable/EditableTable.uni.driver';
+import { LayoutSwitchUniDriver } from '../components/LayoutSwitch/LayoutSwitch.uni.driver';
 
 export const TableTestkit = uniTestkitFactoryCreator(TableUniDriver);
 
@@ -116,3 +117,7 @@ export const SuggestionsTestkit =
 export const EditableTableTestkit = uniTestkitFactoryCreator(
   EditableTableUniDriver,
 );
+
+export const LayoutSwitchTestkit = uniTestkitFactoryCreator(
+  LayoutSwitchUniDriver,
+);

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.378.0';
+export const version = 'patterns@1.380.0';