@wix/patterns 1.300.0 → 1.302.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxLines1573183086";
+var _namespace_ = "MaxLines1091878501";
 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":"MaxLines1573183086__root"};
+export var classes = {"root":"MaxLines1091878501__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_ = "MultiBulkActionToolbar3157796139";
+var _namespace_ = "MultiBulkActionToolbar3259252562";
 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":"MultiBulkActionToolbar3157796139__root"};
+export var classes = {"root":"MultiBulkActionToolbar3259252562__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_ = "NestedTablePlaceholderStatesRow2811655784";
+var _namespace_ = "NestedTablePlaceholderStatesRow2943349488";
 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":"NestedTablePlaceholderStatesRow2943349488__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_ = "NestedTableRow4056783073";
 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":"NestedTableRow4056783073__root","firstLevel":"NestedTableRow4056783073__firstLevel","placeholder":"NestedTableRow4056783073__placeholder","parentHovered":"NestedTableRow4056783073__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_ = "MultipleDragOverlayEffect1564379329";
 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":"MultipleDragOverlayEffect1564379329__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_ = "NestedTableDragAndDropRow1389386499";
 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":"NestedTableDragAndDropRow1389386499__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_ = "PickerContent2425539497";
 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":"PickerContent2425539497__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_ = "PickerContentAdditionalStep411640769";
 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":"PickerContentAdditionalStep411640769__root","titles":"PickerContentAdditionalStep411640769__titles","suffix":"PickerContentAdditionalStep411640769__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_ = "PickerTableListItem713306808";
 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":"PickerTableListItem713306808__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_ = "ScrollableContent1409747345";
 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":"ScrollableContent1409747345__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_ = "SkeletonCard1469644628";
 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":"SkeletonCard1469644628__root","headerLoading":"SkeletonCard1469644628__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_ = "SlidingModal3926485913";
 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":"SlidingModal3926485913__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_ = "TabsFilter4287980020";
 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":"TabsFilter4287980020__root","title":"TabsFilter4287980020__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_ = "ManageTagsModal413894637";
 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":"ManageTagsModal413894637__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_ = "ToolbarItem1702886322";
 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":"ToolbarItem1702886322__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_ = "ToolbarItemBox1322856672";
 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":"ToolbarItemBox1322856672__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_ = "common3632703167";
 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":"common3632703167__root","column":"common3632703167__column","fullHeight":"common3632703167__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/model/tableColumn.ts

@@ -83,22 +83,31 @@ export type SortableConfig<T> =
 
 export type TableColumn<T> = CustomColumnConfig<T> & SortableConfig<T>;
 
-export type ColumnMobileConfig = {
-  /**
-   * Which mobile column to display in.
-   * - 'first': Stacks vertically with other 'first' columns
-   * - 'second': Displays as standalone second column
-   * - undefined: Hidden on mobile
-   */
-  column?: 'first' | 'second';
-
-  /**
-   * Sort order within 'first' column (lower appears higher).
-   * Only relevant when column is 'first'.
-   * @default Infinity
-   */
-  order?: number;
-};
+export type ColumnMobileConfig =
+  | {
+      /**
+       * Which mobile column to display in.
+       * - 'first': Stacks vertically with other 'first' columns
+       * - 'second': Displays as standalone second column
+       * - undefined: Hidden on mobile
+       */
+      column: 'first';
+      /**
+       * Sort order within 'first' column (lower appears higher).
+       * Only relevant when column is 'first'.
+       * @default Infinity
+       */
+      order?: number;
+    }
+  | {
+      /**
+       * Which mobile column to display in.
+       * - 'first': Stacks vertically with other 'first' columns
+       * - 'second': Displays as standalone second column
+       * - undefined: Hidden on mobile
+       */
+      column?: 'second';
+    };
 
 export interface Column {
   /**

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_ = "CollectionPageHeader584672607";
 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":"CollectionPageHeader584672607__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_ = "FormPageHeader1505421524";
 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":"FormPageHeader1505421524__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