@wix/patterns 1.476.0 → 1.478.0

package/src/components/ToolbarCollection/ToolbarCollection.tsx

@@ -340,6 +340,7 @@ export function ToolbarCollection<T, F extends FiltersMap>(
     search,
     children,
     tableGridSwitchButton,
+    multiLevelSorting,
     exportButton,
     importButton,
     primaryActionButton,
@@ -375,6 +376,7 @@ export function ToolbarCollection<T, F extends FiltersMap>(
         dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}
         extraToolbar={extraToolbar}
         tableGridSwitchButton={tableGridSwitchButton}
+        multiLevelSorting={multiLevelSorting}
         exportButton={exportButton}
         importButton={importButton}
         primaryActionButton={primaryActionButton}

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

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

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common4286015799";
+var _namespace_ = "common3747721368";
 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":"common4286015799__root","column":"common4286015799__column","fullHeight":"common4286015799__fullHeight"};
+export var classes = {"root":"common3747721368__root","column":"common3747721368__column","fullHeight":"common3747721368__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/schema/syncSourcePermissions.ts

@@ -28,6 +28,7 @@ export function syncSourcePermissions<T, F extends FiltersMap>(
       multiDeleteDisabled:
         !(perms?.bulkDeleteItems ?? perms?.deleteItem ?? true) ||
         !backend?.bulkDelete,
+      isCreateItemDisabled: perms?.isCreateItemDisabled,
       isRemoveItemDisabled: isRemoveItemDisabled
         ? (item: T) => isRemoveItemDisabled(item as Record<string, unknown>)
         : undefined,

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TitleBadges1436839365";
+var _namespace_ = "TitleBadges2624840756";
 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":"TitleBadges1436839365__root","tooltip":"TitleBadges1436839365__tooltip","tooltipTrigger":"TitleBadges1436839365__tooltipTrigger"};
+export var classes = {"root":"TitleBadges2624840756__root","tooltip":"TitleBadges2624840756__tooltip","tooltipTrigger":"TitleBadges2624840756__tooltipTrigger"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/EditableTable/EditableTableState.ts

@@ -7,8 +7,13 @@ import {
   SortOrder,
   WixPatternsContainer,
 } from '@wix/bex-core';
+import type { ReactNode } from 'react';
 import type { MessageModalLayoutProps } from '@wix/design-system';
-import type { KeyedItem, RemoveItemDisabledResult } from '@wix/bex-core';
+import type {
+  CreateItemDisabledResult,
+  KeyedItem,
+  RemoveItemDisabledResult,
+} from '@wix/bex-core';
 import { ToolbarCollectionState } from '../ToolbarCollectionState';
 import { TableState } from '../TableState';
 import type { TableStateParams } from '../TableState';
@@ -22,10 +27,14 @@ import { EditableTableStateBIReporter } from './EditableTableStateBIReporter';
 import type { Cell, CellType, EditableColumn, ValidationResult } from './types';
 import { buildEditableFieldColumns } from '../buildEditableFieldColumns';
 
-export type { RemoveItemDisabledResult } from '@wix/bex-core';
+export type {
+  CreateItemDisabledResult,
+  RemoveItemDisabledResult,
+} from '@wix/bex-core';
 
 export interface EditableTablePermissions<T = unknown> {
   addItemDisabled?: boolean;
+  isCreateItemDisabled?: () => CreateItemDisabledResult;
   updateItemDisabled?: boolean;
   removeItemDisabled?: boolean;
   /** Deleting several rows in one operation. Absent = follows `removeItemDisabled`. */
@@ -73,6 +82,8 @@ export interface EditableTableStatePublicAPI<T, F extends FiltersMap> {
   rowDeleteDisabledReason(rowKey: string): string | undefined;
   /** Whether deleting the given rows in one operation is disabled */
   isMultiDeleteDisabled(rowKeys: string[]): boolean;
+  isAddItemDisabled(): boolean;
+  addItemDisabledReason(): ReactNode | undefined;
 }
 
 /**
@@ -120,6 +131,7 @@ export class EditableTableState<T, F extends FiltersMap>
   >();
 
   addItemDisabled = false;
+  isCreateItemDisabled?: () => CreateItemDisabledResult = undefined;
   updateItemDisabled = false;
   removeItemDisabled = false;
   multiDeleteDisabled = false;
@@ -168,6 +180,7 @@ export class EditableTableState<T, F extends FiltersMap>
     );
     makeObservable(this, {
       addItemDisabled: observable,
+      isCreateItemDisabled: observable.ref,
       updateItemDisabled: observable,
       removeItemDisabled: observable,
       multiDeleteDisabled: observable,
@@ -187,6 +200,7 @@ export class EditableTableState<T, F extends FiltersMap>
 
   setPermissions(permissions: EditableTablePermissions<T>) {
     this.addItemDisabled = permissions.addItemDisabled ?? false;
+    this.isCreateItemDisabled = permissions.isCreateItemDisabled;
     this.updateItemDisabled = permissions.updateItemDisabled ?? false;
     this.removeItemDisabled = permissions.removeItemDisabled ?? false;
     this.multiDeleteDisabled =
@@ -214,6 +228,18 @@ export class EditableTableState<T, F extends FiltersMap>
     return result?.disabled ? result.reason : undefined;
   }
 
+  isAddItemDisabled(): boolean {
+    return this.addItemDisabled || !!this.isCreateItemDisabled?.().disabled;
+  }
+
+  addItemDisabledReason(): ReactNode | undefined {
+    if (this.addItemDisabled) {
+      return undefined;
+    }
+    const result = this.isCreateItemDisabled?.();
+    return result?.disabled ? result.reason : undefined;
+  }
+
   isMultiDeleteDisabled(rowKeys: string[]): boolean {
     if (this.multiDeleteDisabled) {
       return true;

package/src/state/EditableTable/index.ts

@@ -4,6 +4,7 @@ export type {
   EditableTableStatePublicAPI,
   EditableTablePermissions,
   RemoveItemDisabledResult,
+  CreateItemDisabledResult,
 } from './EditableTableState';
 
 export type { EditableTableMutationHandlers } from './MutationState';

package/src/state/EntityPage/EntityPageState.ts

@@ -164,7 +164,7 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
   private readonly _parentPath?: string;
   private readonly _parentReferrer?: string;
 
-  actionsBarConfig?: EntityPageStateParams<T>['actionsBarConfig'];
+  actionsBarConfig: EntityPageStateParams<T>['actionsBarConfig'] = undefined;
 
   /**
    * The page's side-panel host, the way a table's lives on its toolbar.
@@ -224,6 +224,7 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
       params.transformEntityToCollectionItem || ((anEntity: T) => anEntity);
     this._parentPath = params.parentPath;
     this._parentReferrer = params.parentReferrer;
+    this.actionsBarConfig = params.actionsBarConfig;
     this.schemaSource = params.schemaSource;
 
     this.container = params.container;

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

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

package/src/state/ToolbarCollectionState.ts

@@ -890,14 +890,23 @@ export class ToolbarCollectionState<T, F extends FiltersMap = FiltersMap> {
     this._layoutColumnsCache = {};
   }
 
-  _adjustSortWithNewColumns(tableColumns: TableColumn<T>[]) {
+  _adjustSortWithNewColumns(tableColumns: { id?: string }[]) {
     const {
       collection: { query },
+      _featureColumns,
+      _extendedColumns,
     } = this;
-    const tableColumnsIds = new Set(tableColumns.map((column) => column.id));
+    // Check against every column the toolbar shows, not only the layout's
+    // `columns` prop: with a schema source, the columns come from the source
+    // and that prop can be empty.
+    const columnIds = new Set(
+      [...tableColumns, ..._featureColumns, ..._extendedColumns].map(
+        (column) => column.id,
+      ),
+    );
 
     const staleSortEntries = query.sort.value.filter(
-      ({ field }) => !tableColumnsIds.has(field),
+      ({ field }) => !columnIds.has(field),
     );
 
     // Runs on every column add/duplicate, where the sort is still valid.

package/src/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer1917327550__root.CardContainer1917327550--mobile{border-radius:0}.CmsFieldForm703126113__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal715247584__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection1925036329__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse4230447818__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse4230447818__exit{height:0}.CollectionPage2176448377__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2176448377__root.CollectionPage2176448377--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2176448377__root.CollectionPage2176448377--panel{overflow:hidden;position:relative}.CollectionSectionHeader653072223__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable1603324921__root td{vertical-align:middle}.CollectionTable1603324921__root.CollectionTable1603324921--mobile td:first-child{padding-left:18px}.CollectionTable1603324921__root.CollectionTable1603324921--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable2479936574__root.CollectionTableWSRTable2479936574--resizable table{min-width:100%}.CollectionTableWSRTable2479936574__root.CollectionTableWSRTable2479936574--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar631110740__root.CollectionToolbar631110740--harmony .CollectionToolbar631110740__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar631110740__left{min-width:0}.CollectionToolbar631110740__left.CollectionToolbar631110740--expandable{flex:auto}.CollectionToolbar631110740__left.CollectionToolbar631110740--title>*{width:100%}.CollectionToolbar631110740__root.CollectionToolbar631110740---responsiveMode-5-title .CollectionToolbar631110740__left{flex:1 100;min-width:50px}.CollectionToolbar631110740__root.CollectionToolbar631110740---responsiveMode-4-tabs .CollectionToolbar631110740__left,.CollectionToolbar631110740__root.CollectionToolbar631110740---responsiveMode-4-tabs .CollectionToolbar631110740__left.CollectionToolbar631110740--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar631110740__root.CollectionToolbar631110740---responsiveMode-4-tabs .CollectionToolbar631110740__left>*{flex-shrink:1;min-width:0}.CollectionToolbar631110740__root .CollectionToolbar631110740__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar631110740__root.CollectionToolbar631110740--views .CollectionToolbar631110740__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar631110740__root.CollectionToolbar631110740---responsiveMode-4-tabs .CollectionToolbar631110740__right,.CollectionToolbar631110740__root.CollectionToolbar631110740---responsiveMode-5-title .CollectionToolbar631110740__right{flex:0 1 auto;min-width:0}.CollectionToolbar631110740__root .CollectionToolbar631110740__right.CollectionToolbar631110740__fullWidth{margin-inline-start:0!important}.CollectionToolbar631110740__root.CollectionToolbar631110740--mobile:not(.CollectionToolbar631110740--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter228751959__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter228751959__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter228751959__searchMobile:not(.SearchOrCustomFilter228751959--expandable){left:18px}.SearchOrCustomFilter228751959__searchMobile.SearchOrCustomFilter228751959--expandable.SearchOrCustomFilter228751959--expanded{left:18px}.AutoCompleteReadonly913145180__root.AutoCompleteReadonly913145180--disableEditing{cursor:pointer}.AutoCompleteReadonly913145180__root.AutoCompleteReadonly913145180--disableEditing input{cursor:pointer}.ViewsDropdown2171261220__root{width:200px}.DragHandle101530213__root{display:flex;align-items:center}.DragHandle101530213__root:not(.DragHandle101530213--disabled){cursor:grab;color:#a8caff}.DragHandle101530213__root.DragHandle101530213--disabled{color:#acafc4}.DragHandle101530213__root:focus-visible:not(.DragHandle101530213--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle101530213__root.DragHandle101530213--disabled{pointer-events:none}.DragHandle101530213__root.DragHandle101530213--dragging:not(.DragHandle101530213--disabled){cursor:grabbing}td:has(>.EditableCell584272721__root){position:relative;overflow:visible}tr:has(.EditableCell584272721__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell584272721__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>.EditableCell584272721__root{top:0}.EditableCell584272721__root:hover:not(.EditableCell584272721--rowActive):not(.EditableCell584272721--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell584272721__root.EditableCell584272721--rowActive:not(.EditableCell584272721--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell584272721__root.EditableCell584272721--rowActive:hover:not(.EditableCell584272721--focused):not(.EditableCell584272721--rangeSelected):not(.EditableCell584272721--readOnly){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)}.EditableCell584272721__root.EditableCell584272721--readOnly{--wds-color-text-standard-primary:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)));color:var(--wds-color-text-standard-primary)}.EditableCell584272721__root.EditableCell584272721--readOnly:hover:not(.EditableCell584272721--rowActive):not(.EditableCell584272721--rangeSelected),.EditableCell584272721__root.EditableCell584272721--readOnly.EditableCell584272721--rowActive:not(.EditableCell584272721--rangeSelected){background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell584272721__root.EditableCell584272721--readOnly.EditableCell584272721--rowActive:hover:not(.EditableCell584272721--focused):not(.EditableCell584272721--rangeSelected){border-color:var(--wds-color-black-700, var(--wsr-color-D70, #eceff3))}.EditableCell584272721__root.EditableCell584272721--focused:not(.EditableCell584272721--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}.EditableCell584272721__root.EditableCell584272721--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell584272721__root.EditableCell584272721--editing:not(.EditableCell584272721--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell584272721__root.EditableCell584272721--focused.EditableCell584272721--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell584272721__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)}.EditableCell584272721__root.EditableCell584272721--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell584272721__root.EditableCell584272721--selectionTop:not(.EditableCell584272721--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell584272721__root.EditableCell584272721--selectionBottom:not(.EditableCell584272721--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell584272721__root.EditableCell584272721--selectionLeft:not(.EditableCell584272721--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell584272721__root.EditableCell584272721--selectionRight:not(.EditableCell584272721--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell584272721__root.EditableCell584272721--invalid,.EditableCell584272721__root.EditableCell584272721--invalid.EditableCell584272721--rowActive:hover:not(.EditableCell584272721--focused):not(.EditableCell584272721--rangeSelected),.EditableCell584272721__root.EditableCell584272721--invalid.EditableCell584272721--focused:not(.EditableCell584272721--rangeSelected),.EditableCell584272721__root.EditableCell584272721--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell584272721__root.EditableCell584272721--copiedTop:not(.EditableCell584272721--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell584272721__root.EditableCell584272721--copiedBottom:not(.EditableCell584272721--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell584272721__root.EditableCell584272721--copiedLeft:not(.EditableCell584272721--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell584272721__root.EditableCell584272721--copiedRight:not(.EditableCell584272721--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell584272721__root.EditableCell584272721--invalid:not(.EditableCell584272721--focused):not(.EditableCell584272721--editing){z-index:1}.EditableCell584272721__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))}tr:last-child .EditableCell584272721__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover1831530829__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover1831530829__root,.HeaderActionsPopover1831530829__root[data-menu-open=true],.HeaderActionsPopover1831530829__root:focus-within{opacity:1}.CellViewLayout3802124613__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3802124613__root>*{flex:1;min-width:0}.Edit156033193__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}.Edit156033193__addressInput>div,.Edit156033193__addressInput>div>div,.Edit156033193__addressInput>div>div>div{width:100%;min-width:0}.Edit3125005888__jsonInput{width:100%;margin-left:-1px}.Edit1547377132__booleanEdit{display:flex;align-items:center;margin-left:8px}.View3692456044__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit160725417__root{width:100%;height:100%;display:flex;align-items:center}.Edit3389653613__dateInput{width:100%;margin-left:-1px}.Edit37436918__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit37436918__dateHalf{flex:60 1 0}.Edit37436918__timeHalf{flex:40 1 0}.Edit37436918__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit37436918__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%}.Edit37436918__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View1893555004__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}.View1893555004__datePart{flex:60 1 0}.View1893555004__timePart{flex:40 1 0}.View1893555004__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View1893555004__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2586444128__emailInput{width:100%;margin-left:-1px}.Edit677987938__numberInput{width:100%;margin-right:2px}.Edit677987938__numberInput input{text-align:right;direction:ltr}.View1106809120__textView{width:100%;text-align:right}.Edit1367430423__jsonInput{width:100%;margin-left:-1px}.Edit3038043633__selectInput{width:100%}.Edit402714972__editWrapper{width:100%}.Edit402714972__inputArea{background-color:transparent;width:100%}.Edit402714972__inputArea input,.Edit402714972__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}.Edit402714972__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit402714972__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit402714972__inputArea>div::after{box-shadow:none!important}.Edit402714972__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit402714972__inputArea:not(.Edit402714972--isFocused) textarea{resize:none;overflow:hidden}.Edit402714972__inputArea:not(.Edit402714972--isFocused) textarea::-webkit-scrollbar{display:none}.Edit450462936__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(
+.CardContainer1421580394__root.CardContainer1421580394--mobile{border-radius:0}.CmsFieldForm1717452422__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal402786758__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection436691404__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse2472116571__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2472116571__exit{height:0}.CollectionPage2431242528__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2431242528__root.CollectionPage2431242528--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2431242528__root.CollectionPage2431242528--panel{overflow:hidden;position:relative}.CollectionSectionHeader1506670591__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3207596603__root td{vertical-align:middle}.CollectionTable3207596603__root.CollectionTable3207596603--mobile td:first-child{padding-left:18px}.CollectionTable3207596603__root.CollectionTable3207596603--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable4219007909__root.CollectionTableWSRTable4219007909--resizable table{min-width:100%}.CollectionTableWSRTable4219007909__root.CollectionTableWSRTable4219007909--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar3488789661__root.CollectionToolbar3488789661--harmony .CollectionToolbar3488789661__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar3488789661__left{min-width:0}.CollectionToolbar3488789661__left.CollectionToolbar3488789661--expandable{flex:auto}.CollectionToolbar3488789661__left.CollectionToolbar3488789661--title>*{width:100%}.CollectionToolbar3488789661__root.CollectionToolbar3488789661---responsiveMode-5-title .CollectionToolbar3488789661__left{flex:1 100;min-width:50px}.CollectionToolbar3488789661__root.CollectionToolbar3488789661---responsiveMode-4-tabs .CollectionToolbar3488789661__left,.CollectionToolbar3488789661__root.CollectionToolbar3488789661---responsiveMode-4-tabs .CollectionToolbar3488789661__left.CollectionToolbar3488789661--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3488789661__root.CollectionToolbar3488789661---responsiveMode-4-tabs .CollectionToolbar3488789661__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3488789661__root .CollectionToolbar3488789661__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3488789661__root.CollectionToolbar3488789661--views .CollectionToolbar3488789661__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3488789661__root.CollectionToolbar3488789661---responsiveMode-4-tabs .CollectionToolbar3488789661__right,.CollectionToolbar3488789661__root.CollectionToolbar3488789661---responsiveMode-5-title .CollectionToolbar3488789661__right{flex:0 1 auto;min-width:0}.CollectionToolbar3488789661__root .CollectionToolbar3488789661__right.CollectionToolbar3488789661__fullWidth{margin-inline-start:0!important}.CollectionToolbar3488789661__root.CollectionToolbar3488789661--mobile:not(.CollectionToolbar3488789661--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter1596131213__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1596131213__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1596131213__searchMobile:not(.SearchOrCustomFilter1596131213--expandable){left:18px}.SearchOrCustomFilter1596131213__searchMobile.SearchOrCustomFilter1596131213--expandable.SearchOrCustomFilter1596131213--expanded{left:18px}.AutoCompleteReadonly2505609745__root.AutoCompleteReadonly2505609745--disableEditing{cursor:pointer}.AutoCompleteReadonly2505609745__root.AutoCompleteReadonly2505609745--disableEditing input{cursor:pointer}.ViewsDropdown3166874312__root{width:200px}.CustomFieldFormPiiFields507618773__tooltipText{--wds-font-line-height-body-tiny:var(--wds-tooltip-label-font-line-height-medium, var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px)))}.DragHandle1515686070__root{display:flex;align-items:center}.DragHandle1515686070__root:not(.DragHandle1515686070--disabled){cursor:grab;color:#a8caff}.DragHandle1515686070__root.DragHandle1515686070--disabled{color:#acafc4}.DragHandle1515686070__root:focus-visible:not(.DragHandle1515686070--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1515686070__root.DragHandle1515686070--disabled{pointer-events:none}.DragHandle1515686070__root.DragHandle1515686070--dragging:not(.DragHandle1515686070--disabled){cursor:grabbing}td:has(>.EditableCell418220247__root){position:relative;overflow:visible}tr:has(.EditableCell418220247__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell418220247__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>.EditableCell418220247__root{top:0}.EditableCell418220247__root:hover:not(.EditableCell418220247--rowActive):not(.EditableCell418220247--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell418220247__root.EditableCell418220247--rowActive:not(.EditableCell418220247--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell418220247__root.EditableCell418220247--rowActive:hover:not(.EditableCell418220247--focused):not(.EditableCell418220247--rangeSelected):not(.EditableCell418220247--readOnly){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)}.EditableCell418220247__root.EditableCell418220247--readOnly{--wds-color-text-standard-primary:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)));color:var(--wds-color-text-standard-primary)}.EditableCell418220247__root.EditableCell418220247--readOnly:hover:not(.EditableCell418220247--rowActive):not(.EditableCell418220247--rangeSelected),.EditableCell418220247__root.EditableCell418220247--readOnly.EditableCell418220247--rowActive:not(.EditableCell418220247--rangeSelected){background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell418220247__root.EditableCell418220247--readOnly.EditableCell418220247--rowActive:hover:not(.EditableCell418220247--focused):not(.EditableCell418220247--rangeSelected){border-color:var(--wds-color-black-700, var(--wsr-color-D70, #eceff3))}.EditableCell418220247__root.EditableCell418220247--focused:not(.EditableCell418220247--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}.EditableCell418220247__root.EditableCell418220247--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell418220247__root.EditableCell418220247--editing:not(.EditableCell418220247--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell418220247__root.EditableCell418220247--focused.EditableCell418220247--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell418220247__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)}.EditableCell418220247__root.EditableCell418220247--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell418220247__root.EditableCell418220247--selectionTop:not(.EditableCell418220247--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--selectionBottom:not(.EditableCell418220247--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--selectionLeft:not(.EditableCell418220247--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--selectionRight:not(.EditableCell418220247--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--invalid,.EditableCell418220247__root.EditableCell418220247--invalid.EditableCell418220247--rowActive:hover:not(.EditableCell418220247--focused):not(.EditableCell418220247--rangeSelected),.EditableCell418220247__root.EditableCell418220247--invalid.EditableCell418220247--focused:not(.EditableCell418220247--rangeSelected),.EditableCell418220247__root.EditableCell418220247--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell418220247__root.EditableCell418220247--copiedTop:not(.EditableCell418220247--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--copiedBottom:not(.EditableCell418220247--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--copiedLeft:not(.EditableCell418220247--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--copiedRight:not(.EditableCell418220247--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--invalid:not(.EditableCell418220247--focused):not(.EditableCell418220247--editing){z-index:1}.EditableCell418220247__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))}tr:last-child .EditableCell418220247__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover1373088574__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover1373088574__root,.HeaderActionsPopover1373088574__root[data-menu-open=true],.HeaderActionsPopover1373088574__root:focus-within{opacity:1}.CellViewLayout990787454__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout990787454__root>*{flex:1;min-width:0}.Edit2722305770__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}.Edit2722305770__addressInput>div,.Edit2722305770__addressInput>div>div,.Edit2722305770__addressInput>div>div>div{width:100%;min-width:0}.Edit357726622__jsonInput{width:100%;margin-left:-1px}.Edit2609320197__booleanEdit{display:flex;align-items:center;margin-left:8px}.View722233277__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit3886572474__root{width:100%;height:100%;display:flex;align-items:center}.Edit3624563720__dateInput{width:100%;margin-left:-1px}.Edit2438624960__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit2438624960__dateHalf{flex:60 1 0}.Edit2438624960__timeHalf{flex:40 1 0}.Edit2438624960__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2438624960__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%}.Edit2438624960__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View3661061794__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}.View3661061794__datePart{flex:60 1 0}.View3661061794__timePart{flex:40 1 0}.View3661061794__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View3661061794__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit724469922__emailInput{width:100%;margin-left:-1px}.Edit7950938__numberInput{width:100%;margin-right:2px}.Edit7950938__numberInput input{text-align:right;direction:ltr}.View3961498259__textView{width:100%;text-align:right}.Edit58382595__jsonInput{width:100%;margin-left:-1px}.Edit3543350856__selectInput{width:100%}.Edit4280840684__editWrapper{width:100%}.Edit4280840684__inputArea{background-color:transparent;width:100%}.Edit4280840684__inputArea input,.Edit4280840684__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}.Edit4280840684__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4280840684__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit4280840684__inputArea>div::after{box-shadow:none!important}.Edit4280840684__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4280840684__inputArea:not(.Edit4280840684--isFocused) textarea{resize:none;overflow:hidden}.Edit4280840684__inputArea:not(.Edit4280840684--isFocused) textarea::-webkit-scrollbar{display:none}.Edit3797187847__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
-  )}.Edit450462936__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit1370591353__urlInput{width:100%;margin-left:-1px}.View3453873069__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3453873069__urlText{flex:1;min-width:0}.View3453873069__suffix{flex-shrink:0;margin-left:10px}.View3453873069__textView.View3453873069--suffixOnHover:not(:hover) .View3453873069__suffix{display:none}.EmptyStateBase3411603487__root{min-height:230px;align-items:center}.EntityPagePlain1613052340__root.EntityPagePlain1613052340--mobile{--wds-page-header-padding-horizontal:0}.Fade363126330__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade363126330__root.Fade363126330--exit{opacity:0}.Heading491245295__root{visibility:visible}.Heading491245295__root.Heading491245295--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload4035137898__fileUpload{width:100%}.InputOverflow3820063813__root.InputOverflow3820063813--selected:not(.InputOverflow3820063813--focused) input::placeholder{color:#000624}@keyframes LoadingRow980717631__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%}}.LoadingRow980717631__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:LoadingRow980717631__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText269134004__root{opacity:1}.MaxHeightText269134004__root.MaxHeightText269134004--height24{line-height:24px}.MaxLines19155137__root{overflow:hidden}.MaxLines19155137__root.MaxLines19155137--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1148899665__root{min-width:0}.MultiBulkActionToolbar1148899665__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1148899665__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1148899665__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1592192907__root td{padding:0!important;width:100%}.NestedTableRow1911442264__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow1911442264__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow1911442264__root.NestedTableRow1911442264--expandable{cursor:pointer}.NestedTableRow1911442264__placeholder td{padding:0!important;width:100%}.NestedTableRow1911442264__root:hover td:first-of-type::before,.NestedTableRow1911442264__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))}.MultipleDragOverlayEffect3811694775__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)))}.NestedTableDragAndDropRow522737346__root.NestedTableDragAndDropRow522737346--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent182243878__root{display:flex}.PickerContentAdditionalStep3951326248__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3951326248__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1445789695__root{box-sizing:border-box}.ScrollableContent2382177879__root.ScrollableContent2382177879--overflowY{overflow-y:auto}.ScrollableContent2382177879__root.ScrollableContent2382177879--overflowX{overflow-x:auto}.ScrollableContent2382177879__root.ScrollableContent2382177879--smooth{scroll-behavior:smooth}.SetupWidget2747578204__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))}.SetupWidget2747578204__row.SetupWidget2747578204--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget2747578204__row.SetupWidget2747578204--focused.SetupWidget2747578204--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2747578204__completedCta,.SetupWidget2747578204__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget2747578204__row:hover .SetupWidget2747578204__completedCta,.SetupWidget2747578204__row:hover .SetupWidget2747578204__secondaryCta{opacity:1}}.SetupWidget2747578204__row:focus-within .SetupWidget2747578204__completedCta,.SetupWidget2747578204__row:focus-within .SetupWidget2747578204__secondaryCta,.SetupWidget2747578204__secondaryCta:focus-within{opacity:1}.SetupWidget2747578204__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}.SetupWidget2747578204__card.SetupWidget2747578204--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2747578204__card.SetupWidget2747578204--clickable{cursor:pointer}.SetupWidget2747578204__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget2747578204__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget2747578204__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget2747578204__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard4213992047__headerLoading{display:block!important}.SlidingModal3379082478__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3379082478__root.SlidingModal3379082478--overlay{transition:transform 0s ease 0s}.SlidingModal3379082478__root.SlidingModal3379082478---appendTo-6-parent{position:absolute}.SlidingModal3379082478__root.SlidingModal3379082478--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal3379082478__root:not(.SlidingModal3379082478--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}th:not([data-sticky=true]):has(.AddFieldColumnHeader1074689252__anchorLayer){position:relative}.AddFieldColumnHeader1074689252__anchorLayer{position:absolute;inset:0;pointer-events:none}.AddFieldColumnHeader1074689252__anchorLayer>.AddFieldColumnHeader1074689252__popover{display:grid;width:100%;height:100%}.AddFieldColumnHeader1074689252__popover{--wds-popover-fill:transparent;--wds-popover-border-width:0;--wds-popover-border-radius:0;--wds-shadow-surface-overlay:none;--wds-background-blur-surface-overlay:0px}.AddFieldColumnHeader1074689252__title{display:flex;align-items:center;box-sizing:content-box;width:100%;min-width:0;min-height:24px;margin-block:calc(-1*var(--wds-space-150, 9px));padding-block:var(--wds-space-150, 9px)}.AddFieldColumnHeader1074689252__hoverBridge{display:inline-block;padding:4px;background:0 0;transform:translate(50%,-50%)}.AddFieldColumnHeader1074689252__hoverBridge.AddFieldColumnHeader1074689252---side-4-left{transform:translate(-50%,-50%)}.TabsFilter1894957986__root .TabsFilter1894957986__titleBox *{color:inherit!important}.ManageTagsModal550095867__root{display:flex}.ManageTagsModal550095867__root.ManageTagsModal550095867--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal550095867__root.ManageTagsModal550095867--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem2606835696__root{min-width:0}.ToolbarItemBox2381102985__root{min-width:0}.ToolbarItemBox2381102985__root.ToolbarItemBox2381102985--removeStartPadding{margin-left:-24px}.ToolbarItemBox2381102985__root.ToolbarItemBox2381102985--expandable{flex:1 0}.common4286015799__column{display:flex;flex-direction:column}.common4286015799__fullHeight{height:100%;min-height:0}.CollectionPageHeader2731435955__root:not(.CollectionPageHeader2731435955--mobile){gap:12px}.CollectionPageHeader2731435955__root.CollectionPageHeader2731435955--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2731435955__root.CollectionPageHeader2731435955--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.TitleBadges1436839365__tooltip.TitleBadges1436839365__tooltip,.TitleBadges1436839365__tooltipTrigger{display:flex}.FormPageHeader527303313__root.FormPageHeader527303313--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader527303313__root.FormPageHeader527303313--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.Edit3797187847__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit378691195__urlInput{width:100%;margin-left:-1px}.View2801638895__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View2801638895__urlText{flex:1;min-width:0}.View2801638895__suffix{flex-shrink:0;margin-left:10px}.View2801638895__textView.View2801638895--suffixOnHover:not(:hover) .View2801638895__suffix{display:none}.EmptyStateBase887233244__root{min-height:230px;align-items:center}.EntityPagePlain2068132960__root.EntityPagePlain2068132960--mobile{--wds-page-header-padding-horizontal:0}.Fade606946213__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade606946213__root.Fade606946213--exit{opacity:0}.Heading1247508333__root{visibility:visible}.Heading1247508333__root.Heading1247508333--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3017035245__fileUpload{width:100%}.InputOverflow569595353__root.InputOverflow569595353--selected:not(.InputOverflow569595353--focused) input::placeholder{color:#000624}@keyframes LoadingRow4090891165__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%}}.LoadingRow4090891165__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:LoadingRow4090891165__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText879506298__root{opacity:1}.MaxHeightText879506298__root.MaxHeightText879506298--height24{line-height:24px}.MaxLines1771161255__root{overflow:hidden}.MaxLines1771161255__root.MaxLines1771161255--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar4024882803__root{min-width:0}.MultiBulkActionToolbar4024882803__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar4024882803__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar4024882803__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2386184459__root td{padding:0!important;width:100%}.NestedTableRow3747661608__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow3747661608__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow3747661608__root.NestedTableRow3747661608--expandable{cursor:pointer}.NestedTableRow3747661608__placeholder td{padding:0!important;width:100%}.NestedTableRow3747661608__root:hover td:first-of-type::before,.NestedTableRow3747661608__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))}.MultipleDragOverlayEffect3362159254__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)))}.NestedTableDragAndDropRow1383889673__root.NestedTableDragAndDropRow1383889673--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent3516515489__root{display:flex}.PickerContentAdditionalStep154265560__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep154265560__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1307611848__root{box-sizing:border-box}.ScrollableContent3942402169__root.ScrollableContent3942402169--overflowY{overflow-y:auto}.ScrollableContent3942402169__root.ScrollableContent3942402169--overflowX{overflow-x:auto}.ScrollableContent3942402169__root.ScrollableContent3942402169--smooth{scroll-behavior:smooth}.SetupWidget2418838366__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))}.SetupWidget2418838366__row.SetupWidget2418838366--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget2418838366__row.SetupWidget2418838366--focused.SetupWidget2418838366--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2418838366__completedCta,.SetupWidget2418838366__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget2418838366__row:hover .SetupWidget2418838366__completedCta,.SetupWidget2418838366__row:hover .SetupWidget2418838366__secondaryCta{opacity:1}}.SetupWidget2418838366__row:focus-within .SetupWidget2418838366__completedCta,.SetupWidget2418838366__row:focus-within .SetupWidget2418838366__secondaryCta,.SetupWidget2418838366__secondaryCta:focus-within{opacity:1}.SetupWidget2418838366__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}.SetupWidget2418838366__card.SetupWidget2418838366--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2418838366__card.SetupWidget2418838366--clickable{cursor:pointer}.SetupWidget2418838366__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget2418838366__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget2418838366__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget2418838366__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard2955302995__headerLoading{display:block!important}.SlidingModal1730162231__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1730162231__root.SlidingModal1730162231--overlay{transition:transform 0s ease 0s}.SlidingModal1730162231__root.SlidingModal1730162231---appendTo-6-parent{position:absolute}.SlidingModal1730162231__root.SlidingModal1730162231--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal1730162231__root:not(.SlidingModal1730162231--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}th:not([data-sticky=true]):has(.AddFieldColumnHeader3509584085__anchorLayer){position:relative}.AddFieldColumnHeader3509584085__anchorLayer{position:absolute;inset:0;pointer-events:none}.AddFieldColumnHeader3509584085__anchorLayer>.AddFieldColumnHeader3509584085__popover{display:grid;width:100%;height:100%}.AddFieldColumnHeader3509584085__popover{--wds-popover-fill:transparent;--wds-popover-border-width:0;--wds-popover-border-radius:0;--wds-shadow-surface-overlay:none;--wds-background-blur-surface-overlay:0px}.AddFieldColumnHeader3509584085__title{display:flex;align-items:center;box-sizing:content-box;width:100%;min-width:0;min-height:24px;margin-block:calc(-1*var(--wds-space-150, 9px));padding-block:var(--wds-space-150, 9px)}.AddFieldColumnHeader3509584085__hoverBridge{display:inline-block;padding:4px;background:0 0;transform:translate(50%,-50%)}.AddFieldColumnHeader3509584085__hoverBridge.AddFieldColumnHeader3509584085---side-4-left{transform:translate(-50%,-50%)}.TabsFilter1936161386__root .TabsFilter1936161386__titleBox *{color:inherit!important}.ManageTagsModal1039381983__root{display:flex}.ManageTagsModal1039381983__root.ManageTagsModal1039381983--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal1039381983__root.ManageTagsModal1039381983--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem2278610119__root{min-width:0}.ToolbarItemBox4122681719__root{min-width:0}.ToolbarItemBox4122681719__root.ToolbarItemBox4122681719--removeStartPadding{margin-left:-24px}.ToolbarItemBox4122681719__root.ToolbarItemBox4122681719--expandable{flex:1 0}.common3747721368__column{display:flex;flex-direction:column}.common3747721368__fullHeight{height:100%;min-height:0}.CollectionPageHeader2327761266__root:not(.CollectionPageHeader2327761266--mobile){gap:12px}.CollectionPageHeader2327761266__root.CollectionPageHeader2327761266--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2327761266__root.CollectionPageHeader2327761266--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.TitleBadges2624840756__tooltip.TitleBadges2624840756__tooltip,.TitleBadges2624840756__tooltipTrigger{display:flex}.FormPageHeader3734466296__root.FormPageHeader3734466296--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3734466296__root.FormPageHeader3734466296--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/test-utils/index.ts

@@ -12,3 +12,4 @@ export * from './site';
 export * from './createSitesBackend';
 export * from './SettingsModalLayout';
 export * from './createPromise';
+export * from './scrollUntilRendered';

package/src/test-utils/scrollUntilRendered.ts

@@ -0,0 +1,98 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { GridUniDriver } from '../components/Grid/Grid.uni.driver';
+import { TableUniDriver } from '../components/Table/Table.uni.driver';
+import { flushUntil } from './flush';
+
+type TableDriver = Pick<
+  ReturnType<typeof TableUniDriver>,
+  '_getRowByKey' | 'getRowByIndex' | 'scrollDown' | 'scrollUp'
+>;
+
+type GridDriver = Pick<
+  ReturnType<typeof GridUniDriver>,
+  '_getCardGalleryItemByIndexBase' | 'scrollDown'
+>;
+
+interface ScrollUntilRenderedOptions {
+  iterations?: number;
+}
+
+/**
+ * Scrolls step by step until `target` is rendered, running pending timers
+ * between steps. The drivers' own scrollDownToItem* helpers poll through
+ * unidriver's waitFor, which sleeps on setTimeout and never wakes up under
+ * fake timers once the surrounding flush stops running them.
+ *
+ * Each cycle scrolls one viewport and fires the throttled scroll handler, so
+ * the bound is a number of viewports. The largest fixtures need about 50.
+ */
+export async function scrollUntilRendered(
+  target: UniDriver,
+  scroll: () => Promise<unknown>,
+  description: string,
+  { iterations = 200 }: ScrollUntilRenderedOptions = {},
+) {
+  await flushUntil(
+    async () => {
+      if (await target.exists()) {
+        return true;
+      }
+
+      await scroll();
+      return false;
+    },
+    { description, iterations },
+  );
+}
+
+export function scrollDownToRow(
+  table: TableDriver,
+  rowKey: string,
+  options?: ScrollUntilRenderedOptions,
+) {
+  return scrollUntilRendered(
+    table._getRowByKey(rowKey),
+    () => table.scrollDown(),
+    `row "${rowKey}" to be rendered`,
+    options,
+  );
+}
+
+export function scrollDownToRowIndex(
+  table: TableDriver,
+  index: number,
+  options?: ScrollUntilRenderedOptions,
+) {
+  return scrollUntilRendered(
+    table.getRowByIndex(index),
+    () => table.scrollDown(),
+    `row at index ${index} to be rendered`,
+    options,
+  );
+}
+
+export function scrollUpToRowIndex(
+  table: TableDriver,
+  index: number,
+  options?: ScrollUntilRenderedOptions,
+) {
+  return scrollUntilRendered(
+    table.getRowByIndex(index),
+    () => table.scrollUp(),
+    `row at index ${index} to be rendered`,
+    options,
+  );
+}
+
+export function scrollDownToGridItem(
+  grid: GridDriver,
+  index: number,
+  options?: ScrollUntilRenderedOptions,
+) {
+  return scrollUntilRendered(
+    grid._getCardGalleryItemByIndexBase(index),
+    () => grid.scrollDown(),
+    `grid item at index ${index} to be rendered`,
+    options,
+  );
+}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.476.0';
+export const version = 'patterns@1.478.0';

package/dist/examples/ImportButton/platformized-import-from-a-source.tsx

@@ -1,56 +0,0 @@
-/**
- * Illustrative example for `ImportButton` — see `dist/docs/ImportButton.md`.
- *
- * It demonstrates one API; the data source, http client and layout around
- * that are scaffolding to make the snippet runnable, not requirements.
- */
-import React from 'react';
-import { CollectionPage } from '@wix/patterns/page';
-import { CustomColumns, ImportButton, Table } from '@wix/patterns';
-import {
-  usePlatformizedSource,
-  useTableCollection,
-} from '@wix/patterns/schema';
-
-type Product = {
-  id: string;
-  name: string;
-  sku: string;
-};
-
-// A platformized entity driven by a source (`usePlatformizedSource`). Like the
-// CMS case, the source supplies the columns and the fields to map onto — you
-// don't hand-list `fields`. Unlike CMS you still name the `destination`: a
-// platformized target has no Wix Data collection to derive it from.
-// (In these docs `usePlatformizedSource` is backed by in-memory data so it runs
-// with no backend.)
-function PlatformizedSourceImport() {
-  const source = usePlatformizedSource<Product>({
-    fqdn: 'stores.catalog.product',
-    backend: { find: async () => ({ items: [] as Product[], total: 0 }) },
-    itemKey: (product) => product.id,
-    itemName: (product) => product.name,
-  });
-  const state = useTableCollection<Product>(source);
-
-  return (
-    <CollectionPage>
-      <CollectionPage.Header title={{ text: 'Products' }} />
-      <CollectionPage.Content>
-        <Table
-          state={state}
-          horizontalScroll
-          customColumns={<CustomColumns />}
-          columns={[]}
-          importButton={
-            <ImportButton
-              config={{ destination: { storesCatalogProducts: {} } }}
-            />
-          }
-        />
-      </CollectionPage.Content>
-    </CollectionPage>
-  );
-}
-
-export default PlatformizedSourceImport;