@wix/patterns 1.299.0 → 1.301.0

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow2559945235";
+var _namespace_ = "LoadingRow3099658535";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"LoadingRow2559945235__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow2559945235__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3099658535__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3099658535__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

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

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

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

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

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow613004709";
+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":"NestedTablePlaceholderStatesRow613004709__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_ = "NestedTableRow2976448891";
+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":"NestedTableRow2976448891__root","firstLevel":"NestedTableRow2976448891__firstLevel","placeholder":"NestedTableRow2976448891__placeholder","parentHovered":"NestedTableRow2976448891__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_ = "MultipleDragOverlayEffect874100797";
+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":"MultipleDragOverlayEffect874100797__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_ = "NestedTableDragAndDropRow1698105103";
+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":"NestedTableDragAndDropRow1698105103__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_ = "PickerContent3078262274";
+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":"PickerContent3078262274__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_ = "PickerContentAdditionalStep3902626640";
+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":"PickerContentAdditionalStep3902626640__root","titles":"PickerContentAdditionalStep3902626640__titles","suffix":"PickerContentAdditionalStep3902626640__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_ = "PickerTableListItem1977648805";
+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":"PickerTableListItem1977648805__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_ = "ScrollableContent1510175626";
+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":"ScrollableContent1510175626__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_ = "SkeletonCard786624872";
+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":"SkeletonCard786624872__root","headerLoading":"SkeletonCard786624872__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_ = "SlidingModal1660445427";
+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":"SlidingModal1660445427__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_ = "TabsFilter3576348843";
+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":"TabsFilter3576348843__root","title":"TabsFilter3576348843__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_ = "ManageTagsModal4049647154";
+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":"ManageTagsModal4049647154__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_ = "ToolbarItem3679284432";
+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":"ToolbarItem3679284432__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_ = "ToolbarItemBox3080473563";
+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":"ToolbarItemBox3080473563__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_ = "common1987387905";
+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":"common1987387905__root","column":"common1987387905__column","fullHeight":"common1987387905__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_ = "CollectionPageHeader23117826";
+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":"CollectionPageHeader23117826__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_ = "FormPageHeader1223176097";
+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":"FormPageHeader1223176097__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