@odoo/o-spreadsheet 17.2.6 → 17.2.8

package/dist/o-spreadsheet.iife.js

@@ -3,9 +3,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 17.2.6
- * @date 2024-05-07T10:41:20.332Z
- * @hash a4f800c
+ * @version 17.2.8
+ * @date 2024-05-24T11:29:49.320Z
+ * @hash bfbcaa0
  */
 
 (function (exports, owl) {
@@ -503,6 +503,26 @@
       };
       return debounced;
   }
+  /**
+   * Creates a batched version of a callback so that all calls to it in the same
+   * microtick will only call the original callback once.
+   *
+   * @param callback the callback to batch
+   * @returns a batched version of the original callback
+   *
+   * Copied from odoo/owl repo.
+   */
+  function batched(callback) {
+      let scheduled = false;
+      return async (...args) => {
+          if (!scheduled) {
+              scheduled = true;
+              await Promise.resolve();
+              scheduled = false;
+              callback(...args);
+          }
+      };
+  }
   /*
    * Concatenate an array of strings.
    */
@@ -577,8 +597,9 @@
                   return false;
           }
           else {
-              if (ignoreFunctions && typeOfO1Key === "function")
-                  return true;
+              if (ignoreFunctions && typeOfO1Key === "function") {
+                  continue;
+              }
               if (o1[key] !== o2[key])
                   return false;
           }
@@ -1829,7 +1850,7 @@
       }
       valueOf() {
           const str = super.valueOf();
-          return _loaded() ? sprintf(_translate(str), ...this.values) : str;
+          return _loaded() ? sprintf(_translate(str), ...this.values) : sprintf(str, ...this.values);
       }
       toString() {
           return this.valueOf();
@@ -5202,7 +5223,7 @@
       }
       return null;
   }
-  const separatorRegexp = /^[\w\.!\$]+/;
+  const SYMBOL_CHARS = new Set("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_.!$");
   /**
    * A "Symbol" is just basically any word-like element that can appear in a
    * formula, which is not a string. So:
@@ -5242,11 +5263,8 @@
               };
           }
       }
-      const match = chars.remaining().match(separatorRegexp);
-      if (match) {
-          const value = match[0];
-          result += value;
-          chars.advanceBy(value.length);
+      while (chars.current && SYMBOL_CHARS.has(chars.current)) {
+          result += chars.shift();
       }
       if (result.length) {
           const value = result;
@@ -6798,7 +6816,7 @@
   function matchReference(tokens) {
       let head = 0;
       let transitions = machine[State.LeftRef];
-      const matchedTokens = [];
+      let matchedTokens = "";
       while (transitions !== undefined) {
           const token = tokens[head++];
           if (!token) {
@@ -6810,15 +6828,15 @@
               case undefined:
                   return null;
               case State.Found:
-                  matchedTokens.push(token);
+                  matchedTokens += token.value;
                   tokens.splice(0, head);
                   return {
                       type: "REFERENCE",
-                      value: concat(matchedTokens.map((token) => token.value)),
+                      value: matchedTokens,
                   };
               default:
                   transitions = machine[nextState];
-                  matchedTokens.push(token);
+                  matchedTokens += token.value;
                   break;
           }
       }
@@ -8016,10 +8034,66 @@
       });
   }
 
+  /**
+   * This is a generic event bus based on the Owl event bus.
+   * This bus however ensures type safety across events and subscription callbacks.
+   */
+  class EventBus {
+      subscriptions = {};
+      /**
+       * Add a listener for the 'eventType' events.
+       *
+       * Note that the 'owner' of this event can be anything, but will more likely
+       * be a component or a class. The idea is that the callback will be called with
+       * the proper owner bound.
+       *
+       * Also, the owner should be kind of unique. This will be used to remove the
+       * listener.
+       */
+      on(type, owner, callback) {
+          if (!callback) {
+              throw new Error("Missing callback");
+          }
+          if (!this.subscriptions[type]) {
+              this.subscriptions[type] = [];
+          }
+          this.subscriptions[type].push({
+              owner,
+              callback,
+          });
+      }
+      /**
+       * Emit an event of type 'eventType'.  Any extra arguments will be passed to
+       * the listeners callback.
+       */
+      trigger(type, payload) {
+          const subs = this.subscriptions[type] || [];
+          for (let i = 0, iLen = subs.length; i < iLen; i++) {
+              const sub = subs[i];
+              sub.callback.call(sub.owner, payload);
+          }
+      }
+      /**
+       * Remove a listener
+       */
+      off(eventType, owner) {
+          const subs = this.subscriptions[eventType];
+          if (subs) {
+              this.subscriptions[eventType] = subs.filter((s) => s.owner !== owner);
+          }
+      }
+      /**
+       * Remove all subscriptions.
+       */
+      clear() {
+          this.subscriptions = {};
+      }
+  }
+
   /**
    * A type-safe dependency container
    */
