@wix/patterns 1.446.0 → 1.448.0

package/src/state/EntityPage/EntityPageDeleteActionState.ts

@@ -0,0 +1,228 @@
+import { TaskState } from '@wix/bex-core';
+import type {
+  LoadedSchema,
+  SchemaSource,
+  ToastConfig,
+  WixPatternsContainer,
+} from '@wix/bex-core';
+import { computed, makeObservable } from 'mobx';
+
+type DeleteErrorToast = (
+  err: unknown,
+  params: { retry: () => void },
+) =>
+  | {
+      message?: string;
+      tryAgain?: boolean;
+      action?: { text: string; onClick: () => void };
+    }
+  | string;
+
+export interface EntityPageDeleteActionConfig<T> {
+  enabled?: boolean;
+  onDelete?: (entity: T) => Promise<void>;
+  successToast?: Pick<ToastConfig, 'message'> | string;
+  errorToast?: DeleteErrorToast;
+  itemName?: (entity: T) => string;
+}
+
+export type EntityPageDeleteAction<T> =
+  | boolean
+  | EntityPageDeleteActionConfig<T>;
+
+export interface EntityPageDeleteActionStateParams<T> {
+  container: WixPatternsContainer;
+  deleteAction?: EntityPageDeleteAction<T>;
+  schemaSource?: SchemaSource<T>;
+  getEntity: () => T | null;
+  getLoadedSchema: () => LoadedSchema<T> | null;
+  transformEntityToCollectionItem: (entity: T) => any;
+  onDeleted: (deletedCollectionItem: any) => void;
+  emitDelete: () => void;
+  emitDeleteError: (err: unknown) => void;
+}
+
+export class EntityPageDeleteActionState<T> {
+  readonly container: WixPatternsContainer;
+  readonly deleteAction?: EntityPageDeleteAction<T>;
+  readonly schemaSource?: SchemaSource<T>;
+  readonly getEntity: () => T | null;
+  readonly getLoadedSchema: () => LoadedSchema<T> | null;
+  readonly transformEntityToCollectionItem: (entity: T) => any;
+  readonly onDeleted: (deletedCollectionItem: any) => void;
+  readonly emitDelete: () => void;
+  readonly emitDeleteError: (err: unknown) => void;
+
+  readonly task = new TaskState<void>();
+
+  constructor(params: EntityPageDeleteActionStateParams<T>) {
+    this.container = params.container;
+    this.deleteAction = params.deleteAction;
+    this.schemaSource = params.schemaSource;
+    this.getEntity = params.getEntity;
+    this.getLoadedSchema = params.getLoadedSchema;
+    this.transformEntityToCollectionItem =
+      params.transformEntityToCollectionItem;
+    this.onDeleted = params.onDeleted;
+    this.emitDelete = params.emitDelete;
+    this.emitDeleteError = params.emitDeleteError;
+
+    makeObservable(this, {
+      canShow: computed,
+      disabledReason: computed,
+    });
+  }
+
+  private get config(): EntityPageDeleteActionConfig<T> | null {
+    if (!this.deleteAction) {
+      return null;
+    }
+
+    return typeof this.deleteAction === 'boolean' ? {} : this.deleteAction;
+  }
+
+  private get isEnabled() {
+    return this.config?.enabled !== false;
+  }
+
+  private getDeleteHandler(): ((entity: T) => Promise<void>) | undefined {
+    const config = this.config;
+    if (!config || !this.isEnabled) {
+      return undefined;
+    }
+
+    if (config.onDelete) {
+      return config.onDelete;
+    }
+
+    const backendDelete = this.getLoadedSchema()?.backend.delete;
+    if (this.schemaSource && backendDelete) {
+      return (entity) => backendDelete(this.schemaSource!.itemKey(entity));
+    }
+
+    return undefined;
+  }
+
+  get canShow() {
+    const itemPermissions = this.getLoadedSchema()?.schema.itemPermissions;
+    return (
+      !!this.getEntity() &&
+      !!this.config &&
+      this.isEnabled &&
+      !!this.getDeleteHandler() &&
+      (itemPermissions?.deleteItem ?? true)
+    );
+  }
+
+  get disabledReason() {
+    const entity = this.getEntity();
+    const itemPermissions = this.getLoadedSchema()?.schema.itemPermissions;
+    const disabledResult =
+      entity && itemPermissions?.isRemoveItemDisabled
+        ? itemPermissions.isRemoveItemDisabled(entity)
+        : undefined;
+
+    if (!disabledResult?.disabled) {
+      return undefined;
+    }
+
+    return disabledResult.reason ?? this.container.translate('cairo.disabled');
+  }
+
+  getItemName(entity: T) {
+    const itemName =
+      this.config?.itemName?.(entity) ?? this.schemaSource?.itemName(entity);
+
+    return (
+      itemName ||
+      this.container.translate('cairo.entity.item', {
+        num: 1,
+      })
+    );
+  }
+
+  private showSuccessToast(deletedEntity: T) {
+    const successToast = this.config?.successToast;
+    const message =
+      typeof successToast === 'string' ? successToast : successToast?.message;
+
+    this.container.showToast?.({
+      type: 'SUCCESS',
+      biName: 'cairo-entity-page-delete-success-toast',
+      message:
+        message ??
+        this.container.translate('cairo.deleteSuccess', {
+          itemName: this.getItemName(deletedEntity),
+        }),
+    });
+  }
+
+  private showErrorToast(err: unknown) {
+    const errorToast = this.config?.errorToast?.(err, {
+      retry: () => this.deleteEntity(),
+    });
+    const message =
+      typeof errorToast === 'string' ? errorToast : errorToast?.message;
+    const showTryAgain =
+      typeof errorToast === 'string' ? true : errorToast?.tryAgain !== false;
+    const action =
+      typeof errorToast === 'string' ? undefined : errorToast?.action;
+
+    this.container.showToast?.({
+      type: 'ERROR',
+      biName: 'cairo-entity-page-delete-error-toast',
+      message:
+        message ?? this.container.translate('cairo.technical.error.text'),
+      action:
+        action || showTryAgain
+          ? {
+              uiType: 'LINK',
+              text:
+                action?.text ?? this.container.translate('cairo.toast.retry'),
+              onClick: () => {
+                if (action?.onClick) {
+                  action.onClick();
+                } else {
+                  this.deleteEntity();
+                }
+              },
+              removeToastOnClick: true,
+            }
+          : undefined,
+    });
+  }
+
+  async deleteEntity() {
+    if (this.task.status.isLoading || !this.canShow || this.disabledReason) {
+      return;
+    }
+
+    const entity = this.getEntity();
+    const deleteHandler = this.getDeleteHandler();
+    if (!entity || !deleteHandler) {
+      return;
+    }
+
+    this.emitDelete();
+
+    let caughtError: unknown;
+    await this.task.run(
+      async () => {
+        await deleteHandler(entity);
+      },
+      (err) => {
+        caughtError = err;
+      },
+    );
+
+    if (caughtError) {
+      this.showErrorToast(caughtError);
+      this.container.errorMonitor.captureException(caughtError);
+      this.emitDeleteError(caughtError);
+      throw caughtError;
+    }
+
+    this.showSuccessToast(entity);
+    this.onDeleted(this.transformEntityToCollectionItem(entity));
+  }
+}

