@wix/patterns 1.372.0 → 1.374.0

package/src/components/EntityPage/EntityPagePlain.st.css.ts

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

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

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

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

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

package/src/components/ImportButton/ImportStepUpload.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload2219928482";
+var _namespace_ = "ImportStepUpload2395864105";
 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":"ImportStepUpload2219928482__root","fileUpload":"ImportStepUpload2219928482__fileUpload"};
+export var classes = {"root":"ImportStepUpload2395864105__root","fileUpload":"ImportStepUpload2395864105__fileUpload"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "InputOverflow2534104229";
+var _namespace_ = "InputOverflow346291262";
 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":"InputOverflow2534104229__root"};
+export var classes = {"root":"InputOverflow346291262__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_ = "LoadingRow3930299149";
+var _namespace_ = "LoadingRow2879946137";
 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":"LoadingRow3930299149__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3930299149__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow2879946137__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow2879946137__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_ = "MaxHeightText1538279176";
+var _namespace_ = "MaxHeightText1176767675";
 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":"MaxHeightText1538279176__root"};
+export var classes = {"root":"MaxHeightText1176767675__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_ = "MaxLines2300563937";
+var _namespace_ = "MaxLines1332252143";
 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":"MaxLines2300563937__root"};
+export var classes = {"root":"MaxLines1332252143__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_ = "MultiBulkActionToolbar2154874272";
+var _namespace_ = "MultiBulkActionToolbar4071041881";
 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":"MultiBulkActionToolbar2154874272__root","leftGroupWrapper":"MultiBulkActionToolbar2154874272__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar2154874272__selectedCountItem","selectedCountText":"MultiBulkActionToolbar2154874272__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar4071041881__root","leftGroupWrapper":"MultiBulkActionToolbar4071041881__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar4071041881__selectedCountItem","selectedCountText":"MultiBulkActionToolbar4071041881__selectedCountText"};
 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_ = "NestedTablePlaceholderStatesRow2829325166";
+var _namespace_ = "NestedTablePlaceholderStatesRow497436826";
 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":"NestedTablePlaceholderStatesRow2829325166__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow497436826__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_ = "NestedTableRow926890738";
+var _namespace_ = "NestedTableRow3990595753";
 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":"NestedTableRow926890738__root","firstLevel":"NestedTableRow926890738__firstLevel","placeholder":"NestedTableRow926890738__placeholder","parentHovered":"NestedTableRow926890738__parentHovered"};
+export var classes = {"root":"NestedTableRow3990595753__root","firstLevel":"NestedTableRow3990595753__firstLevel","placeholder":"NestedTableRow3990595753__placeholder","parentHovered":"NestedTableRow3990595753__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_ = "MultipleDragOverlayEffect397167104";
+var _namespace_ = "MultipleDragOverlayEffect531256030";
 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":"MultipleDragOverlayEffect397167104__root"};
+export var classes = {"root":"MultipleDragOverlayEffect531256030__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_ = "NestedTableDragAndDropRow206459736";
+var _namespace_ = "NestedTableDragAndDropRow2355513023";
 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":"NestedTableDragAndDropRow206459736__root"};
+export var classes = {"root":"NestedTableDragAndDropRow2355513023__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_ = "PickerContent1837306975";
+var _namespace_ = "PickerContent2183702653";
 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":"PickerContent1837306975__root"};
+export var classes = {"root":"PickerContent2183702653__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_ = "PickerContentAdditionalStep4061668691";
+var _namespace_ = "PickerContentAdditionalStep897378786";
 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":"PickerContentAdditionalStep4061668691__root","titles":"PickerContentAdditionalStep4061668691__titles","suffix":"PickerContentAdditionalStep4061668691__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep897378786__root","titles":"PickerContentAdditionalStep897378786__titles","suffix":"PickerContentAdditionalStep897378786__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_ = "PickerTableListItem3029049152";
+var _namespace_ = "PickerTableListItem1804547356";
 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":"PickerTableListItem3029049152__root"};
+export var classes = {"root":"PickerTableListItem1804547356__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_ = "ScrollableContent213279461";
+var _namespace_ = "ScrollableContent189900633";
 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":"ScrollableContent213279461__root"};
+export var classes = {"root":"ScrollableContent189900633__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_ = "SkeletonCard2973485831";
+var _namespace_ = "SkeletonCard4107778614";
 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":"SkeletonCard2973485831__root","headerLoading":"SkeletonCard2973485831__headerLoading"};
+export var classes = {"root":"SkeletonCard4107778614__root","headerLoading":"SkeletonCard4107778614__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_ = "SlidingModal1623514908";
+var _namespace_ = "SlidingModal2746710606";
 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":"SlidingModal1623514908__root"};
+export var classes = {"root":"SlidingModal2746710606__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_ = "TabsFilter2657081565";
+var _namespace_ = "TabsFilter3564855939";
 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":"TabsFilter2657081565__root","title":"TabsFilter2657081565__title"};
+export var classes = {"root":"TabsFilter3564855939__root","title":"TabsFilter3564855939__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_ = "ManageTagsModal1423203914";
+var _namespace_ = "ManageTagsModal361100246";
 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":"ManageTagsModal1423203914__root"};
+export var classes = {"root":"ManageTagsModal361100246__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/Tags.tsx

@@ -37,6 +37,10 @@ export interface TagsProps<T, F extends FiltersMap> {
    * When set to true, will disable "Manage tags" action in the page actions menu.
    */
   disableDefaultPageAction?: boolean;
+  /**
+   * When set to false, will hide the undo toast after bulk tag assignment. Defaults to true.
+   */
+  bulkUpdateTagsShowUndoToast?: boolean;
 }
 
 export const Tags = <T, F extends FiltersMap>(props: TagsProps<T, F>) => {

package/src/components/TagsWidget/TagsWidget.tsx

@@ -71,6 +71,10 @@ export type TagsWidgetProps = {
    * Props to pass to the MultiSelect popover.
    */
   popoverProps?: PopoverCommonProps;
+  /**
+   * When set to false, will hide the undo toast after renaming or deleting a tag in the manage tags modal. Defaults to true.
+   */
+  manageTagsShowUndoToast?: boolean;
 } & (
   | {
       /**

package/src/components/TagsWidget/TagsWidgetContent.tsx

@@ -79,6 +79,7 @@ const _TagsWidgetContent = ({
   entityId,
   readOnly,
   popoverProps,
+  manageTagsShowUndoToast,
 }: TagsWidgetContentProps) => {
   const { translate: t } = useWixPatternsContainer();
   const [formState] = useState(() =>
@@ -97,6 +98,7 @@ const _TagsWidgetContent = ({
       new TagsModalState({
         tagsManagementState: state.tagsManagementState,
         entityTypeName,
+        showUndoToast: manageTagsShowUndoToast,
       }),
   );
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem3258589852";
+var _namespace_ = "ToolbarItem793996985";
 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":"ToolbarItem3258589852__root"};
+export var classes = {"root":"ToolbarItem793996985__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_ = "ToolbarItemBox2437244340";
+var _namespace_ = "ToolbarItemBox3984604464";
 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":"ToolbarItemBox2437244340__root"};
+export var classes = {"root":"ToolbarItemBox3984604464__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_ = "common61718607";
+var _namespace_ = "common2106460737";
 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":"common61718607__root","column":"common61718607__column","fullHeight":"common61718607__fullHeight"};
+export var classes = {"root":"common2106460737__root","column":"common2106460737__column","fullHeight":"common2106460737__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_ = "CollectionPageHeader2851520069";
+var _namespace_ = "CollectionPageHeader1183817299";
 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":"CollectionPageHeader2851520069__root"};
+export var classes = {"root":"CollectionPageHeader1183817299__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/EditableTable/CellInteractionState.ts

@@ -16,6 +16,8 @@ export class CellInteractionState<T, F extends FiltersMap> {
   selectedCells = new Set<string>();
   selectionAnchor: Cell | null = null;
   focusedCellElement: HTMLElement | null = null;
+  /** True while the user is performing a mouse sweep selection. */
+  isSelecting = false;
   private readonly _parent: EditableTableState<T, F>;
   private readonly _commitHandler: CommitHandler;
 
@@ -29,6 +31,7 @@ export class CellInteractionState<T, F extends FiltersMap> {
       editTrigger: observable.ref,
       selectedCells: observable,
       selectionAnchor: observable.ref,
+      isSelecting: observable.ref,
       isEditing: computed,
       selectedCellsList: computed,
       focusCell: action,
@@ -42,6 +45,9 @@ export class CellInteractionState<T, F extends FiltersMap> {
       moveFocus: action,
       moveToNextCell: action,
       moveToPreviousCell: action,
+      startSweep: action,
+      sweepTo: action,
+      stopSweep: action,
     });
   }
 
@@ -221,6 +227,22 @@ export class CellInteractionState<T, F extends FiltersMap> {
     this.focusCell(keyedItems[row].key, editableColumns[col].id);
   }
 
+  startSweep(rowKey: string, columnId: string) {
+    this.isSelecting = true;
+    this.focusCell(rowKey, columnId);
+  }
+
+  sweepTo(rowKey: string, columnId: string) {
+    if (!this.isSelecting || !this.selectionAnchor) {
+      return;
+    }
+    this.selectRange(this.selectionAnchor, { rowKey, columnId });
+  }
+
+  stopSweep() {
+    this.isSelecting = false;
+  }
+
   private _diffSelection(newKeys: Set<string>) {
     for (const key of this.selectedCells) {
       if (!newKeys.has(key)) {

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

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

package/src/state/TagsBulkAssignPopoverState.ts

@@ -30,7 +30,11 @@ export interface BulkUpdateTagsParams {
 export interface TagsBulkAssignPopoverStateParams<T, F extends FiltersMap>
   extends Pick<
     TagsProps<T, F>,
-    'bulkUpdateTags' | 'asyncBulkUpdateTags' | 'getTags' | 'assignButtonConfig'
+    | 'bulkUpdateTags'
+    | 'asyncBulkUpdateTags'
+    | 'getTags'
+    | 'assignButtonConfig'
+    | 'bulkUpdateTagsShowUndoToast'
   > {
   readonly tagsManagementState: TagsManagementState;
   readonly tagsModalState: TagsModalState;
@@ -67,6 +71,7 @@ export class TagsBulkAssignPopoverState<T, F extends FiltersMap> {
     asyncBulkUpdateTags,
     getTags,
     assignButtonConfig,
+    bulkUpdateTagsShowUndoToast,
   }: TagsBulkAssignPopoverStateParams<T, F>) {
     this.tagsManagementState = tagsManagementState;
     this.collectionState = collectionState;
@@ -95,6 +100,7 @@ export class TagsBulkAssignPopoverState<T, F extends FiltersMap> {
       tagsBIReporter: this.tagsBIReporter,
       getTags,
       bulkUpdateTags,
+      bulkUpdateTagsShowUndoToast,
     });
     this.bulkAssignAsyncState = new TagsBulkAssignAsyncState({
       collectionState,

package/src/state/TagsBulkAssignSyncState.ts

@@ -15,7 +15,7 @@ export interface BulkUpdateTagsParams {
 export interface TagsBulkAssignSyncStateParams<T, F extends FiltersMap>
   extends Pick<
     TagsBulkAssignPopoverStateParams<T, F>,
-    'bulkUpdateTags' | 'collectionState' | 'getTags'
+    'bulkUpdateTags' | 'collectionState' | 'getTags' | 'bulkUpdateTagsShowUndoToast'
   > {
   container: TagsBulkAssignPopoverState<T, F>['container'];
   optimisticActions: TagsBulkAssignPopoverState<T, F>['optimisticActions'];
@@ -30,6 +30,7 @@ export class TagsBulkAssignSyncState<T, F extends FiltersMap> {
   readonly tagsBIReporter;
   readonly bulkUpdateTags;
   readonly getTags;
+  readonly showUndoToast: boolean;
 
   constructor(params: TagsBulkAssignSyncStateParams<T, F>) {
     const {
@@ -39,6 +40,7 @@ export class TagsBulkAssignSyncState<T, F extends FiltersMap> {
       tagsBIReporter,
       getTags,
       bulkUpdateTags,
+      bulkUpdateTagsShowUndoToast: showUndoToast = true,
     } = params;
     this.collectionState = collectionState;
     this.optimisticActions = optimisticActions;
@@ -46,6 +48,7 @@ export class TagsBulkAssignSyncState<T, F extends FiltersMap> {
     this.tagsBIReporter = tagsBIReporter;
     this.getTags = getTags;
     this.bulkUpdateTags = bulkUpdateTags;
+    this.showUndoToast = showUndoToast;
   }
 
   get canUseBulkSync() {
@@ -93,7 +96,7 @@ export class TagsBulkAssignSyncState<T, F extends FiltersMap> {
           'cairo.tags.applyChanges.toast.success',
         ),
       },
-      showUndoToast: true,
+      showUndoToast: this.showUndoToast,
       errorToast: () => ({
         biName: 'cairo-update-bulk-assign-tags-error',
         message: this.container.translate(