-  class DependencyContainer {
+  class DependencyContainer extends EventBus {
       dependencies = new Map();
       factory = new StoreFactory(this.get.bind(this));
       /**
@@ -8096,15 +8170,12 @@ stores.inject(MyMetaStore, storeInstance);
       }
       return MetaStore;
   }
-  class ReactiveStore {
+  class DisposableStore {
       get;
+      disposeCallbacks = [];
       constructor(get) {
           this.get = get;
-          return owl.reactive(this);
       }
-  }
-  class DisposableStore extends ReactiveStore {
-      disposeCallbacks = [];
       onDispose(callback) {
           this.disposeCallbacks.push(callback);
       }
@@ -8124,7 +8195,10 @@ stores.inject(MyMetaStore, storeInstance);
       const container = new DependencyContainer();
       owl.useSubEnv({
           __spreadsheet_stores__: container,
-          getStore: container.get.bind(container),
+          getStore: (Store) => {
+              const store = container.get(Store);
+              return proxifyStoreMutation(store, () => container.trigger("store-updated"));
+          },
       });
       return container;
   }
@@ -8134,14 +8208,57 @@ stores.inject(MyMetaStore, storeInstance);
   function useStore(Store) {
       const env = owl.useEnv();
       const container = getDependencyContainer(env);
-      return owl.useState(container.get(Store));
+      const store = container.get(Store);
+      return useStoreRenderProxy(container, store);
   }
   function useLocalStore(Store, ...args) {
       const env = owl.useEnv();
       const container = getDependencyContainer(env);
-      const store = owl.useState(container.instantiate(Store, ...args));
+      const store = container.instantiate(Store, ...args);
       owl.onWillUnmount(() => store.dispose());
-      return store;
+      return useStoreRenderProxy(container, store);
+  }
+  /**
+   * Trigger an event to re-render the app (deep render) when
+   * a store is mutated by invoking one of its mutator methods.
+   */
+  function useStoreRenderProxy(container, store) {
+      const component = owl.useComponent();
+      const proxy = proxifyStoreMutation(store, () => {
+          if (owl.status(component) === "mounted") {
+              container.trigger("store-updated");
+          }
+      });
+      return proxy;
+  }
+  /**
+   * Creates a proxied version of a store object with mutation tracking.
+   * Whenever a mutator method of the store is called, the provided callback function is invoked.
+   */
+  function proxifyStoreMutation(store, callback) {
+      const proxy = new Proxy(store, {
+          get(target, property, receiver) {
+              const thisStore = target;
+              // The third argument is `thisStore` (target) instead of `receiver`.
+              // The goal is to always have the same `this` value in getter functions
+              // (when `target[property]` is an accessor property).
+              // `thisStore` is always the same object reference. `receiver` however is the
+              // object on which the property is called, which is the Proxy object which is different for each component.
+              const value = Reflect.get(target, property, thisStore);
+              if (store.mutators.includes(property)) {
+                  const functionProxy = new Proxy(value, {
+                      // trap the function call
+                      apply(target, thisArg, argArray) {
+                          Reflect.apply(target, thisStore, argArray);
+                          callback();
+                      },
+                  });
+                  return functionProxy;
+              }
+              return value;
+          },
+      });
+      return proxy;
   }
   function getDependencyContainer(env) {
       const container = env.__spreadsheet_stores__;
@@ -8153,7 +8270,8 @@ stores.inject(MyMetaStore, storeInstance);
 
   const ModelStore = createAbstractStore("Model");
 
-  class RendererStore extends ReactiveStore {
+  class RendererStore {
+      mutators = ["register", "unRegister"];
       renderers = {};
       register(renderer) {
           if (!renderer.renderingLayers.length) {
@@ -8187,7 +8305,7 @@ stores.inject(MyMetaStore, storeInstance);
   class SpreadsheetStore extends DisposableStore {
       // cast the model store as Model to allow model.dispatch to return the DispatchResult
       model = this.get(ModelStore);
-      getters = owl.markRaw(this.model.getters);
+      getters = this.model.getters;
       renderer = this.get(RendererStore);
       constructor(get) {
           super(get);
@@ -8234,6 +8352,7 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   class HighlightStore extends SpreadsheetStore {
+      mutators = ["register", "unRegister"];
       providers = [];
       constructor(get) {
           super(get);
@@ -8264,7 +8383,7 @@ stores.inject(MyMetaStore, storeInstance);
           this.providers.push(highlightProvider);
       }
       unRegister(highlightProvider) {
-          this.providers = this.providers.filter((h) => owl.toRaw(h) !== owl.toRaw(highlightProvider));
+          this.providers = this.providers.filter((h) => h !== highlightProvider);
       }
       drawLayer(ctx, layer) {
           if (layer === "Highlights") {
@@ -8280,6 +8399,16 @@ stores.inject(MyMetaStore, storeInstance);
 
   const CELL_DELETED_MESSAGE = _t("The cell you are trying to edit has been deleted.");
   class ComposerStore extends SpreadsheetStore {
+      mutators = [
+          "startEdition",
+          "setCurrentContent",
+          "stopEdition",
+          "stopComposerRangeSelection",
+          "cancelEdition",
+          "cycleReferences",
+          "changeComposerCursorSelection",
+          "replaceComposerCursorSelection",
+      ];
       col = 0;
       row = 0;
       editionMode = "inactive";
@@ -8294,9 +8423,9 @@ stores.inject(MyMetaStore, storeInstance);
       highlightStore = this.get(HighlightStore);
       constructor(get) {
           super(get);
-          this.highlightStore.register(owl.toRaw(this));
+          this.highlightStore.register(this);
           this.onDispose(() => {
-              this.highlightStore.unRegister(owl.toRaw(this));
+              this.highlightStore.unRegister(this);
           });
       }
       canStopEdition() {
@@ -8423,7 +8552,7 @@ stores.inject(MyMetaStore, storeInstance);
                   if (this.isSelectingRange) {
                       this.editionMode = "editing";
                   }
-                  this.model.selection.resetAnchor(owl.toRaw(this), {
+                  this.model.selection.resetAnchor(this, {
                       cell: { col: left, row: top },
                       zone: cmd.zone,
                   });
@@ -8441,7 +8570,7 @@ stores.inject(MyMetaStore, storeInstance);
                           row: activePosition.row,
                       });
                       const zone = this.getters.expandZone(cmd.sheetIdTo, positionToZone({ col, row }));
-                      this.model.selection.resetAnchor(owl.toRaw(this), { cell: { col, row }, zone });
+                      this.model.selection.resetAnchor(this, { cell: { col, row }, zone });
                   }
                   break;
               case "DELETE_SHEET":
@@ -8540,7 +8669,7 @@ stores.inject(MyMetaStore, storeInstance);
       startComposerRangeSelection() {
           if (this.sheetId === this.getters.getActiveSheetId()) {
               const zone = positionToZone({ col: this.col, row: this.row });
-              this.model.selection.resetAnchor(owl.toRaw(this), {
+              this.model.selection.resetAnchor(this, {
                   cell: { col: this.col, row: this.row },
                   zone,
               });
@@ -8569,7 +8698,7 @@ stores.inject(MyMetaStore, storeInstance);
           this.setContent(str || this.initialContent, selection);
           this.colorIndexByRange = {};
           const zone = positionToZone({ col: this.col, row: this.row });
-          this.model.selection.capture(owl.toRaw(this), { cell: { col: this.col, row: this.row }, zone }, {
+          this.model.selection.capture(this, { cell: { col: this.col, row: this.row }, zone }, {
               handleEvent: this.handleEvent.bind(this),
               release: () => {
                   this._stopEdition();
@@ -8677,7 +8806,7 @@ stores.inject(MyMetaStore, storeInstance);
               return;
           }
           this.editionMode = "inactive";
-          this.model.selection.release(owl.toRaw(this));
+          this.model.selection.release(this);
       }
       /**
        * Reset the current content to the active cell content
@@ -8999,6 +9128,7 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   class ComposerFocusStore extends SpreadsheetStore {
+      mutators = ["focusTopBarComposer", "focusGridComposerContent", "focusGridComposerCell"];
       composerStore = this.get(ComposerStore);
       topBarFocus = "inactive";
       gridFocusMode = "inactive";
@@ -21455,6 +21585,7 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   class HoveredCellStore extends SpreadsheetStore {
+      mutators = ["clear", "hover"];
       col;
       row;
       handle(cmd) {
@@ -21474,6 +21605,7 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   class CellPopoverStore extends SpreadsheetStore {
+      mutators = ["open", "close"];
       persistentPopover;
       hoveredCell = this.get(HoveredCellStore);
       handle(cmd) {
@@ -25965,12 +26097,13 @@ stores.inject(MyMetaStore, storeInstance);
 
   // The name is misleading and can be confused with the DOM focus.
   class FocusStore {
+      mutators = ["focus", "unfocus"];
       focusedElement = null;
       focus(element) {
           this.focusedElement = element;
       }
       unfocus(element) {
-          if (this.focusedElement && owl.toRaw(this.focusedElement) === owl.toRaw(element)) {
+          if (this.focusedElement && this.focusedElement === element) {
               this.focusedElement = null;
           }
       }
@@ -25986,6 +26119,16 @@ stores.inject(MyMetaStore, storeInstance);
   class SelectionInputStore extends SpreadsheetStore {
       initialRanges;
       inputHasSingleRange;
+      mutators = [
+          "resetWithRanges",
+          "focusById",
+          "unfocus",
+          "addEmptyRange",
+          "removeRange",
+          "changeRange",
+          "reset",
+          "confirm",
+      ];
       ranges = [];
       focusedRangeIndex = null;
       inputSheetId;
@@ -26045,7 +26188,7 @@ stores.inject(MyMetaStore, storeInstance);
                           row: 0,
                       });
                       const zone = this.getters.expandZone(cmd.sheetIdTo, positionToZone({ col, row }));
-                      this.model.selection.resetAnchor(owl.toRaw(this), { cell: { col, row }, zone });
+                      this.model.selection.resetAnchor(this, { cell: { col, row }, zone });
                   }
                   break;
               }
@@ -26064,7 +26207,7 @@ stores.inject(MyMetaStore, storeInstance);
                   if (focusIndex !== -1) {
                       this.focus(focusIndex);
                       const { left, top } = newZone;
-                      this.model.selection.resetAnchor(owl.toRaw(this), {
+                      this.model.selection.resetAnchor(this, {
                           cell: { col: left, row: top },
                           zone: newZone,
                       });
@@ -26155,7 +26298,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
       get hasMainFocus() {
           const focusedElement = this.focusStore.focusedElement;
-          return !!focusedElement && owl.toRaw(focusedElement) === owl.toRaw(this);
+          return !!focusedElement && focusedElement === this;
       }
       get highlights() {
           if (!this.hasMainFocus) {
@@ -26184,7 +26327,7 @@ stores.inject(MyMetaStore, storeInstance);
       unfocus() {
           this.focusedRangeIndex = null;
           this.focusStore.unfocus(this);
-          this.model.selection.release(owl.toRaw(this));
+          this.model.selection.release(this);
       }
       captureSelection() {
           if (this.focusedRangeIndex === null) {
@@ -26193,7 +26336,7 @@ stores.inject(MyMetaStore, storeInstance);
           const range = this.ranges[this.focusedRangeIndex];
           const sheetId = this.getters.getActiveSheetId();
           const zone = this.getters.getRangeFromSheetXC(sheetId, range?.xc || "A1").zone;
-          this.model.selection.capture(owl.toRaw(this), { cell: { col: zone.left, row: zone.top }, zone }, {
+          this.model.selection.capture(this, { cell: { col: zone.left, row: zone.top }, zone }, {
               handleEvent: this.handleEvent.bind(this),
               release: this.unfocus.bind(this),
           });
@@ -27661,6 +27804,7 @@ stores.inject(MyMetaStore, storeInstance);
   });
 
   class MainChartPanelStore extends SpreadsheetStore {
+      mutators = ["activatePanel"];
       panel = "configuration";
       activatePanel(panel) {
           this.panel = panel;
@@ -28199,14 +28343,14 @@ stores.inject(MyMetaStore, storeInstance);
 
   function useHighlightsOnHover(ref, highlightProvider) {
       const hoverState = useHoveredElement(ref);
-      const env = owl.useEnv();
+      const stores = useStoreProvider();
       useHighlights({
           get highlights() {
               return hoverState.hovered ? highlightProvider.highlights : [];
           },
       });
       owl.useEffect(() => {
-          env.model.dispatch("RENDER_CANVAS");
+          stores.trigger("store-updated");
       }, () => [hoverState.hovered]);
   }
   function useHighlights(highlightProvider) {
@@ -29662,6 +29806,14 @@ stores.inject(MyMetaStore, storeInstance);
       Direction[Direction["next"] = 1] = "next";
   })(Direction || (Direction = {}));
   class FindAndReplaceStore extends SpreadsheetStore {
+      mutators = [
+          "updateSearchOptions",
+          "updateSearchContent",
+          "searchFormulas",
+          "selectPreviousMatch",
+          "selectNextMatch",
+          "replace",
+      ];
       allSheetsMatches = [];
       activeSheetMatches = [];
       specificRangeMatches = [];
@@ -29686,11 +29838,11 @@ stores.inject(MyMetaStore, storeInstance);
           this.initialShowFormulaState = this.model.getters.shouldShowFormulas();
           this.searchOptions.searchFormulas = this.initialShowFormulaState;
           const highlightStore = get(HighlightStore);
-          highlightStore.register(owl.toRaw(this));
+          highlightStore.register(this);
           this.onDispose(() => {
               this.model.dispatch("SET_FORMULA_VISIBILITY", { show: this.initialShowFormulaState });
               this.updateSearchContent.stopDebounce();
-              highlightStore.unRegister(owl.toRaw(this));
+              highlightStore.unRegister(this);
           });
       }
       get searchMatches() {
@@ -31333,6 +31485,7 @@ stores.inject(MyMetaStore, storeInstance);
   });
 
   class DOMFocusableElementStore {
+      mutators = ["setFocusableElement", "focus"];
       focusableElement = undefined;
       setFocusableElement(element) {
           this.focusableElement = element;
@@ -32069,7 +32222,7 @@ stores.inject(MyMetaStore, storeInstance);
           "Ctrl+Enter": this.processNewLineEvent,
           Escape: this.processEscapeKey,
           F2: () => console.warn("Not implemented"),
-          F4: this.processF4Key,
+          F4: (ev) => this.processF4Key(ev),
           Tab: (ev) => this.processTabKey(ev, "right"),
           "Shift+Tab": (ev) => this.processTabKey(ev, "left"),
       };
@@ -32191,7 +32344,8 @@ stores.inject(MyMetaStore, storeInstance);
       processEscapeKey() {
           this.composerStore.cancelEdition();
       }
-      processF4Key() {
+      processF4Key(ev) {
+          ev.stopPropagation();
           this.composerStore.cycleReferences();
           this.processContent();
       }
@@ -34394,13 +34548,6 @@ stores.inject(MyMetaStore, storeInstance);
           this.getters = get(ModelStore).getters;
           this.renderer = get(RendererStore);
           this.renderer.register(this);
-          /**
-           * Mark the instance as raw to avoid reactivity as this class is instanciated
-           * as a Store by `useGridDrawing` (which casts it as reactive).
-           *
-           * Calling `this.` on a reactive instance is significantly slower than on a raw object.
-           */
-          owl.markRaw(this);
       }
       get renderingLayers() {
           return ["Background", "Headers"];
@@ -35030,7 +35177,7 @@ stores.inject(MyMetaStore, storeInstance);
   function useGridDrawing(refName, model, canvasSize) {
       const canvasRef = owl.useRef(refName);
       owl.useEffect(drawGrid);
-      const rendererManager = useStore(RendererStore);
+      const rendererStore = useStore(RendererStore);
       useStore(GridRenderer);
       function drawGrid() {
           const canvas = canvasRef.el;
@@ -35058,7 +35205,11 @@ stores.inject(MyMetaStore, storeInstance);
           ctx.scale(dpr, dpr);
           for (const layer of OrderedLayers()) {
               model.drawLayer(renderingContext, layer);
-              rendererManager.drawLayer(renderingContext, layer);
+              // @ts-ignore 'drawLayer' is not declated as a mutator because:
+              // it does not mutate anything. Most importantly it's used
+              // during rendering. Invoking a mutator during rendering would
+              // trigger another rendering, ultimately resulting in an infinite loop.
+              rendererStore.drawLayer(renderingContext, layer);
           }
       }
   }
@@ -35460,6 +35611,7 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   class SidePanelStore extends SpreadsheetStore {
+      mutators = ["open", "toggle", "close"];
       initialPanelProps = {};
       componentTag = "";
       get isOpen() {
@@ -43288,7 +43440,12 @@ stores.inject(MyMetaStore, storeInstance);
        * if they have at least a common cell
        */
       doesIntersectMerge(sheetId, zone) {
-          return positions(zone).some(({ col, row }) => this.getMerge({ sheetId, col, row }) !== undefined);
+          for (const merge of this.getMerges(sheetId)) {
+              if (overlap(zone, merge)) {
+                  return true;
+              }
+          }
+          return false;
       }
       /**
        * Returns true if two columns have at least one merge in common
@@ -47436,9 +47593,10 @@ stores.inject(MyMetaStore, storeInstance);
               }
               if (!content) {
                   // The previous content could have blocked some array formulas
-                  impactedPositions.addMany(this.getArrayFormulasBlockedBy(position));
+                  impactedPositions.add(position);
               }
           }
+          impactedPositions.addMany(this.getArrayFormulasBlockedBy(impactedPositions));
           return impactedPositions;
       }
       buildDependencyGraph() {
@@ -47480,23 +47638,25 @@ stores.inject(MyMetaStore, storeInstance);
           return positions;
       }
       /**
-       * Return the position of formulas blocked by the given position
+       * Return the position of formulas blocked by the given positions
        * as well as all their dependencies.
        */
-      getArrayFormulasBlockedBy(position) {
-          if (!this.spreadingRelations.hasArrayFormulaResult(position)) {
-              return [];
-          }
-          const arrayFormulas = this.spreadingRelations.getFormulaPositionsSpreadingOn(position);
-          const positions = this.createEmptyPositionSet();
-          positions.addMany(arrayFormulas);
-          const arrayFormulaPosition = this.getArrayFormulaSpreadingOn(position);
-          if (arrayFormulaPosition) {
-              // ignore the formula spreading on the position. Keep only the blocked ones
-              positions.delete(arrayFormulaPosition);
+      getArrayFormulasBlockedBy(positions) {
+          const arrayFormulaPositions = this.createEmptyPositionSet();
+          for (const position of positions) {
+              if (!this.spreadingRelations.hasArrayFormulaResult(position)) {
+                  continue;
+              }
+              const arrayFormulas = this.spreadingRelations.getFormulaPositionsSpreadingOn(position);
+              arrayFormulaPositions.addMany(arrayFormulas);
+              const arrayFormulaPosition = this.getArrayFormulaSpreadingOn(position);
+              if (arrayFormulaPosition) {
+                  // ignore the formula spreading on the position. Keep only the blocked ones
+                  arrayFormulaPositions.delete(arrayFormulaPosition);
+              }
           }
-          positions.addMany(this.getCellsDependingOn(positions));
-          return positions;
+          arrayFormulaPositions.addMany(this.getCellsDependingOn(arrayFormulaPositions));
+          return arrayFormulaPositions;
       }
       nextPositionsToUpdate = new PositionSet({});
       cellsBeingComputed = new Set();
@@ -47626,6 +47786,7 @@ stores.inject(MyMetaStore, storeInstance);
           if (!this.spreadingRelations.isArrayFormula(position)) {
               return;
           }
+          const invalidated = this.createEmptyPositionSet();
           for (const child of this.spreadingRelations.getArrayResultPositions(position)) {
               const content = this.getters.getCell(child)?.content;
               if (content) {
@@ -47633,10 +47794,11 @@ stores.inject(MyMetaStore, storeInstance);
                   // there's still a collision
                   continue;
               }
+              invalidated.add(child);
               this.evaluatedCells.delete(child);
-              this.nextPositionsToUpdate.addMany(this.getCellsDependingOn([child]));
-              this.nextPositionsToUpdate.addMany(this.getArrayFormulasBlockedBy(child));
           }
+          this.nextPositionsToUpdate.addMany(this.getCellsDependingOn(invalidated));
+          this.nextPositionsToUpdate.addMany(this.getArrayFormulasBlockedBy(invalidated));
           this.spreadingRelations.removeNode(position);
       }
       // ----------------------------------------------------------
@@ -49603,62 +49765,6 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
-  /**
-   * This is a generic event bus based on the Owl event bus.
-   * This bus however ensures type safety across events and subscription callbacks.
-   */
-  class EventBus {
-      subscriptions = {};
-      /**
-       * Add a listener for the 'eventType' events.
-       *
-       * Note that the 'owner' of this event can be anything, but will more likely
-       * be a component or a class. The idea is that the callback will be called with
-       * the proper owner bound.
-       *
-       * Also, the owner should be kind of unique. This will be used to remove the
-       * listener.
-       */
-      on(type, owner, callback) {
-          if (!callback) {
-              throw new Error("Missing callback");
-          }
-          if (!this.subscriptions[type]) {
-              this.subscriptions[type] = [];
-          }
-          this.subscriptions[type].push({
-              owner,
-              callback,
-          });
-      }
-      /**
-       * Emit an event of type 'eventType'.  Any extra arguments will be passed to
-       * the listeners callback.
-       */
-      trigger(type, payload) {
-          const subs = this.subscriptions[type] || [];
-          for (let i = 0, iLen = subs.length; i < iLen; i++) {
-              const sub = subs[i];
-              sub.callback.call(sub.owner, payload);
-          }
-      }
-      /**
-       * Remove a listener
-       */
-      off(eventType, owner) {
-          const subs = this.subscriptions[eventType];
-          if (subs) {
-              this.subscriptions[eventType] = subs.filter((s) => s.owner !== owner);
-          }
-      }
-      /**
-       * Remove all subscriptions.
-       */
-      clear() {
-          this.subscriptions = {};
-      }
-  }
-
   /*
    * This file contains the specifics transformations
    */
@@ -52129,7 +52235,7 @@ stores.inject(MyMetaStore, storeInstance);
               case "ADD_COLUMNS_ROWS": {
                   this.status = "invisible";
                   // If we add a col/row inside or before the cut area, we invalidate the clipboard
-                  if (this._isCutOperation !== true) {
+                  if (this._isCutOperation !== true || cmd.sheetId !== this.copiedData?.sheetId) {
                       return;
                   }
                   const isClipboardDirty = this.isColRowDirtyingClipboard(cmd.position === "before" ? cmd.base : cmd.base + 1, cmd.dimension);
@@ -52141,7 +52247,7 @@ stores.inject(MyMetaStore, storeInstance);
               case "REMOVE_COLUMNS_ROWS": {
                   this.status = "invisible";
                   // If we remove a col/row inside or before the cut area, we invalidate the clipboard
-                  if (this._isCutOperation !== true) {
+                  if (this._isCutOperation !== true || cmd.sheetId !== this.copiedData?.sheetId) {
                       return;
                   }
                   for (let el of cmd.elements) {
@@ -56776,16 +56882,25 @@ stores.inject(MyMetaStore, storeInstance);
               }
           }, () => [this.env.model.getters.getActiveSheetId()]);
           owl.useExternalListener(window, "resize", () => this.render(true));
+          // For some reason, the wheel event is not properly registered inside templates
+          // in Chromium-based browsers based on chromium 125
+          // This hack ensures the event declared in the template is properly registered/working
+          owl.useExternalListener(document.body, "wheel", () => { });
           this.bindModelEvents();
           owl.onWillUpdateProps((nextProps) => {
               if (nextProps.model !== this.props.model) {
                   throw new Error("Changing the props model is not supported at the moment.");
               }
           });
+          const render = batched(this.render.bind(this, true));
           owl.onMounted(() => {
               this.checkViewportSize();
+              stores.on("store-updated", this, render);
+          });
+          owl.onWillUnmount(() => {
+              this.unbindModelEvents();
+              stores.off("store-updated", this);
           });
-          owl.onWillUnmount(() => this.unbindModelEvents());
           owl.onPatched(() => {
               this.checkViewportSize();
           });
@@ -60614,9 +60729,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "17.2.6";
-  __info__.date = "2024-05-07T10:41:20.332Z";
-  __info__.hash = "a4f800c";
+  __info__.version = "17.2.8";
+  __info__.date = "2024-05-24T11:29:49.320Z";
+  __info__.hash = "bfbcaa0";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);