package/src/state/EntityPage/EntityPageState.ts

@@ -7,6 +7,7 @@ import {
   SchemaSource,
   Schema,
 } from '@wix/bex-core';
+import type { LoadedSchema } from '@wix/bex-core';
 import { action, computed, makeObservable, observable } from 'mobx';
 import type { PatternsFieldsAppContainer } from '@wix/patterns-fields/providers';
 import { fieldsContainerOf } from '../../model/schemaFieldsContainer';
@@ -16,6 +17,10 @@ import { EventEmitter, TypedEmitter } from '@wix/bex-core/events';
 import { WixPatternsRouterState } from '../WixPatternsRouterState';
 import type { SidePanelsState } from '../SidePanelsState';
 import type { CustomColumnsEntityPageState } from '../CustomColumnsEntityPageState';
+import {
+  EntityPageDeleteAction,
+  EntityPageDeleteActionState,
+} from './EntityPageDeleteActionState';
 
 type OnSaveParams = {
   widgetsFormData: { [key: string]: any };
@@ -58,6 +63,13 @@ interface EntityPageStateParamsBase<T, V extends FieldValues = FieldValues> {
       }
     | string;
 
+  /**
+   * Enables deleting the loaded entity from the entity page. Pass `true` for a
+   * schema-backed page to use the source backend, or an object to customize the
+   * action and to provide a delete handler for manually wired pages.
+   */
+  deleteAction?: EntityPageDeleteAction<T>;
+
   /**
    * An optional function to transform the updated entity data before it is passed to the collection page.
    * @param entity the updated entity.
@@ -136,6 +148,7 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
 
   _entity: T | null = null;
   _schema: Schema | null = null;
+  _loadedSchema: LoadedSchema<T> | null = null;
   private readonly _parentPageId?: string;
   private readonly _parentPath?: string;
   private readonly _parentReferrer?: string;
@@ -175,10 +188,13 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
   _routerState: WixPatternsRouterState | null = null;
 
   readonly formPage: FormPageState<V>;
+  readonly deleteActionState: EntityPageDeleteActionState<T>;
 
   readonly events = new EventEmitter() as TypedEmitter<{
     save: () => void;
     saveError: (err: unknown) => void;
+    delete: () => void;
+    deleteError: (err: unknown) => void;
   }>;
 
   constructor(params: EntityPageStateParams<T, V>) {
@@ -195,6 +211,19 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
     this.schemaSource = params.schemaSource;
 
     this.container = params.container;
+    this.deleteActionState = new EntityPageDeleteActionState<T>({
+      container: this.container,
+      deleteAction: params.deleteAction,
+      schemaSource: this.schemaSource,
+      getEntity: () => this.entity,
+      getLoadedSchema: () => this.loadedSchema,
+      transformEntityToCollectionItem: this.transformEntityToCollectionItem,
+      onDeleted: action((deletedCollectionItem) =>
+        this.handleEntityDeleted(deletedCollectionItem),
+      ),
+      emitDelete: () => this.events.emit('delete'),
+      emitDeleteError: (err) => this.events.emit('deleteError', err),
+    });
 
     this._routerState = params.routerState ?? null;
 
@@ -220,6 +249,8 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
       setEntity: action,
       _schema: observable.ref,
       setSchema: action,
+      _loadedSchema: observable.ref,
+      setLoadedSchema: action,
       customColumnsState: observable.ref,
       isFormDirty: computed,
       _withinRouter: computed,
@@ -267,6 +298,7 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
       ]);
 
       this.setEntity(data.entity ?? null);
+      this.setLoadedSchema(loadedSchema ?? null);
       // Don't overwrite a schema something already set. A fields card mirrors the
       // schema its field mutations merge into, and `loadSchema` is memoized — so
       // setting it here again would put the pre-mutation fields map back and drop
@@ -303,6 +335,14 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
     return this._schema;
   }
 
+  setLoadedSchema(loadedSchema: LoadedSchema<T> | null) {
+    this._loadedSchema = loadedSchema;
+  }
+
+  get loadedSchema(): LoadedSchema<T> | null {
+    return this._loadedSchema;
+  }
+
   get isFetching() {
     return this.formPage.isFetching;
   }
@@ -338,8 +378,10 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
 
   navigateToParent(updatedEntity?: any) {
     const entityStringKey = this._entity ? '_updatedEntity' : '_createdEntity';
-    const entityObject = { [entityStringKey]: updatedEntity };
+    this.navigateToParentWithState({ [entityStringKey]: updatedEntity });
+  }
 
+  navigateToParentWithState(entityObject: Record<string, unknown>) {
     if (this._withinRouter) {
       this._routerState!.navigate(this._parentPath!, { state: entityObject });
     } else {
@@ -407,6 +449,11 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
     });
   }
 
+  private handleEntityDeleted(deletedCollectionItem: any) {
+    this.isSubmitSuccessful = true;
+    this.navigateToParentWithState({ _deletedEntity: deletedCollectionItem });
+  }
+
   async handleSubmit(e?: React.BaseSyntheticEvent) {
     if (this.formPage.submitTask.status.isLoading) {
       return;

package/src/state/EntityPage/index.ts

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

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

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

package/src/state/WixPatternsRouterState.ts

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

package/src/state/buildEditableFieldColumns.ts

@@ -3,6 +3,7 @@ import type {
   FieldsSource,
   FieldTypeDefinition,
   PatternsFieldType,
+  Translate,
   ValidationRule,
 } from '@wix/bex-core';
 import { resolveFieldTypeDefinition } from '@wix/bex-core';
@@ -37,7 +38,10 @@ function hasEditor(field: Field, customCell?: Omit<CellType, 'type'>): boolean {
   );
 }
 
-export function toValidationRules(field: Field): ValidationRule[] {
+export function toValidationRules(
+  field: Field,
+  translate: Translate,
+): ValidationRule[] {
   const v = field.validation;
   if (!v) {
     return [];
@@ -46,7 +50,9 @@ export function toValidationRules(field: Field): ValidationRule[] {
   if (v.required) {
     rules.push({
       type: 'required',
-      message: `${field.displayName} is required`,
+      message: translate('cairo.editableTable.field.validation.required', {
+        fieldName: field.displayName,
+      }),
     });
   }
   if (v.numberRange?.min != null) {
@@ -73,7 +79,10 @@ export function toValidationRules(field: Field): ValidationRule[] {
     rules.push({
       type: 'specificValues',
       values: v.specificValues,
-      message: `${field.displayName} must be one of the allowed values`,
+      message: translate(
+        'cairo.editableTable.field.validation.specificValues',
+        { fieldName: field.displayName },
+      ),
     });
   }
   return rules;
@@ -103,6 +112,7 @@ function synthesizeCellConfig(
  */
 export function buildEditableFieldColumns(
   source: FieldsSource,
+  translate: Translate,
   editableCellFor?: (field: Field) => EditableCellUpgrade | undefined,
 ): EditableColumn<Record<string, unknown>>[] {
   const canWrite = typeof source.setCellValue === 'function';
@@ -125,7 +135,7 @@ export function buildEditableFieldColumns(
         (NEEDS_TYPE_CONFIG.has(field.type)
           ? 'object'
           : FIELD_TYPE_TO_CELL_TYPE[field.type] ?? 'object');
-    const validation = toValidationRules(field);
+    const validation = toValidationRules(field, translate);
     const editable =
       canWrite &&
       !field.isSystem &&

package/src/state/index.ts

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

package/src/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer717511808__root.CardContainer717511808--mobile{border-radius:0}.CmsFieldForm2795121629__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2249243587__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection3637935446__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput3097606045__field{flex:1;min-width:0}.Collapse2200595477__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2200595477__exit{height:0}.CollectionPage46210937__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage46210937__root.CollectionPage46210937--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage46210937__root.CollectionPage46210937--panel{overflow:hidden;position:relative}.CollectionSectionHeader3603664615__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3709056707__root td{vertical-align:middle}.CollectionTable3709056707__root.CollectionTable3709056707--mobile td:first-child{padding-left:18px}.CollectionTable3709056707__root.CollectionTable3709056707--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable1028882096__root.CollectionTableWSRTable1028882096--resizable table{min-width:100%}.CollectionTableWSRTable1028882096__root.CollectionTableWSRTable1028882096--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar2577173130__root.CollectionToolbar2577173130--harmony .CollectionToolbar2577173130__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar2577173130__left{min-width:0}.CollectionToolbar2577173130__left.CollectionToolbar2577173130--expandable{flex:auto}.CollectionToolbar2577173130__left.CollectionToolbar2577173130--title>*{width:100%}.CollectionToolbar2577173130__root.CollectionToolbar2577173130---responsiveMode-5-title .CollectionToolbar2577173130__left{flex:1 100;min-width:50px}.CollectionToolbar2577173130__root.CollectionToolbar2577173130---responsiveMode-4-tabs .CollectionToolbar2577173130__left,.CollectionToolbar2577173130__root.CollectionToolbar2577173130---responsiveMode-4-tabs .CollectionToolbar2577173130__left.CollectionToolbar2577173130--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2577173130__root.CollectionToolbar2577173130---responsiveMode-4-tabs .CollectionToolbar2577173130__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2577173130__root .CollectionToolbar2577173130__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2577173130__root.CollectionToolbar2577173130--views .CollectionToolbar2577173130__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2577173130__root.CollectionToolbar2577173130---responsiveMode-4-tabs .CollectionToolbar2577173130__right,.CollectionToolbar2577173130__root.CollectionToolbar2577173130---responsiveMode-5-title .CollectionToolbar2577173130__right{flex:0 1 auto;min-width:0}.CollectionToolbar2577173130__root .CollectionToolbar2577173130__right.CollectionToolbar2577173130__fullWidth{margin-inline-start:0!important}.CollectionToolbar2577173130__root.CollectionToolbar2577173130--mobile:not(.CollectionToolbar2577173130--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter3125545518__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3125545518__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3125545518__searchMobile:not(.SearchOrCustomFilter3125545518--expandable){left:18px}.SearchOrCustomFilter3125545518__searchMobile.SearchOrCustomFilter3125545518--expandable.SearchOrCustomFilter3125545518--expanded{left:18px}.AutoCompleteReadonly1733311372__root.AutoCompleteReadonly1733311372--disableEditing{cursor:pointer}.AutoCompleteReadonly1733311372__root.AutoCompleteReadonly1733311372--disableEditing input{cursor:pointer}.ViewsDropdown2969463254__root{width:200px}.DragHandle689828589__root{display:flex;align-items:center}.DragHandle689828589__root:not(.DragHandle689828589--disabled){cursor:grab;color:#a8caff}.DragHandle689828589__root.DragHandle689828589--disabled{color:#acafc4}.DragHandle689828589__root:focus-visible:not(.DragHandle689828589--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle689828589__root.DragHandle689828589--disabled{pointer-events:none}.DragHandle689828589__root.DragHandle689828589--dragging:not(.DragHandle689828589--disabled){cursor:grabbing}td:has(>.EditableCell3571605708__root){position:relative;overflow:visible}tr:has(.EditableCell3571605708__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell3571605708__root{display:flex;align-items:center;padding:0;position:absolute;top:-1px;left:-1px;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff));border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb))}tr:first-child>td>.EditableCell3571605708__root{top:0}.EditableCell3571605708__root:hover:not(.EditableCell3571605708--rowActive):not(.EditableCell3571605708--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell3571605708__root.EditableCell3571605708--rowActive:not(.EditableCell3571605708--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell3571605708__root.EditableCell3571605708--rowActive:hover:not(.EditableCell3571605708--focused):not(.EditableCell3571605708--rangeSelected){border-color:var(--wds-input-border-color-hover, var(--wsr-color-B40, #d6e6fe));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell3571605708__root.EditableCell3571605708--focused:not(.EditableCell3571605708--rangeSelected){border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell3571605708__root.EditableCell3571605708--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell3571605708__root.EditableCell3571605708--editing:not(.EditableCell3571605708--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell3571605708__root.EditableCell3571605708--focused.EditableCell3571605708--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell3571605708__root:has([data-inner-focused]){overflow:visible;z-index:3;border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell3571605708__root.EditableCell3571605708--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell3571605708__root.EditableCell3571605708--selectionTop:not(.EditableCell3571605708--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell3571605708__root.EditableCell3571605708--selectionBottom:not(.EditableCell3571605708--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3571605708__root.EditableCell3571605708--selectionLeft:not(.EditableCell3571605708--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell3571605708__root.EditableCell3571605708--selectionRight:not(.EditableCell3571605708--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell3571605708__root.EditableCell3571605708--invalid,.EditableCell3571605708__root.EditableCell3571605708--invalid.EditableCell3571605708--rowActive:hover:not(.EditableCell3571605708--focused):not(.EditableCell3571605708--rangeSelected),.EditableCell3571605708__root.EditableCell3571605708--invalid.EditableCell3571605708--focused:not(.EditableCell3571605708--rangeSelected),.EditableCell3571605708__root.EditableCell3571605708--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell3571605708__root.EditableCell3571605708--copiedTop:not(.EditableCell3571605708--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell3571605708__root.EditableCell3571605708--copiedBottom:not(.EditableCell3571605708--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell3571605708__root.EditableCell3571605708--copiedLeft:not(.EditableCell3571605708--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell3571605708__root.EditableCell3571605708--copiedRight:not(.EditableCell3571605708--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell3571605708__root.EditableCell3571605708--invalid:not(.EditableCell3571605708--focused):not(.EditableCell3571605708--editing){z-index:1}.EditableCell3571605708__errorMessage{position:absolute;top:calc(100% + 4px);left:-1px;z-index:4;box-sizing:border-box;width:max-content;max-width:240px;padding:6px 8px;pointer-events:none;border-radius:var(--wds-popover-border-radius, var(--wds-border-radius-400, 8px));background:var(--wds-popover-fill, var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff)));box-shadow:var(--wds-shadow-surface-overlay, 0 0 18px rgba(0, 6, 36, 0.1), 0 6px 6px rgba(0, 6, 36, 0.05))}.HeaderActionsPopover2155685837__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover2155685837__root,.HeaderActionsPopover2155685837__root[data-menu-open=true],.HeaderActionsPopover2155685837__root:focus-within{opacity:1}.CellViewLayout2225238486__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2225238486__root>*{flex:1;min-width:0}.Edit59862760__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:8px;padding-right:8px;min-width:0;overflow:hidden}.Edit59862760__addressInput>div,.Edit59862760__addressInput>div>div,.Edit59862760__addressInput>div>div>div{width:100%;min-width:0}.Edit1066489331__jsonInput{width:100%;margin-left:-1px}.Edit1480691619__booleanEdit{display:flex;align-items:center;margin-left:8px}.View1411502545__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit2526068679__root{width:100%;height:100%;display:flex;align-items:center}.Edit1271927729__dateInput{width:100%;margin-left:-1px}.Edit3892105212__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit3892105212__dateHalf{flex:60 1 0}.Edit3892105212__timeHalf{flex:40 1 0}.Edit3892105212__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3892105212__passiveText{padding:6px 8px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit3892105212__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View2182751378__leaf{min-width:0;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View2182751378__datePart{flex:60 1 0}.View2182751378__timePart{flex:40 1 0}.View2182751378__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View2182751378__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit251951507__emailInput{width:100%;margin-left:-1px}.Edit4293594728__numberInput{width:100%;margin-right:2px}.Edit4293594728__numberInput input{text-align:right;direction:ltr}.View1028679298__textView{width:100%;text-align:right}.Edit1558508534__jsonInput{width:100%;margin-left:-1px}.Edit1370268481__selectInput{width:100%}.Edit2457973312__editWrapper{width:100%}.Edit2457973312__inputArea{background-color:transparent;width:100%}.Edit2457973312__inputArea input,.Edit2457973312__inputArea textarea{font-size:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px))!important;line-height:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px))!important}.Edit2457973312__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2457973312__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2457973312__inputArea>div::after{box-shadow:none!important}.Edit2457973312__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2457973312__inputArea:not(.Edit2457973312--isFocused) textarea{resize:none;overflow:hidden}.Edit2457973312__inputArea:not(.Edit2457973312--isFocused) textarea::-webkit-scrollbar{display:none}.Edit871404938__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
+.CardContainer2246192916__root.CardContainer2246192916--mobile{border-radius:0}.CmsFieldForm2927915490__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2507451381__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection3474512585__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput3287862385__field{flex:1;min-width:0}.Collapse769684337__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse769684337__exit{height:0}.CollectionPage3178609976__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3178609976__root.CollectionPage3178609976--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3178609976__root.CollectionPage3178609976--panel{overflow:hidden;position:relative}.CollectionSectionHeader3731640041__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2318312706__root td{vertical-align:middle}.CollectionTable2318312706__root.CollectionTable2318312706--mobile td:first-child{padding-left:18px}.CollectionTable2318312706__root.CollectionTable2318312706--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3815611120__root.CollectionTableWSRTable3815611120--resizable table{min-width:100%}.CollectionTableWSRTable3815611120__root.CollectionTableWSRTable3815611120--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1757417901__root.CollectionToolbar1757417901--harmony .CollectionToolbar1757417901__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar1757417901__left{min-width:0}.CollectionToolbar1757417901__left.CollectionToolbar1757417901--expandable{flex:auto}.CollectionToolbar1757417901__left.CollectionToolbar1757417901--title>*{width:100%}.CollectionToolbar1757417901__root.CollectionToolbar1757417901---responsiveMode-5-title .CollectionToolbar1757417901__left{flex:1 100;min-width:50px}.CollectionToolbar1757417901__root.CollectionToolbar1757417901---responsiveMode-4-tabs .CollectionToolbar1757417901__left,.CollectionToolbar1757417901__root.CollectionToolbar1757417901---responsiveMode-4-tabs .CollectionToolbar1757417901__left.CollectionToolbar1757417901--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1757417901__root.CollectionToolbar1757417901---responsiveMode-4-tabs .CollectionToolbar1757417901__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1757417901__root .CollectionToolbar1757417901__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1757417901__root.CollectionToolbar1757417901--views .CollectionToolbar1757417901__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1757417901__root.CollectionToolbar1757417901---responsiveMode-4-tabs .CollectionToolbar1757417901__right,.CollectionToolbar1757417901__root.CollectionToolbar1757417901---responsiveMode-5-title .CollectionToolbar1757417901__right{flex:0 1 auto;min-width:0}.CollectionToolbar1757417901__root .CollectionToolbar1757417901__right.CollectionToolbar1757417901__fullWidth{margin-inline-start:0!important}.CollectionToolbar1757417901__root.CollectionToolbar1757417901--mobile:not(.CollectionToolbar1757417901--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter4215412556__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter4215412556__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter4215412556__searchMobile:not(.SearchOrCustomFilter4215412556--expandable){left:18px}.SearchOrCustomFilter4215412556__searchMobile.SearchOrCustomFilter4215412556--expandable.SearchOrCustomFilter4215412556--expanded{left:18px}.AutoCompleteReadonly1089292761__root.AutoCompleteReadonly1089292761--disableEditing{cursor:pointer}.AutoCompleteReadonly1089292761__root.AutoCompleteReadonly1089292761--disableEditing input{cursor:pointer}.ViewsDropdown4148272197__root{width:200px}.DragHandle726215010__root{display:flex;align-items:center}.DragHandle726215010__root:not(.DragHandle726215010--disabled){cursor:grab;color:#a8caff}.DragHandle726215010__root.DragHandle726215010--disabled{color:#acafc4}.DragHandle726215010__root:focus-visible:not(.DragHandle726215010--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle726215010__root.DragHandle726215010--disabled{pointer-events:none}.DragHandle726215010__root.DragHandle726215010--dragging:not(.DragHandle726215010--disabled){cursor:grabbing}td:has(>.EditableCell98859062__root){position:relative;overflow:visible}tr:has(.EditableCell98859062__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell98859062__root{display:flex;align-items:center;padding:0;position:absolute;top:-1px;left:-1px;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff));border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb))}tr:first-child>td>.EditableCell98859062__root{top:0}.EditableCell98859062__root:hover:not(.EditableCell98859062--rowActive):not(.EditableCell98859062--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell98859062__root.EditableCell98859062--rowActive:not(.EditableCell98859062--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell98859062__root.EditableCell98859062--rowActive:hover:not(.EditableCell98859062--focused):not(.EditableCell98859062--rangeSelected){border-color:var(--wds-input-border-color-hover, var(--wsr-color-B40, #d6e6fe));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell98859062__root.EditableCell98859062--focused:not(.EditableCell98859062--rangeSelected){border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell98859062__root.EditableCell98859062--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell98859062__root.EditableCell98859062--editing:not(.EditableCell98859062--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell98859062__root.EditableCell98859062--focused.EditableCell98859062--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell98859062__root:has([data-inner-focused]){overflow:visible;z-index:3;border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell98859062__root.EditableCell98859062--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell98859062__root.EditableCell98859062--selectionTop:not(.EditableCell98859062--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--selectionBottom:not(.EditableCell98859062--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--selectionLeft:not(.EditableCell98859062--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--selectionRight:not(.EditableCell98859062--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--invalid,.EditableCell98859062__root.EditableCell98859062--invalid.EditableCell98859062--rowActive:hover:not(.EditableCell98859062--focused):not(.EditableCell98859062--rangeSelected),.EditableCell98859062__root.EditableCell98859062--invalid.EditableCell98859062--focused:not(.EditableCell98859062--rangeSelected),.EditableCell98859062__root.EditableCell98859062--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell98859062__root.EditableCell98859062--copiedTop:not(.EditableCell98859062--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--copiedBottom:not(.EditableCell98859062--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--copiedLeft:not(.EditableCell98859062--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--copiedRight:not(.EditableCell98859062--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--invalid:not(.EditableCell98859062--focused):not(.EditableCell98859062--editing){z-index:1}.EditableCell98859062__errorMessage{position:absolute;top:calc(100% + 4px);left:-1px;z-index:4;box-sizing:border-box;width:max-content;max-width:240px;padding:6px 8px;pointer-events:none;border-radius:var(--wds-popover-border-radius, var(--wds-border-radius-400, 8px));background:var(--wds-popover-fill, var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff)));box-shadow:var(--wds-shadow-surface-overlay, 0 0 18px rgba(0, 6, 36, 0.1), 0 6px 6px rgba(0, 6, 36, 0.05))}.HeaderActionsPopover3000738424__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3000738424__root,.HeaderActionsPopover3000738424__root[data-menu-open=true],.HeaderActionsPopover3000738424__root:focus-within{opacity:1}.CellViewLayout1026225972__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout1026225972__root>*{flex:1;min-width:0}.Edit122362979__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:8px;padding-right:8px;min-width:0;overflow:hidden}.Edit122362979__addressInput>div,.Edit122362979__addressInput>div>div,.Edit122362979__addressInput>div>div>div{width:100%;min-width:0}.Edit1139422417__jsonInput{width:100%;margin-left:-1px}.Edit52138907__booleanEdit{display:flex;align-items:center;margin-left:8px}.View1139038159__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit344322730__root{width:100%;height:100%;display:flex;align-items:center}.Edit4012632565__dateInput{width:100%;margin-left:-1px}.Edit2657121955__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit2657121955__dateHalf{flex:60 1 0}.Edit2657121955__timeHalf{flex:40 1 0}.Edit2657121955__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2657121955__passiveText{padding:6px 8px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit2657121955__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View3750587915__leaf{min-width:0;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View3750587915__datePart{flex:60 1 0}.View3750587915__timePart{flex:40 1 0}.View3750587915__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View3750587915__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3348827758__emailInput{width:100%;margin-left:-1px}.Edit3757480630__numberInput{width:100%;margin-right:2px}.Edit3757480630__numberInput input{text-align:right;direction:ltr}.View1096347571__textView{width:100%;text-align:right}.Edit3974759951__jsonInput{width:100%;margin-left:-1px}.Edit302364771__selectInput{width:100%}.Edit4286334146__editWrapper{width:100%}.Edit4286334146__inputArea{background-color:transparent;width:100%}.Edit4286334146__inputArea input,.Edit4286334146__inputArea textarea{font-size:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px))!important;line-height:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px))!important}.Edit4286334146__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4286334146__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit4286334146__inputArea>div::after{box-shadow:none!important}.Edit4286334146__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4286334146__inputArea:not(.Edit4286334146--isFocused) textarea{resize:none;overflow:hidden}.Edit4286334146__inputArea:not(.Edit4286334146--isFocused) textarea::-webkit-scrollbar{display:none}.Edit836037362__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
     --wds-font-line-height-body-small
-  )}.Edit871404938__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit2546142657__urlInput{width:100%;margin-left:-1px}.View3403835407__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3403835407__urlText{flex:1;min-width:0}.View3403835407__suffix{flex-shrink:0;margin-left:10px}.View3403835407__textView.View3403835407--suffixOnHover:not(:hover) .View3403835407__suffix{display:none}.EmptyStateBase3800901673__root{min-height:230px;align-items:center}.EntityPagePlain2201780053__root.EntityPagePlain2201780053--mobile{--wds-page-header-padding-horizontal:0}.Fade2261417060__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2261417060__root.Fade2261417060--exit{opacity:0}.Heading2491838071__root{visibility:visible}.Heading2491838071__root.Heading2491838071--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2976789225__fileUpload{width:100%}.InputOverflow1255096655__root.InputOverflow1255096655--selected:not(.InputOverflow1255096655--focused) input::placeholder{color:#000624}@keyframes LoadingRow1595536176__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%}}.LoadingRow1595536176__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:LoadingRow1595536176__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3926941562__root{opacity:1}.MaxHeightText3926941562__root.MaxHeightText3926941562--height24{line-height:24px}.MaxLines396791620__root{overflow:hidden}.MaxLines396791620__root.MaxLines396791620--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar402961466__root{min-width:0}.MultiBulkActionToolbar402961466__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar402961466__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar402961466__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2094836156__root td{padding:0!important;width:100%}.NestedTableRow822259815__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow822259815__root:hover{background-color:#e7f0ff!important}.NestedTableRow822259815__root.NestedTableRow822259815--expandable{cursor:pointer}.NestedTableRow822259815__placeholder td{padding:0!important;width:100%}.NestedTableRow822259815__root:hover td:first-of-type::before,.NestedTableRow822259815__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2886295854__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)}.NestedTableDragAndDropRow4086293915__root.NestedTableDragAndDropRow4086293915--draggingInto td{background-color:#e7f0ff!important}.PickerContent3531268449__root{display:flex}.PickerContentAdditionalStep3632670883__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3632670883__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3728010085__root{box-sizing:border-box}.ScrollableContent1373143193__root.ScrollableContent1373143193--overflowY{overflow-y:auto}.ScrollableContent1373143193__root.ScrollableContent1373143193--overflowX{overflow-x:auto}.ScrollableContent1373143193__root.ScrollableContent1373143193--smooth{scroll-behavior:smooth}.SetupWidget3665684925__row{display:flex;flex-direction:column;overflow:clip;--wds-clickable-card-outline-border-color:var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))}.SetupWidget3665684925__row.SetupWidget3665684925--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget3665684925__row.SetupWidget3665684925--focused.SetupWidget3665684925--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget3665684925__completedCta,.SetupWidget3665684925__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget3665684925__row:hover .SetupWidget3665684925__completedCta,.SetupWidget3665684925__row:hover .SetupWidget3665684925__secondaryCta{opacity:1}}.SetupWidget3665684925__row:focus-within .SetupWidget3665684925__completedCta,.SetupWidget3665684925__row:focus-within .SetupWidget3665684925__secondaryCta,.SetupWidget3665684925__secondaryCta:focus-within{opacity:1}.SetupWidget3665684925__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget3665684925__card.SetupWidget3665684925--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget3665684925__card.SetupWidget3665684925--clickable{cursor:pointer}.SetupWidget3665684925__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget3665684925__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget3665684925__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget3665684925__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard2218983688__headerLoading{display:block!important}.SlidingModal4019528586__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal4019528586__root.SlidingModal4019528586--overlay{transition:transform 0s ease 0s}.SlidingModal4019528586__root.SlidingModal4019528586---appendTo-6-parent{position:absolute}.SlidingModal4019528586__root.SlidingModal4019528586--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal4019528586__root:not(.SlidingModal4019528586--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader861083648__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader861083648__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader861083648__hoverBridge{display:inline-block;padding:4px 13px 4px 4px;background:0 0}[data-content-element^=popover-content-add-field-popover-][data-hook=popover-content][class]{background:0 0;border:0;box-shadow:none;border-radius:0;padding:0}.TabsFilter3516597653__root .TabsFilter3516597653__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter3516597653__root.TabsFilter3516597653--selected .TabsFilter3516597653__title,.TabsFilter3516597653__root:hover .TabsFilter3516597653__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal1232398320__root{display:flex}.ManageTagsModal1232398320__root.ManageTagsModal1232398320--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal1232398320__root.ManageTagsModal1232398320--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem2133146139__root{min-width:0}.ToolbarItemBox577761350__root{min-width:0}.ToolbarItemBox577761350__root.ToolbarItemBox577761350--removeStartPadding{margin-left:-24px}.ToolbarItemBox577761350__root.ToolbarItemBox577761350--expandable{flex:1 0}.common5230984__column{display:flex;flex-direction:column}.common5230984__fullHeight{height:100%;min-height:0}.CollectionPageHeader5161014__root:not(.CollectionPageHeader5161014--mobile){gap:12px}.CollectionPageHeader5161014__root.CollectionPageHeader5161014--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader5161014__root.CollectionPageHeader5161014--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1524547098__root.FormPageHeader1524547098--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1524547098__root.FormPageHeader1524547098--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.Edit836037362__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit1491394925__urlInput{width:100%;margin-left:-1px}.View3373471404__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3373471404__urlText{flex:1;min-width:0}.View3373471404__suffix{flex-shrink:0;margin-left:10px}.View3373471404__textView.View3373471404--suffixOnHover:not(:hover) .View3373471404__suffix{display:none}.EmptyStateBase2972589660__root{min-height:230px;align-items:center}.EntityPagePlain4043913473__root.EntityPagePlain4043913473--mobile{--wds-page-header-padding-horizontal:0}.Fade1668629967__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1668629967__root.Fade1668629967--exit{opacity:0}.Heading4157349532__root{visibility:visible}.Heading4157349532__root.Heading4157349532--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2412524095__fileUpload{width:100%}.InputOverflow3047815737__root.InputOverflow3047815737--selected:not(.InputOverflow3047815737--focused) input::placeholder{color:#000624}@keyframes LoadingRow341580875__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow341580875__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow341580875__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText173816493__root{opacity:1}.MaxHeightText173816493__root.MaxHeightText173816493--height24{line-height:24px}.MaxLines2999672862__root{overflow:hidden}.MaxLines2999672862__root.MaxLines2999672862--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2726287797__root{min-width:0}.MultiBulkActionToolbar2726287797__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2726287797__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2726287797__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1317184787__root td{padding:0!important;width:100%}.NestedTableRow3387766753__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow3387766753__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow3387766753__root.NestedTableRow3387766753--expandable{cursor:pointer}.NestedTableRow3387766753__placeholder td{padding:0!important;width:100%}.NestedTableRow3387766753__root:hover td:first-of-type::before,.NestedTableRow3387766753__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.MultipleDragOverlayEffect4030766872__root{position:absolute;transform:translate(6px,6px);background-color:var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff));box-shadow:var(--wds-shadow-surface-overlay, var(--wsr-shadow20, 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12)))}.NestedTableDragAndDropRow1938450215__root.NestedTableDragAndDropRow1938450215--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent1207852199__root{display:flex}.PickerContentAdditionalStep3295160460__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3295160460__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2371250403__root{box-sizing:border-box}.ScrollableContent4182818010__root.ScrollableContent4182818010--overflowY{overflow-y:auto}.ScrollableContent4182818010__root.ScrollableContent4182818010--overflowX{overflow-x:auto}.ScrollableContent4182818010__root.ScrollableContent4182818010--smooth{scroll-behavior:smooth}.SetupWidget799516824__row{display:flex;flex-direction:column;overflow:clip;--wds-clickable-card-outline-border-color:var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))}.SetupWidget799516824__row.SetupWidget799516824--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget799516824__row.SetupWidget799516824--focused.SetupWidget799516824--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget799516824__completedCta,.SetupWidget799516824__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget799516824__row:hover .SetupWidget799516824__completedCta,.SetupWidget799516824__row:hover .SetupWidget799516824__secondaryCta{opacity:1}}.SetupWidget799516824__row:focus-within .SetupWidget799516824__completedCta,.SetupWidget799516824__row:focus-within .SetupWidget799516824__secondaryCta,.SetupWidget799516824__secondaryCta:focus-within{opacity:1}.SetupWidget799516824__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget799516824__card.SetupWidget799516824--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget799516824__card.SetupWidget799516824--clickable{cursor:pointer}.SetupWidget799516824__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget799516824__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget799516824__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget799516824__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard571625231__headerLoading{display:block!important}.SlidingModal1418578916__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1418578916__root.SlidingModal1418578916--overlay{transition:transform 0s ease 0s}.SlidingModal1418578916__root.SlidingModal1418578916---appendTo-6-parent{position:absolute}.SlidingModal1418578916__root.SlidingModal1418578916--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal1418578916__root:not(.SlidingModal1418578916--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader1179865257__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader1179865257__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader1179865257__hoverBridge{display:inline-block;padding:4px 13px 4px 4px;background:0 0}[data-content-element^=popover-content-add-field-popover-][data-hook=popover-content][class]{background:0 0;border:0;box-shadow:none;border-radius:0;padding:0}.TabsFilter3593242826__root .TabsFilter3593242826__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter3593242826__root.TabsFilter3593242826--selected .TabsFilter3593242826__title,.TabsFilter3593242826__root:hover .TabsFilter3593242826__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal1381519493__root{display:flex}.ManageTagsModal1381519493__root.ManageTagsModal1381519493--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal1381519493__root.ManageTagsModal1381519493--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem3283321930__root{min-width:0}.ToolbarItemBox382728702__root{min-width:0}.ToolbarItemBox382728702__root.ToolbarItemBox382728702--removeStartPadding{margin-left:-24px}.ToolbarItemBox382728702__root.ToolbarItemBox382728702--expandable{flex:1 0}.common3085911248__column{display:flex;flex-direction:column}.common3085911248__fullHeight{height:100%;min-height:0}.CollectionPageHeader2816488786__root:not(.CollectionPageHeader2816488786--mobile){gap:12px}.CollectionPageHeader2816488786__root.CollectionPageHeader2816488786--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2816488786__root.CollectionPageHeader2816488786--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3751915783__root.FormPageHeader3751915783--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3751915783__root.FormPageHeader3751915783--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.446.0';
+export const version = 'patterns@1.448.0';