@wix/patterns 1.300.0 → 1.301.0

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

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

package/src/components/NestedTable/NestedTableRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow93200331";
+var _namespace_ = "NestedTableRow2986872966";
 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":"NestedTableRow93200331__root","firstLevel":"NestedTableRow93200331__firstLevel","placeholder":"NestedTableRow93200331__placeholder","parentHovered":"NestedTableRow93200331__parentHovered"};
+export var classes = {"root":"NestedTableRow2986872966__root","firstLevel":"NestedTableRow2986872966__firstLevel","placeholder":"NestedTableRow2986872966__placeholder","parentHovered":"NestedTableRow2986872966__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

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

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

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

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

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

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep2417369187";
+var _namespace_ = "PickerContentAdditionalStep89582028";
 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":"PickerContentAdditionalStep2417369187__root","titles":"PickerContentAdditionalStep2417369187__titles","suffix":"PickerContentAdditionalStep2417369187__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep89582028__root","titles":"PickerContentAdditionalStep89582028__titles","suffix":"PickerContentAdditionalStep89582028__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard693890713";
+var _namespace_ = "SkeletonCard3488000164";
 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":"SkeletonCard693890713__root","headerLoading":"SkeletonCard693890713__headerLoading"};
+export var classes = {"root":"SkeletonCard3488000164__root","headerLoading":"SkeletonCard3488000164__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter529749179";
+var _namespace_ = "TabsFilter963495163";
 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":"TabsFilter529749179__root","title":"TabsFilter529749179__title"};
+export var classes = {"root":"TabsFilter963495163__root","title":"TabsFilter963495163__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal2189132043";
+var _namespace_ = "ManageTagsModal3417449427";
 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":"ManageTagsModal2189132043__root"};
+export var classes = {"root":"ManageTagsModal3417449427__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem2707528422";
+var _namespace_ = "ToolbarItem2225148871";
 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":"ToolbarItem2707528422__root"};
+export var classes = {"root":"ToolbarItem2225148871__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_ = "ToolbarItemBox3613708891";
+var _namespace_ = "ToolbarItemBox3648632072";
 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":"ToolbarItemBox3613708891__root"};
+export var classes = {"root":"ToolbarItemBox3648632072__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_ = "common4267872380";
+var _namespace_ = "common2519802978";
 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":"common4267872380__root","column":"common4267872380__column","fullHeight":"common4267872380__fullHeight"};
+export var classes = {"root":"common2519802978__root","column":"common2519802978__column","fullHeight":"common2519802978__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

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

package/src/state/NestedTableState/NestedTableNodeStateOptimisticActions.ts

@@ -1,60 +1,153 @@
 import {
-  FiltersMap,
-  UpdateManyParams,
-  OptimisticActions,
   CreateManyParams,
+  DeepPartial,
   DeleteManyParams,
-  UpdateAllParams,
+  FiltersMap,
+  KeyedItem,
+  OptimisticActions,
   ToastConfig,
+  UpdateAllParams,
+  UpdateManyParams,
 } from '@wix/bex-core';
 import { NestedTableNodeState } from './NestedTableNodeState';
 import once from 'lodash/once';
+import { getNodeOrLeaf } from './getNodeOrLeaf';
+import { NestedTableNodeStatePublicAPI } from './NestedTableNodeStatePublicAPI';
+import { action, makeObservable } from 'mobx';
+
+export interface NestedDeleteManyParams<T, R> extends DeleteManyParams<T, R> {}
+
+export interface NestedUpdateManyParams<T, R> extends UpdateManyParams<T, R> {
+  /**
+   * Indicates whether to propagate the update to child nodes.
+   */
+  propagate?: boolean;
+  /**
+   * Partial data to patch the items with.
+   */
+  patch?: DeepPartial<T>;
+}
+
+export interface NestedTableNodeStateOptimisticActionsPublicAPI<T>
+  extends OptimisticActions<T> {
+  updateMany<R>(items: T[], params: NestedUpdateManyParams<T, R>): void;
+
+  updateOne<R>(item: T, params: NestedUpdateManyParams<T, R>): void;
+
+  deleteMany<R>(items: T[], params: NestedDeleteManyParams<T, R>): void;
+  deleteOne<R>(item: T, params: NestedDeleteManyParams<T, R>): void;
+}
+
+interface BaseActionParams {
+  submit: (...args: any) => any;
+  successToast?: ToastConfig | string;
+  errorToast?: (
+    err: unknown,
+    params: { retry: () => void },
+  ) => ToastConfig | string;
+}
 
 export class NestedTableNodeStateOptimisticActions<
   C extends string,
   T,
   F extends FiltersMap,
-> implements OptimisticActions<T>
+> implements NestedTableNodeStateOptimisticActionsPublicAPI<T>
 {
   readonly node;
 
   constructor(node: NestedTableNodeState<C, T, F>) {
     this.node = node;
+
+    makeObservable(this, {
+      _propagate: action,
+      _runAction: action,
+      deleteMany: action,
+      updateMany: action,
+    });
   }
 
-  _runAction<
-    A extends {
-      submit: (...args: any) => any;
-      successToast?: ToastConfig | string;
-      errorToast?: (
-        err: unknown,
-        params: { retry: () => void },
-      ) => ToastConfig | string;
-    },
-  >(
+  _getActionsParams<A extends BaseActionParams>(params: A) {
+    const primaryActionParams = {
+      ...params,
+      submit: once(params.submit),
+    };
+
+    const secondaryActionParams = {
+      ...primaryActionParams,
+      successToast: undefined,
+      errorToast: undefined,
+    };
+
+    return {
+      primaryActionParams,
+      secondaryActionParams,
+    };
+  }
+
+  _runAction<A extends BaseActionParams>(
     action: (optimisticActions: OptimisticActions<T>, params: A) => void,
     params: A,
   ) {
     const {
-      node: { flatModeCollection, children },
+      node: { flatModeCollection, children, nestedTable },
     } = this;
 
-    const submit = once(params.submit);
+    const { primaryActionParams, secondaryActionParams } =
+      this._getActionsParams(params);
+
+    if (children?._optimisticActions) {
+      action(children._optimisticActions, primaryActionParams);
+    }
 
     if (flatModeCollection?._optimisticActions) {
-      action(flatModeCollection._optimisticActions, {
-        ...params,
-        submit,
-        successToast: undefined,
-        errorToast: undefined,
-      });
+      action(flatModeCollection._optimisticActions, secondaryActionParams);
     }
 
-    if (children?._optimisticActions) {
-      action(children._optimisticActions, {
-        ...params,
-        submit,
-      });
+    if (
+      nestedTable.toolbar.collection !== children &&
+      nestedTable.toolbar.collection._optimisticActions
+    ) {
+      action(
+        nestedTable.toolbar.collection._optimisticActions,
+        secondaryActionParams,
+      );
+    }
+  }
+
+  _propagate(
+    items: T[],
+    action: (
+      nodes: NestedTableNodeStatePublicAPI<C, any, any>,
+      subItems: T[],
+    ) => void,
+  ) {
+    const { node } = this;
+
+    if (!node.children) {
+      return;
+    }
+
+    const {
+      itemKey,
+      result: { _keyedItemsMap },
+    } = node.collection;
+
+    const directItems = items.map((item) =>
+      _keyedItemsMap.get(itemKey(item)),
+    ) as KeyedItem<T>[];
+
+    const directNodes = directItems.map((keyedItem) =>
+      getNodeOrLeaf(node, keyedItem),
+    );
+
+    for (const subNode of directNodes) {
+      const subItems = subNode.children?.result.items as T[];
+
+      if (!subItems?.length) {
+        continue;
+      }
+
+      action(subNode, subItems);
     }
   }
 
@@ -65,24 +158,44 @@ export class NestedTableNodeStateOptimisticActions<
   createMany(items: T[], params: CreateManyParams<T>) {
     this._runAction((a, p) => a.createMany(items, p), params);
   }
+
   updateAll<R>(patchOrFn: (item: T) => Partial<T>, params: UpdateAllParams<R>) {
     this._runAction((a, p) => a.updateAll(patchOrFn, p), params);
   }
-  deleteMany<R>(items: T[], params: DeleteManyParams<T, R>) {
-    this._runAction((a, p) => a.deleteMany(items, p), params);
+
+  deleteMany<R>(items: T[], params: NestedDeleteManyParams<T, R>) {
+    const { primaryActionParams, secondaryActionParams } =
+      this._getActionsParams(params);
+
+    this._propagate(items, (subNode, subItems) => {
+      subNode.optimisticActions?.deleteMany(subItems, secondaryActionParams);
+    });
+
+    this._runAction((a, p) => a.deleteMany(items, p), primaryActionParams);
   }
-  deleteOne<R>(item: T, params: DeleteManyParams<T, R>) {
+
+  deleteOne<R>(item: T, params: NestedDeleteManyParams<T, R>) {
     this.deleteMany([item], params);
   }
+
   deleteAll<R>(params: UpdateAllParams<R>) {
     this._runAction((a, p) => a.deleteAll(p), params);
   }
 
-  updateMany<R>(items: T[], params: UpdateManyParams<T, R>) {
-    this._runAction((a, p) => a.updateMany(items, p), params);
+  updateMany<R>(items: T[], params: NestedUpdateManyParams<T, R>) {
+    const { primaryActionParams, secondaryActionParams } =
+      this._getActionsParams(params);
+
+    if (params?.propagate) {
+      this._propagate(items, (subNode, subItems) => {
+        subNode.optimisticActions?.updateMany(subItems, secondaryActionParams);
+      });
+    }
+
+    this._runAction((a, p) => a.updateMany(items, p), primaryActionParams);
   }
 
-  updateOne<R>(item: T, params: UpdateManyParams<T, R>) {
+  updateOne<R>(item: T, params: NestedUpdateManyParams<T, R>) {
     this.updateMany([item], params);
   }
 }

package/src/state/NestedTableState/NestedTableNodeStatePublicAPI.ts

@@ -1,4 +1,5 @@
-import { OptimisticActions, CollectionState, FiltersMap } from '@wix/bex-core';
+import { CollectionState, FiltersMap } from '@wix/bex-core';
+import { NestedTableNodeStateOptimisticActionsPublicAPI } from './NestedTableNodeStateOptimisticActions';
 
 export interface NestedTableNodeStatePublicAPI<
   C extends string,
@@ -23,7 +24,7 @@ export interface NestedTableNodeStatePublicAPI<
   /**
    * The optimistic actions of the node, affects items both in nested & flat mode
    */
-  readonly optimisticActions?: OptimisticActions<T>;
+  readonly optimisticActions?: NestedTableNodeStateOptimisticActionsPublicAPI<T>;
 
   /**
    * The "parent" item of this node

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer96728732__root.CardContainer96728732--mobile{border-radius:0}.Collapse2752988996__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2752988996__exit{height:0}.CollectionPage275142463__root.CollectionPage275142463--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage275142463__root.CollectionPage275142463--panel{overflow:hidden;position:relative}.CollectionTable645875702__root td{vertical-align:middle}.CollectionTable645875702__root.CollectionTable645875702--mobile td:first-child{padding-left:18px}.CollectionTable645875702__root.CollectionTable645875702--mobile td:last-child{padding-right:18px}.CollectionToolbar3486302085__left{min-width:0}.CollectionToolbar3486302085__root.CollectionToolbar3486302085--views .CollectionToolbar3486302085__left{flex-shrink:1;flex-grow:0}.CollectionToolbar3486302085__left.CollectionToolbar3486302085--expandable{flex:auto}.CollectionToolbar3486302085__root .CollectionToolbar3486302085__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3486302085__root.CollectionToolbar3486302085--views .CollectionToolbar3486302085__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3486302085__root .CollectionToolbar3486302085__right.CollectionToolbar3486302085__fullWidth{margin-inline-start:0!important}.CollectionToolbar3486302085__root.CollectionToolbar3486302085--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3061739824__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3061739824__searchMobile{justify-content:flex-end;position:absolute;left:18px;right:18px}.SearchOrCustomFilter3061739824__searchMobile.SearchOrCustomFilter3061739824--expandable{left:unset}.SearchOrCustomFilter3061739824__searchMobile.SearchOrCustomFilter3061739824--expandable.SearchOrCustomFilter3061739824--expanded{left:18px}.AutoCompleteReadonly1904272586__root.AutoCompleteReadonly1904272586--disableEditing{cursor:pointer}.AutoCompleteReadonly1904272586__root.AutoCompleteReadonly1904272586--disableEditing input{cursor:pointer}.ViewsDropdown1265254409__root{width:200px}.DragHandle1096016990__root{display:flex;align-items:center}.DragHandle1096016990__root:not(.DragHandle1096016990--disabled){cursor:grab;color:#a8caff}.DragHandle1096016990__root.DragHandle1096016990--disabled{color:#acafc4}.DragHandle1096016990__root:focus-visible:not(.DragHandle1096016990--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1096016990__root.DragHandle1096016990--disabled{pointer-events:none}.DragHandle1096016990__root.DragHandle1096016990--dragging:not(.DragHandle1096016990--disabled){cursor:grabbing}.EntityPagePlain1062936786__root.EntityPagePlain1062936786--mobile{--wds-page-header-padding-horizontal:0}.Fade964856991__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade964856991__root.Fade964856991--exit{opacity:0}.Heading399993216__root{visibility:visible}.Heading399993216__root.Heading399993216--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2161395937__root.InputOverflow2161395937--selected:not(.InputOverflow2161395937--focused) input::placeholder{color:#000624}@keyframes LoadingRow187712777__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%}}.LoadingRow187712777__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:LoadingRow187712777__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText676620238__root{opacity:1}.MaxHeightText676620238__root.MaxHeightText676620238--height24{line-height:24px}.MaxLines1573183086__root{overflow:hidden}.MaxLines1573183086__root.MaxLines1573183086--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3157796139__root{min-width:0}.NestedTablePlaceholderStatesRow2811655784__root td{padding:0!important;width:100%}.NestedTableRow93200331__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow93200331__root:hover{background-color:#e7f0ff!important}.NestedTableRow93200331__root.NestedTableRow93200331--expandable{cursor:pointer}.NestedTableRow93200331__placeholder td{padding:0!important;width:100%}.NestedTableRow93200331__root:hover td:first-of-type::before,.NestedTableRow93200331__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1498887663__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)}.NestedTableDragAndDropRow2564206690__root.NestedTableDragAndDropRow2564206690--draggingInto td{background-color:#e7f0ff!important}.PickerContent2909552611__root{display:flex}.PickerContentAdditionalStep2417369187__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2417369187__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3972443579__root{box-sizing:border-box}.ScrollableContent2892148242__root.ScrollableContent2892148242--overflowY{overflow-y:auto}.ScrollableContent2892148242__root.ScrollableContent2892148242--overflowX{overflow-x:auto}.ScrollableContent2892148242__root.ScrollableContent2892148242--smooth{scroll-behavior:smooth}.SkeletonCard693890713__headerLoading{display:block!important}.SlidingModal2204069005__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2204069005__root.SlidingModal2204069005--overlay{transition:transform 0s ease 0s}.SlidingModal2204069005__root.SlidingModal2204069005---appendTo-6-parent{position:absolute}.SlidingModal2204069005__root:not(.SlidingModal2204069005--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter529749179__root .TabsFilter529749179__title{color:inherit!important}.ManageTagsModal2189132043__root{display:flex}.ToolbarItem2707528422__root{min-width:0}.ToolbarItemBox3613708891__root{min-width:0}.ToolbarItemBox3613708891__root.ToolbarItemBox3613708891--removeStartPadding{margin-left:-24px}.ToolbarItemBox3613708891__root.ToolbarItemBox3613708891--expandable{flex:1 0}.common4267872380__column{display:flex;flex-direction:column}.common4267872380__fullHeight{height:100%;min-height:0}.CollectionPageHeader151189278__root.CollectionPageHeader151189278--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader151189278__root.CollectionPageHeader151189278--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader137924600__root.FormPageHeader137924600--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader137924600__root.FormPageHeader137924600--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer1330514190__root.CardContainer1330514190--mobile{border-radius:0}.Collapse1816076419__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1816076419__exit{height:0}.CollectionPage1535313463__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1535313463__root.CollectionPage1535313463--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1535313463__root.CollectionPage1535313463--panel{overflow:hidden;position:relative}.CollectionTable3350945893__root td{vertical-align:middle}.CollectionTable3350945893__root.CollectionTable3350945893--mobile td:first-child{padding-left:18px}.CollectionTable3350945893__root.CollectionTable3350945893--mobile td:last-child{padding-right:18px}.CollectionToolbar3814071131__left{min-width:0}.CollectionToolbar3814071131__root.CollectionToolbar3814071131--views .CollectionToolbar3814071131__left{flex-shrink:1;flex-grow:0}.CollectionToolbar3814071131__left.CollectionToolbar3814071131--expandable{flex:auto}.CollectionToolbar3814071131__root .CollectionToolbar3814071131__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3814071131__root.CollectionToolbar3814071131--views .CollectionToolbar3814071131__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3814071131__root .CollectionToolbar3814071131__right.CollectionToolbar3814071131__fullWidth{margin-inline-start:0!important}.CollectionToolbar3814071131__root.CollectionToolbar3814071131--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3055523513__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3055523513__searchMobile{justify-content:flex-end;position:absolute;left:18px;right:18px}.SearchOrCustomFilter3055523513__searchMobile.SearchOrCustomFilter3055523513--expandable{left:unset}.SearchOrCustomFilter3055523513__searchMobile.SearchOrCustomFilter3055523513--expandable.SearchOrCustomFilter3055523513--expanded{left:18px}.AutoCompleteReadonly2924374283__root.AutoCompleteReadonly2924374283--disableEditing{cursor:pointer}.AutoCompleteReadonly2924374283__root.AutoCompleteReadonly2924374283--disableEditing input{cursor:pointer}.ViewsDropdown327953971__root{width:200px}.DragHandle283894865__root{display:flex;align-items:center}.DragHandle283894865__root:not(.DragHandle283894865--disabled){cursor:grab;color:#a8caff}.DragHandle283894865__root.DragHandle283894865--disabled{color:#acafc4}.DragHandle283894865__root:focus-visible:not(.DragHandle283894865--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle283894865__root.DragHandle283894865--disabled{pointer-events:none}.DragHandle283894865__root.DragHandle283894865--dragging:not(.DragHandle283894865--disabled){cursor:grabbing}.EntityPagePlain2242320061__root.EntityPagePlain2242320061--mobile{--wds-page-header-padding-horizontal:0}.Fade222354217__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade222354217__root.Fade222354217--exit{opacity:0}.Heading2590859254__root{visibility:visible}.Heading2590859254__root.Heading2590859254--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3995330218__root.InputOverflow3995330218--selected:not(.InputOverflow3995330218--focused) input::placeholder{color:#000624}@keyframes LoadingRow3099658535__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%}}.LoadingRow3099658535__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:LoadingRow3099658535__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1264730909__root{opacity:1}.MaxHeightText1264730909__root.MaxHeightText1264730909--height24{line-height:24px}.MaxLines54330796__root{overflow:hidden}.MaxLines54330796__root.MaxLines54330796--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar938081982__root{min-width:0}.NestedTablePlaceholderStatesRow1388050785__root td{padding:0!important;width:100%}.NestedTableRow2986872966__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2986872966__root:hover{background-color:#e7f0ff!important}.NestedTableRow2986872966__root.NestedTableRow2986872966--expandable{cursor:pointer}.NestedTableRow2986872966__placeholder td{padding:0!important;width:100%}.NestedTableRow2986872966__root:hover td:first-of-type::before,.NestedTableRow2986872966__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect4167053525__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)}.NestedTableDragAndDropRow1522718268__root.NestedTableDragAndDropRow1522718268--draggingInto td{background-color:#e7f0ff!important}.PickerContent779583577__root{display:flex}.PickerContentAdditionalStep89582028__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep89582028__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem4040974178__root{box-sizing:border-box}.ScrollableContent1287479194__root.ScrollableContent1287479194--overflowY{overflow-y:auto}.ScrollableContent1287479194__root.ScrollableContent1287479194--overflowX{overflow-x:auto}.ScrollableContent1287479194__root.ScrollableContent1287479194--smooth{scroll-behavior:smooth}.SkeletonCard3488000164__headerLoading{display:block!important}.SlidingModal3995561768__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3995561768__root.SlidingModal3995561768--overlay{transition:transform 0s ease 0s}.SlidingModal3995561768__root.SlidingModal3995561768---appendTo-6-parent{position:absolute}.SlidingModal3995561768__root:not(.SlidingModal3995561768--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter963495163__root .TabsFilter963495163__title{color:inherit!important}.ManageTagsModal3417449427__root{display:flex}.ToolbarItem2225148871__root{min-width:0}.ToolbarItemBox3648632072__root{min-width:0}.ToolbarItemBox3648632072__root.ToolbarItemBox3648632072--removeStartPadding{margin-left:-24px}.ToolbarItemBox3648632072__root.ToolbarItemBox3648632072--expandable{flex:1 0}.common2519802978__column{display:flex;flex-direction:column}.common2519802978__fullHeight{height:100%;min-height:0}.CollectionPageHeader339702470__root.CollectionPageHeader339702470--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader339702470__root.CollectionPageHeader339702470--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2891821525__root.FormPageHeader2891821525--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2891821525__root.FormPageHeader2891821525--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/test-utils/DataExtensionMocks.ts

@@ -3,7 +3,7 @@ import {
   listDataExtensionSchemas,
   updateDataExtensionSchema,
 } from '@wix/bex-utils/@wix/ambassador-data-extensions-v1-data-extension-schema/http';
-import { DataExtensionSchema } from '@wix/bex-utils/@wix/ambassador-data-extensions-v1-data-extension-schema/types';
+import type { DataExtensionSchema } from '@wix/bex-utils/@wix/ambassador-data-extensions-v1-data-extension-schema/types';
 import { InMemoryBackend } from '../testkit/backend';
 import { Chance } from 'chance';
 

package/src/test-utils/dataExtensionServiceMocks.ts

@@ -1,6 +1,6 @@
 import { DataExtensionField } from '@wix/bex-core';
 import { listDataExtensionSchemas } from '@wix/bex-utils/@wix/ambassador-data-extensions-v1-data-extension-schema/http';
-import { ListDataExtensionSchemasResponse } from '@wix/bex-utils/@wix/ambassador-data-extensions-v1-data-extension-schema/types';
+import type { ListDataExtensionSchemasResponse } from '@wix/bex-utils/@wix/ambassador-data-extensions-v1-data-extension-schema/types';
 import { Chance } from 'chance';
 
 export function dataExtensionServiceMocks(