@odoo/o-spreadsheet 16.5.0-alpha.0 → 16.5.0-alpha.2

package/dist/o-spreadsheet.iife.js

@@ -109,8 +109,8 @@
   const HEADER_BORDER_COLOR = "#C0C0C0";
   const CELL_BORDER_COLOR = "#E2E3E3";
   const BACKGROUND_CHART_COLOR = "#FFFFFF";
-  const MENU_ITEM_DISABLED_COLOR = "#CACACA";
   const BG_HOVER_COLOR = "#EBEBEB";
+  const DISABLED_TEXT_COLOR = "#CACACA";
   const DEFAULT_COLOR_SCALE_MIDPOINT_COLOR = 0xb6d7a8;
   const LINK_COLOR = "#01666b";
   const FILTERS_COLOR = "#188038";
@@ -1185,7 +1185,7 @@
   const mdyDateRegexp = /^\d{1,2}(\/|-|\s)\d{1,2}((\/|-|\s)\d{1,4})?$/;
   const ymdDateRegexp = /^\d{3,4}(\/|-|\s)\d{1,2}(\/|-|\s)\d{1,2}$/;
   const dateSeparatorsRegex = /\/|-|\s/;
-  const dateRegexp = /^(\d{1,4})[\/-\s](\d{1,2})([\/-\s](\d{1,4}))?$/;
+  const dateRegexp = /^(\d{1,4})[\/-\s](\d{1,4})([\/-\s](\d{1,4}))?$/;
   const timeRegexp = /((\d+(:\d+)?(:\d+)?\s*(AM|PM))|(\d+:\d+(:\d+)?))$/;
   function isDateTime(str, locale) {
       return parseDateTime(str, locale) !== null;
@@ -1246,6 +1246,10 @@
       }
       const localeDateType = getLocaleDateFormatType(locale);
       if (!part3) {
+          if (part2.length > 2) {
+              // e.g. 11/2023
+              return { month: part1, year: part2, day: undefined, dateString, type: localeDateType };
+          }
           if (localeDateType === "dmy") {
               return { day: part1, month: part2, year: part3, dateString, type: "dmy" };
           }
@@ -2992,11 +2996,18 @@
       constructor(args, getSheetSize) {
           this.getSheetSize = getSheetSize;
           this._zone = args.zone;
-          this.parts = args.parts;
           this.prefixSheet = args.prefixSheet;
           this.invalidXc = args.invalidXc;
           this.sheetId = args.sheetId;
           this.invalidSheetName = args.invalidSheetName;
+          let _fixedParts = [...args.parts];
+          if (args.parts.length === 1 && getZoneArea(this.zone) > 1) {
+              _fixedParts.push({ ...args.parts[0] });
+          }
+          else if (args.parts.length === 2 && getZoneArea(this.zone) === 1) {
+              _fixedParts.pop();
+          }
+          this.parts = _fixedParts;
       }
       static fromRange(range, getters) {
           if (range instanceof RangeImpl) {
@@ -4046,13 +4057,10 @@
       "START",
       "ACTIVATE_SHEET",
       "COPY",
-      "PREPARE_SELECTION_INPUT_EXPANSION",
-      "STOP_SELECTION_INPUT",
       "RESIZE_SHEETVIEW",
       "SET_VIEWPORT_OFFSET",
       "SELECT_SEARCH_NEXT_MATCH",
       "SELECT_SEARCH_PREVIOUS_MATCH",
-      "REFRESH_SEARCH",
       "UPDATE_SEARCH",
       "CLEAR_SEARCH",
       "EVALUATE_CELLS",
@@ -5124,8 +5132,7 @@
               return { cellData: {} };
           }
           const sheetId = data.sheetId;
-          const ranges = getters.createAdaptedRanges(cell.dependencies, x, y, sheetId);
-          const content = getters.buildFormulaContent(sheetId, cell, ranges);
+          const content = getters.getTranslatedCellFormula(sheetId, x, y, cell.compiledFormula, cell.dependencies);
           return {
               cellData: {
                   border: data.border,
@@ -5991,7 +5998,7 @@
         }
       }
       &.disabled {
-        color: ${MENU_ITEM_DISABLED_COLOR};
+        color: ${DISABLED_TEXT_COLOR};
         cursor: not-allowed;
       }
     }
@@ -22417,6 +22424,18 @@
           style[tool] = !style[tool];
           this.closeMenus();
       }
+      onKeydown(event) {
+          if (event.key === "F4") {
+              const target = event.target;
+              const update = this.env.model.getters.getCycledReference({ start: target.selectionStart ?? 0, end: target.selectionEnd ?? 0 }, target.value);
+              if (!update) {
+                  return;
+              }
+              target.value = update.content;
+              target.setSelectionRange(update.selection.start, update.selection.end);
+              target.dispatchEvent(new Event("input"));
+          }
+      }
       setColor(target, color) {
           this.state.rules.cellIs.style[target] = color;
           this.closeMenus();
@@ -22691,6 +22710,7 @@
       state = owl.useState(this.initialState());
       debounceTimeoutId;
       showFormulaState = false;
+      debouncedUpdateSearch;
       findAndReplaceRef = owl.useRef("findAndReplace");
       get hasSearchResult() {
           return this.env.model.getters.getCurrentSelectedMatchIndex() !== null;
@@ -22700,11 +22720,16 @@
       }
       setup() {
           this.showFormulaState = this.env.model.getters.shouldShowFormulas();
+          this.debouncedUpdateSearch = debounce(this.updateSearch.bind(this), 200);
           owl.onMounted(() => this.focusInput());
           owl.onWillUnmount(() => {
               this.env.model.dispatch("CLEAR_SEARCH");
               this.env.model.dispatch("SET_FORMULA_VISIBILITY", { show: this.showFormulaState });
           });
+          owl.useEffect(() => {
+              this.state.searchOptions.searchFormulas = this.env.model.getters.shouldShowFormulas();
+              this.searchFormulas();
+          }, () => [this.env.model.getters.shouldShowFormulas()]);
       }
       onInput(ev) {
           this.state.toSearch = ev.target.value;
@@ -22724,10 +22749,6 @@
               this.replace();
           }
       }
-      onFocusSidePanel() {
-          this.state.searchOptions.searchFormulas = this.env.model.getters.shouldShowFormulas();
-          this.env.model.dispatch("REFRESH_SEARCH");
-      }
       searchFormulas() {
           this.env.model.dispatch("SET_FORMULA_VISIBILITY", {
               show: this.state.searchOptions.searchFormulas,
@@ -22746,13 +22767,6 @@
               searchOptions: this.state.searchOptions,
           });
       }
-      debouncedUpdateSearch() {
-          clearTimeout(this.debounceTimeoutId);
-          this.debounceTimeoutId = setTimeout(() => {
-              this.updateSearch();
-              this.debounceTimeoutId = undefined;
-          }, 400);
-      }
       replace() {
           this.env.model.dispatch("REPLACE_SEARCH", {
               replaceWith: this.state.replaceWith,
@@ -24692,6 +24706,15 @@
               y = initialFigure.y - deltaY;
           }
       }
+      // Restrict resizing if x or y reaches header boundaries
+      if (x < 0) {
+          width += x;
+          x = 0;
+      }
+      if (y < 0) {
+          height += y;
+          y = 0;
+      }
       return { ...initialFigure, x, y, width, height };
   }
 
@@ -25284,10 +25307,29 @@
               setPosition(undefined, undefined);
           }
       }
+      function onMouseLeave(e) {
+          const x = e.offsetX;
+          const y = e.offsetY;
+          const gridRect = getBoundingRectAsPOJO(gridRef.el);
+          if (y < 0 || y > gridRect.height || x < 0 || x > gridRect.width) {
+              return updateMousePosition(e);
+          }
+          else {
+              return pause();
+          }
+      }
       useRefListener(gridRef, "mousemove", updateMousePosition);
-      useRefListener(gridRef, "mouseleave", pause);
+      useRefListener(gridRef, "mouseleave", onMouseLeave);
       useRefListener(gridRef, "mouseenter", resume);
       useRefListener(gridRef, "mousedown", recompute);
+      owl.useExternalListener(window, "click", handleGlobalClick);
+      function handleGlobalClick(e) {
+          const target = e.target;
+          const grid = gridRef.el;
+          if (!grid.contains(target)) {
+              setPosition(undefined, undefined);
+          }
+      }
       function setPosition(col, row) {
           if (col !== hoveredPosition.col || row !== hoveredPosition.row) {
               hoveredPosition.col = col;
@@ -25611,7 +25653,6 @@
           const mouseUpSelect = () => {
               this.state.isSelecting = false;
               this.lastSelectedElementIndex = null;
-              this.env.model.dispatch(ev.ctrlKey ? "PREPARE_SELECTION_INPUT_EXPANSION" : "STOP_SELECTION_INPUT");
               this._computeGrabDisplay(ev);
           };
           dragAndDropBeyondTheViewport(this.env, mouseMoveSelect, mouseUpSelect);
@@ -26176,9 +26217,7 @@
           let lastCol = isLeft ? z.left : z.right;
           let lastRow = isTop ? z.top : z.bottom;
           let currentZone = z;
-          this.env.model.dispatch("START_CHANGE_HIGHLIGHT", {
-              range: this.env.model.getters.getRangeDataFromZone(activeSheetId, currentZone),
-          });
+          this.env.model.dispatch("START_CHANGE_HIGHLIGHT", { zone: currentZone });
           const mouseMove = (col, row) => {
               if (lastCol !== col || lastRow !== row) {
                   lastCol = clip(col === -1 ? lastCol : col, 0, this.env.model.getters.getNumberCols(activeSheetId) - 1);
@@ -26189,21 +26228,17 @@
                       right: Math.max(pivotCol, lastCol),
                       bottom: Math.max(pivotRow, lastRow),
                   };
-                  newZone = this.env.model.getters.expandZone(activeSheetId, newZone);
                   if (!isEqual(newZone, currentZone)) {
-                      this.env.model.dispatch("CHANGE_HIGHLIGHT", {
-                          range: this.env.model.getters.getRangeFromZone(activeSheetId, this.env.model.getters.getUnboundedZone(activeSheetId, newZone)).rangeData,
-                      });
+                      this.env.model.selection.selectZone({
+                          cell: { col: newZone.left, row: newZone.top },
+                          zone: newZone,
+                      }, { unbounded: true });
                       currentZone = newZone;
                   }
               }
           };
           const mouseUp = () => {
               this.highlightState.shiftingMode = "none";
-              // To do:
-              // Command used here to restore focus to the current composer,
-              // to be changed when refactoring the 'edition' plugin
-              this.env.model.dispatch("STOP_COMPOSER_RANGE_SELECTION");
           };
           dragAndDropBeyondTheViewport(this.env, mouseMove, mouseUp);
       }
@@ -26219,9 +26254,7 @@
           const deltaRowMin = -z.top;
           const deltaRowMax = this.env.model.getters.getNumberRows(activeSheetId) - z.bottom - 1;
           let currentZone = z;
-          this.env.model.dispatch("START_CHANGE_HIGHLIGHT", {
-              range: this.env.model.getters.getRangeDataFromZone(activeSheetId, currentZone),
-          });
+          this.env.model.dispatch("START_CHANGE_HIGHLIGHT", { zone: currentZone });
           let lastCol = initCol;
           let lastRow = initRow;
           const mouseMove = (col, row) => {
@@ -26236,21 +26269,17 @@
                       right: z.right + deltaCol,
                       bottom: z.bottom + deltaRow,
                   };
-                  newZone = this.env.model.getters.expandZone(activeSheetId, newZone);
                   if (!isEqual(newZone, currentZone)) {
-                      this.env.model.dispatch("CHANGE_HIGHLIGHT", {
-                          range: this.env.model.getters.getRangeFromZone(activeSheetId, this.env.model.getters.getUnboundedZone(activeSheetId, newZone)).rangeData,
-                      });
+                      this.env.model.selection.selectZone({
+                          cell: { col: newZone.left, row: newZone.top },
+                          zone: newZone,
+                      }, { unbounded: true });
                       currentZone = newZone;
                   }
               }
           };
           const mouseUp = () => {
               this.highlightState.shiftingMode = "none";
-              // To do:
-              // Command used here to restore focus to the current composer,
-              // to be changed when refactoring the 'edition' plugin
-              this.env.model.dispatch("STOP_COMPOSER_RANGE_SELECTION");
           };
           dragAndDropBeyondTheViewport(this.env, mouseMove, mouseUp);
       }
@@ -26743,9 +26772,6 @@
       // Zone selection with mouse
       // ---------------------------------------------------------------------------
       onCellClicked(col, row, { ctrlKey, shiftKey }) {
-          if (ctrlKey) {
-              this.env.model.dispatch("PREPARE_SELECTION_INPUT_EXPANSION");
-          }
           if (this.env.model.getters.hasOpenedPopover()) {
               this.closeOpenedPopover();
           }
@@ -26771,7 +26797,6 @@
               }
           };
           const onMouseUp = () => {
-              this.env.model.dispatch("STOP_SELECTION_INPUT");
               if (this.env.model.getters.isPaintingFormat()) {
                   this.env.model.dispatch("PASTE", {
                       target: this.env.model.getters.getSelectedZones(),
@@ -31489,8 +31514,8 @@
           "zoneToXC",
           "getCells",
           "getFormulaCellContent",
+          "getTranslatedCellFormula",
           "getCellStyle",
-          "buildFormulaContent",
           "getCellById",
       ];
       nextId = 1;
@@ -31689,7 +31714,7 @@
       /*
        * Reconstructs the original formula string based on a normalized form and its dependencies
        */
-      buildFormulaContent(sheetId, cell, dependencies) {
+      getFormulaCellContent(sheetId, cell, dependencies) {
           const ranges = dependencies || [...cell.dependencies];
           return concat(cell.compiledFormula.tokens.map((token) => {
               if (token.type === "REFERENCE") {
@@ -31699,8 +31724,15 @@
               return token.value;
           }));
       }
-      getFormulaCellContent(sheetId, cell) {
-          return this.buildFormulaContent(sheetId, cell);
+      /*
+       * Constructs a formula string based on an initial formula and a translation vector
+       */
+      getTranslatedCellFormula(sheetId, offsetX, offsetY, compiledFormula, dependencies) {
+          const adaptedDependencies = this.getters.createAdaptedRanges(dependencies, offsetX, offsetY, sheetId);
+          return this.getFormulaCellContent(sheetId, {
+              compiledFormula,
+              dependencies: adaptedDependencies,
+          });
       }
       getCellStyle(position) {
           return this.getters.getCell(position)?.style || {};
@@ -31890,7 +31922,7 @@
        */
       createFormulaCellWithDependencies(id, compiledFormula, format, style, sheetId) {
           const dependencies = compiledFormula.dependencies.map((xc) => this.getters.getRangeFromSheetXC(sheetId, xc));
-          return new FormulaCellWithDependencies(id, compiledFormula, format, style, dependencies, sheetId, this.buildFormulaContent.bind(this));
+          return new FormulaCellWithDependencies(id, compiledFormula, format, style, dependencies, sheetId, this.getFormulaCellContent.bind(this));
       }
       createErrorFormula(id, content, format, style, error) {
           return {
@@ -31924,19 +31956,19 @@
       style;
       dependencies;
       sheetId;
-      buildFormulaContent;
+      getFormulaCellContent;
       isFormula = true;
-      constructor(id, compiledFormula, format, style, dependencies, sheetId, buildFormulaContent) {
+      constructor(id, compiledFormula, format, style, dependencies, sheetId, getFormulaCellContent) {
           this.id = id;
           this.compiledFormula = compiledFormula;
           this.format = format;
           this.style = style;
           this.dependencies = dependencies;
           this.sheetId = sheetId;
-          this.buildFormulaContent = buildFormulaContent;
+          this.getFormulaCellContent = getFormulaCellContent;
       }
       get content() {
-          return this.buildFormulaContent(this.sheetId, {
+          return this.getFormulaCellContent(this.sheetId, {
               dependencies: this.dependencies,
               compiledFormula: this.compiledFormula,
           });
@@ -36451,13 +36483,21 @@
                           }
                           break;
                       case "CellIsRule":
+                          const formulas = cf.rule.values.map((value) => value.startsWith("=") ? compile(value) : undefined);
                           for (let ref of cf.ranges) {
                               const zone = this.getters.getRangeFromSheetXC(sheetId, ref).zone;
                               for (let row = zone.top; row <= zone.bottom; row++) {
                                   for (let col = zone.left; col <= zone.right; col++) {
-                                      const pr = this.rulePredicate[cf.rule.type];
-                                      let cell = this.getters.getEvaluatedCell({ sheetId, col, row });
-                                      if (pr && pr(cell, cf.rule)) {
+                                      const predicate = this.rulePredicate[cf.rule.type];
+                                      const target = { sheetId, col, row };
+                                      const values = cf.rule.values.map((value, i) => {
+                                          const compiledFormula = formulas[i];
+                                          if (compiledFormula) {
+                                              return this.getters.getTranslatedCellFormula(sheetId, col - zone.left, row - zone.top, compiledFormula, compiledFormula.dependencies.map((d) => this.getters.getRangeFromSheetXC(sheetId, d)));
+                                          }
+                                          return value;
+                                      });
+                                      if (predicate && predicate(target, { ...cf.rule, values })) {
                                           if (!computedStyle[col])
                                               computedStyle[col] = [];
                                           // we must combine all the properties of all the CF rules applied to the given cell
@@ -36625,12 +36665,18 @@
        * Execute the predicate to know if a conditional formatting rule should be applied to a cell
        */
       rulePredicate = {
-          CellIsRule: (cell, rule) => {
+          CellIsRule: (target, rule) => {
+              const cell = this.getters.getEvaluatedCell(target);
               if (cell.type === CellValueType.error) {
                   return false;
               }
               const locale = this.getters.getLocale();
-              const values = rule.values.map((val) => parseLiteral(val, locale));
+              const values = rule.values.map((value) => {
+                  if (value.startsWith("=")) {
+                      return this.getters.evaluateFormula(target.sheetId, value);
+                  }
+                  return parseLiteral(value, locale);
+              });
               switch (rule.operator) {
                   case "IsEmpty":
                       return cell.value.toString().trim() === "";
@@ -38531,6 +38577,7 @@
           searchFormulas: false,
       };
       toSearch = "";
+      isSearchDirty = false;
       // ---------------------------------------------------------------------------
       // Command Handling
       // ---------------------------------------------------------------------------
@@ -38554,18 +38601,33 @@
               case "REPLACE_ALL_SEARCH":
                   this.replaceAll(cmd.replaceWith);
                   break;
+              case "EVALUATE_CELLS":
+              case "UPDATE_CELL":
+              case "REMOVE_FILTER_TABLE":
+              case "UPDATE_FILTER":
+                  this.isSearchDirty = true;
+                  break;
               case "UNDO":
               case "REDO":
               case "REMOVE_COLUMNS_ROWS":
+              case "HIDE_COLUMNS_ROWS":
+              case "UNHIDE_COLUMNS_ROWS":
               case "ADD_COLUMNS_ROWS":
-                  this.clearSearch();
+              case "EVALUATE_CELLS":
+              case "UPDATE_CELL":
+                  this.isSearchDirty = true;
                   break;
               case "ACTIVATE_SHEET":
-              case "REFRESH_SEARCH":
                   this.refreshSearch();
                   break;
           }
       }
+      finalize() {
+          if (this.isSearchDirty) {
+              this.refreshSearch();
+              this.isSearchDirty = false;
+          }
+      }
       // ---------------------------------------------------------------------------
       // Getters
       // ---------------------------------------------------------------------------
@@ -38621,6 +38683,11 @@
           if (this.toSearch) {
               for (const cell of Object.values(cells)) {
                   const { col, row } = this.getters.getCellPosition(cell.id);
+                  const isColHidden = this.getters.isColHidden(sheetId, col);
+                  const isRowHidden = this.getters.isRowHidden(sheetId, row);
+                  if (isColHidden || isRowHidden) {
+                      continue;
+                  }
                   if (cell &&
                       this.currentSearchRegex &&
                       this.currentSearchRegex.test(this.getSearchableString({ sheetId, col, row }))) {
@@ -38680,37 +38747,32 @@
       // ---------------------------------------------------------------------------
       // Replace
       // ---------------------------------------------------------------------------
-      /**
-       * Replace the value of the currently selected match
-       */
-      replace(replaceWith) {
-          if (this.selectedMatchIndex === null || !this.currentSearchRegex) {
+      replaceMatch(selectedMatch, replaceWith) {
+          if (!this.currentSearchRegex) {
               return;
           }
-          const matches = this.searchMatches;
-          const selectedMatch = matches[this.selectedMatchIndex];
           const sheetId = this.getters.getActiveSheetId();
           const cell = this.getters.getCell({ sheetId, ...selectedMatch });
+          const { col, row } = selectedMatch;
           if (cell?.isFormula && !this.searchOptions.searchFormulas) {
-              this.selectNextCell(Direction.next);
+              return;
           }
-          else {
-              const replaceRegex = new RegExp(this.currentSearchRegex.source, this.currentSearchRegex.flags + "g");
-              const toReplace = this.getSearchableString({
-                  sheetId,
-                  col: selectedMatch.col,
-                  row: selectedMatch.row,
-              });
-              const newContent = toReplace.replace(replaceRegex, replaceWith);
-              this.dispatch("UPDATE_CELL", {
-                  sheetId: this.getters.getActiveSheetId(),
-                  col: selectedMatch.col,
-                  row: selectedMatch.row,
-                  content: canonicalizeContent(newContent, this.getters.getLocale()),
-              });
-              this.searchMatches.splice(this.selectedMatchIndex, 1);
-              this.selectNextCell(Direction.current);
+          const replaceRegex = new RegExp(this.currentSearchRegex.source, this.currentSearchRegex.flags + "g");
+          const toReplace = this.getSearchableString({ sheetId, col, row });
+          const content = toReplace.replace(replaceRegex, replaceWith);
+          const canonicalContent = canonicalizeContent(content, this.getters.getLocale());
+          this.dispatch("UPDATE_CELL", { sheetId, col, row, content: canonicalContent });
+      }
+      /**
+       * Replace the value of the currently selected match
+       */
+      replace(replaceWith) {
+          if (this.selectedMatchIndex === null) {
+              return;
           }
+          const selectedMatch = this.searchMatches[this.selectedMatchIndex];
+          this.replaceMatch(selectedMatch, replaceWith);
+          this.selectNextCell(Direction.next);
       }
       /**
        * Apply the replace function to all the matches one time.
@@ -38718,7 +38780,7 @@
       replaceAll(replaceWith) {
           const matchCount = this.searchMatches.length;
           for (let i = 0; i < matchCount; i++) {
-              this.replace(replaceWith);
+              this.replaceMatch(this.searchMatches[i], replaceWith);
           }
       }
       getSearchableString(position) {
@@ -39640,8 +39702,7 @@
       static getters = [];
       ranges = [];
       focusedRangeIndex = null;
-      activeSheet;
-      willAddNewRange = false;
+      inputSheetId;
       constructor(config, initialRanges, inputHasSingleRange) {
           if (inputHasSingleRange && initialRanges.length > 1) {
               throw new Error("Input with a single range cannot be instantiated with several range references.");
@@ -39649,7 +39710,7 @@
           super(config);
           this.inputHasSingleRange = inputHasSingleRange;
           this.insertNewRange(0, initialRanges);
-          this.activeSheet = this.getters.getActiveSheetId();
+          this.inputSheetId = this.getters.getActiveSheetId();
           if (this.ranges.length === 0) {
               this.insertNewRange(this.ranges.length, [""]);
               this.focusLast();
@@ -39675,11 +39736,33 @@
           return 0 /* CommandResult.Success */;
       }
       handleEvent(event) {
-          const inputSheetId = this.activeSheet;
-          const sheetId = this.getters.getActiveSheetId();
-          const zone = event.anchor.zone;
-          const range = this.getters.getRangeFromZone(sheetId, event.options.unbounded ? this.getters.getUnboundedZone(sheetId, zone) : zone);
-          this.add([this.getters.getSelectionRangeString(range, inputSheetId)]);
+          if (this.focusedRangeIndex === null) {
+              return;
+          }
+          const inputSheetId = this.inputSheetId;
+          const activeSheetId = this.getters.getActiveSheetId();
+          const zone = event.options.unbounded
+              ? this.getters.getUnboundedZone(activeSheetId, event.anchor.zone)
+              : event.anchor.zone;
+          const range = this.getters.getRangeFromZone(activeSheetId, zone);
+          const willAddNewRange = event.mode === "newAnchor" &&
+              !this.inputHasSingleRange &&
+              this.ranges[this.focusedRangeIndex].xc.trim() !== "";
+          if (willAddNewRange) {
+              const xc = this.getters.getSelectionRangeString(range, inputSheetId);
+              this.insertNewRange(this.ranges.length, [xc]);
+              this.focusLast();
+          }
+          else {
+              let parts = range.parts;
+              const previousXc = this.ranges[this.focusedRangeIndex].xc.trim();
+              if (previousXc) {
+                  parts = this.getters.getRangeFromSheetXC(inputSheetId, previousXc).parts;
+              }
+              const newRange = range.clone({ parts });
+              const xc = this.getters.getSelectionRangeString(newRange, inputSheetId);
+              this.setRange(this.focusedRangeIndex, [xc]);
+          }
       }
       handle(cmd) {
           switch (cmd.type) {
@@ -39715,16 +39798,6 @@
                       this.removeRange(index);
                   }
                   break;
-              case "STOP_SELECTION_INPUT":
-                  this.willAddNewRange = false;
-                  break;
-              case "PREPARE_SELECTION_INPUT_EXPANSION": {
-                  const index = this.focusedRangeIndex;
-                  if (index !== null && !this.inputHasSingleRange) {
-                      this.willAddNewRange = this.ranges[index].xc.trim() !== "";
-                  }
-                  break;
-              }
               case "ACTIVATE_SHEET": {
                   if (cmd.sheetIdFrom !== cmd.sheetIdTo) {
                       const { col, row } = this.getters.getNextVisibleCellPosition({
@@ -39735,7 +39808,26 @@
                       const zone = this.getters.expandZone(cmd.sheetIdTo, positionToZone({ col, row }));
                       this.selection.resetAnchor(this, { cell: { col, row }, zone });
                   }
+                  break;
               }
+              case "START_CHANGE_HIGHLIGHT":
+                  const activeSheetId = this.getters.getActiveSheetId();
+                  const newZone = this.getters.expandZone(activeSheetId, cmd.zone);
+                  const focusIndex = this.ranges.findIndex((range) => {
+                      const { xc, sheetName: sheet } = splitReference(range.xc);
+                      const sheetName = sheet || this.getters.getSheetName(this.inputSheetId);
+                      if (this.getters.getSheetName(activeSheetId) !== sheetName) {
+                          return false;
+                      }
+                      const refRange = this.getters.getRangeFromSheetXC(activeSheetId, xc);
+                      return isEqual(this.getters.expandZone(activeSheetId, refRange.zone), newZone);
+                  });
+                  if (focusIndex !== -1) {
+                      this.focus(focusIndex);
+                      const { left, top } = newZone;
+                      this.selection.resetAnchor(this, { cell: { col: left, row: top }, zone: newZone });
+                  }
+                  break;
           }
       }
       // ---------------------------------------------------------------------------
@@ -39764,19 +39856,6 @@
       unfocus() {
           this.focusedRangeIndex = null;
       }
-      add(newRanges) {
-          if (this.focusedRangeIndex === null || newRanges.length === 0) {
-              return;
-          }
-          if (this.willAddNewRange) {
-              this.insertNewRange(this.ranges.length, newRanges);
-              this.focusLast();
-              this.willAddNewRange = false;
-          }
-          else {
-              this.setRange(this.focusedRangeIndex, newRanges);
-          }
-      }
       setContent(index, xc) {
           this.ranges[index] = {
               ...this.ranges[index],
@@ -39822,12 +39901,12 @@
       inputToHighlights({ xc, color }) {
           const XCs = this.cleanInputs([xc])
               .filter((range) => this.getters.isRangeValid(range))
-              .filter((reference) => this.shouldBeHighlighted(this.activeSheet, reference));
+              .filter((reference) => this.shouldBeHighlighted(this.inputSheetId, reference));
           return XCs.map((xc) => {
               const { sheetName } = splitReference(xc);
               return {
-                  zone: this.getters.getRangeFromSheetXC(this.activeSheet, xc).zone,
-                  sheetId: (sheetName && this.getters.getSheetIdByName(sheetName)) || this.activeSheet,
+                  zone: this.getters.getRangeFromSheetXC(this.inputSheetId, xc).zone,
+                  sheetId: (sheetName && this.getters.getSheetIdByName(sheetName)) || this.inputSheetId,
                   color,
               };
           });
@@ -40252,10 +40331,8 @@
                       let content = cell.content;
                       if (cell.isFormula) {
                           const position = this.getters.getCellPosition(cell.id);
-                          const offsetY = newRow - position.row;
                           // we only have a vertical offset
-                          const ranges = this.getters.createAdaptedRanges(cell.dependencies, 0, offsetY, sheetId);
-                          content = this.getters.buildFormulaContent(sheetId, cell, ranges);
+                          content = this.getters.getTranslatedCellFormula(sheetId, 0, newRow - position.row, cell.compiledFormula, cell.dependencies);
                       }
                       newCellValues.style = cell.style;
                       newCellValues.content = content;
@@ -41362,9 +41439,7 @@
               }
               let content = origin.cell.content;
               if (origin.cell.isFormula && operation === "COPY") {
-                  const offsetX = col - origin.position.col;
-                  const offsetY = row - origin.position.row;
-                  content = this.getUpdatedContent(sheetId, origin.cell, offsetX, offsetY, operation);
+                  content = this.getters.getTranslatedCellFormula(sheetId, col - origin.position.col, row - origin.position.row, origin.cell.compiledFormula, origin.cell.dependencies);
               }
               this.dispatch("UPDATE_CELL", {
                   ...target,
@@ -41385,13 +41460,6 @@
               }
           }
       }
-      /**
-       * Get the newly updated formula, after applying offsets
-       */
-      getUpdatedContent(sheetId, cell, offsetX, offsetY, operation) {
-          const ranges = this.getters.createAdaptedRanges(cell.dependencies, offsetX, offsetY, sheetId);
-          return this.getters.buildFormulaContent(sheetId, cell, ranges);
-      }
       /**
        * If the origin position given is the top left of a merge, merge the target
        * position.
@@ -42133,6 +42201,7 @@
           "getTokenAtCursor",
           "getComposerHighlights",
           "getCurrentEditedCell",
+          "getCycledReference",
       ];
       col = 0;
       row = 0;
@@ -42142,10 +42211,7 @@
       currentTokens = [];
       selectionStart = 0;
       selectionEnd = 0;
-      selectionInitialStart = 0;
       initialContent = "";
-      previousRef = "";
-      previousRange = undefined;
       colorIndexByRange = {};
       // ---------------------------------------------------------------------------
       // Command Handling
@@ -42174,9 +42240,6 @@
           }
       }
       handleEvent(event) {
-          if (this.mode !== "selecting") {
-              return;
-          }
           const sheetId = this.getters.getActiveSheetId();
           let unboundedZone;
           if (event.options.unbounded) {
@@ -42187,10 +42250,17 @@
           }
           switch (event.mode) {
               case "newAnchor":
-                  this.insertSelectedRange(unboundedZone);
+                  if (this.mode === "selecting") {
+                      this.insertSelectedRange(unboundedZone);
+                  }
                   break;
               default:
-                  this.replaceSelectedRanges(unboundedZone);
+                  if (this.mode === "selecting") {
+                      this.replaceSelectedRange(unboundedZone);
+                  }
+                  else {
+                      this.updateComposerRange(event.previousAnchor.zone, unboundedZone);
+                  }
                   break;
           }
       }
@@ -42247,35 +42317,12 @@
                   }
                   break;
               case "START_CHANGE_HIGHLIGHT":
-                  // FIXME: thiws whole ordeal could be handled with the Selection Processor which would extend the feature to selection inputs
-                  this.dispatch("STOP_COMPOSER_RANGE_SELECTION");
-                  // FIXME: we should check range SheetId compared to this.activeSheetId r maybe not have a sheetId in the payload ??
-                  const range = this.getters.getRangeFromRangeData(cmd.range);
-                  const previousRefToken = this.currentTokens
-                      .filter((token) => token.type === "REFERENCE")
-                      .find((token) => {
-                      const { xc, sheetName: sheet } = splitReference(token.value);
-                      const sheetName = sheet || this.getters.getSheetName(this.sheetId);
-                      const activeSheetId = this.getters.getActiveSheetId();
-                      if (this.getters.getSheetName(activeSheetId) !== sheetName) {
-                          return false;
-                      }
-                      const refRange = this.getters.getRangeFromSheetXC(activeSheetId, xc);
-                      return isEqual(this.getters.expandZone(activeSheetId, refRange.zone), range.zone);
-                  });
-                  this.previousRef = previousRefToken.value;
-                  this.previousRange = this.getters.getRangeFromSheetXC(this.getters.getActiveSheetId(), this.previousRef);
-                  this.selectionInitialStart = previousRefToken.start;
-                  break;
-              case "CHANGE_HIGHLIGHT":
-                  const cmdRange = this.getters.getRangeFromRangeData(cmd.range);
-                  const newRef = this.getRangeReference(cmdRange, this.previousRange.parts);
-                  this.selectionStart = this.selectionInitialStart;
-                  this.selectionEnd = this.selectionInitialStart + this.previousRef.length;
-                  this.replaceSelection(newRef);
-                  this.previousRef = newRef;
-                  this.selectionStart = this.currentContent.length;
-                  this.selectionEnd = this.currentContent.length;
+                  const { left, top } = cmd.zone;
+                  // changing the highlight can conflit with the 'selecting' mode
+                  if (this.isSelectingForComposer()) {
+                      this.mode = "editing";
+                  }
+                  this.selection.resetAnchor(this, { cell: { col: left, row: top }, zone: cmd.zone });
                   break;
               case "ACTIVATE_SHEET":
                   if (!this.currentContent.startsWith("=")) {
@@ -42359,33 +42406,45 @@
               return this.currentTokens.find((t) => t.start <= start && t.end >= end);
           }
       }
-      // ---------------------------------------------------------------------------
-      // Misc
-      // ---------------------------------------------------------------------------
-      cycleReferences() {
-          const tokens = this.getTokensInSelection();
+      /**
+       * Return the cycled reference if any (A1 -> $A$1 -> A$1 -> $A1 -> A1)
+       */
+      getCycledReference(selection, content) {
+          const locale = this.getters.getLocale();
+          const currentTokens = content.startsWith("=") ? composerTokenize(content, locale) : [];
+          const tokens = currentTokens.filter((t) => (t.start <= selection.start && t.end >= selection.start) ||
+              (t.start >= selection.start && t.start < selection.end));
           const refTokens = tokens.filter((token) => token.type === "REFERENCE");
-          if (refTokens.length === 0)
+          if (refTokens.length === 0) {
               return;
+          }
           const updatedReferences = tokens
               .map(loopThroughReferenceType)
               .map((token) => token.value)
               .join("");
-          const content = this.currentContent;
           const start = tokens[0].start;
           const end = tokens[tokens.length - 1].end;
           const newContent = content.slice(0, start) + updatedReferences + content.slice(end);
           const lengthDiff = newContent.length - content.length;
           const startOfTokens = refTokens[0].start;
           const endOfTokens = refTokens[refTokens.length - 1].end + lengthDiff;
-          const selection = { start: startOfTokens, end: endOfTokens };
-          // Put the selection at the end of the token if we cycled on a single token
-          if (refTokens.length === 1 && this.selectionStart === this.selectionEnd) {
-              selection.start = selection.end;
+          const newSelection = { start: startOfTokens, end: endOfTokens };
+          if (refTokens.length === 1 && selection.start === selection.end) {
+              newSelection.start = newSelection.end;
+          }
+          return { content: newContent, selection: newSelection };
+      }
+      // ---------------------------------------------------------------------------
+      // Misc
+      // ---------------------------------------------------------------------------
+      cycleReferences() {
+          const updated = this.getCycledReference(this.getComposerSelection(), this.currentContent);
+          if (updated === undefined) {
+              return;
           }
           this.dispatch("SET_CURRENT_CONTENT", {
-              content: newContent,
-              selection,
+              content: updated.content,
+              selection: updated.selection,
           });
       }
       validateSelection(length, start, end) {
@@ -42433,7 +42492,6 @@
               this.selection.resetAnchor(this, { cell: { col: this.col, row: this.row }, zone });
           }
           this.mode = "selecting";
-          this.selectionInitialStart = this.selectionStart;
       }
       /**
        * start the edition of a cell
@@ -42593,19 +42651,49 @@
           const ref = this.getZoneReference(zone);
           if (this.canStartComposerRangeSelection()) {
               this.insertText(ref, start);
-              this.selectionInitialStart = start;
           }
           else {
               this.insertText("," + ref, start);
-              this.selectionInitialStart = start + 1;
           }
       }
       /**
        * Replace the current reference selected by the new one.
        * */
-      replaceSelectedRanges(zone) {
+      replaceSelectedRange(zone) {
           const ref = this.getZoneReference(zone);
-          this.replaceText(ref, this.selectionInitialStart, this.selectionEnd);
+          const currentToken = this.getTokenAtCursor();
+          const start = currentToken?.type === "REFERENCE" ? currentToken.start : this.selectionStart;
+          this.replaceText(ref, start, this.selectionEnd);
+      }
+      /**
+       * Replace the reference of the old zone by the new one.
+       */
+      updateComposerRange(oldZone, newZone) {
+          const activeSheetId = this.getters.getActiveSheetId();
+          const tokentAtCursor = this.getTokenAtCursor();
+          const tokens = tokentAtCursor ? [tokentAtCursor, ...this.currentTokens] : this.currentTokens;
+          const previousRefToken = tokens
+              .filter((token) => token.type === "REFERENCE")
+              .find((token) => {
+              const { xc, sheetName: sheet } = splitReference(token.value);
+              const sheetName = sheet || this.getters.getSheetName(this.sheetId);
+              if (this.getters.getSheetName(activeSheetId) !== sheetName) {
+                  return false;
+              }
+              const refRange = this.getters.getRangeFromSheetXC(activeSheetId, xc);
+              return isEqual(this.getters.expandZone(activeSheetId, refRange.zone), oldZone);
+          });
+          // this function assumes that the previous range is always found because
+          // it's called when changing a highlight, which exists by definition
+          if (!previousRefToken) {
+              throw new Error("Previous range not found");
+          }
+          const previousRange = this.getters.getRangeFromSheetXC(activeSheetId, previousRefToken.value);
+          this.selectionStart = previousRefToken.start;
+          this.selectionEnd = this.selectionStart + previousRefToken.value.length;
+          const newRange = this.getters.getRangeFromZone(activeSheetId, newZone);
+          const newRef = this.getRangeReference(newRange, previousRange.parts);
+          this.replaceSelection(newRef);
       }
       getZoneReference(zone) {
           const inputSheetId = this.getters.getCurrentEditedCell().sheetId;
@@ -42613,14 +42701,8 @@
           const range = this.getters.getRangeFromZone(sheetId, zone);
           return this.getters.getSelectionRangeString(range, inputSheetId);
       }
-      getRangeReference(range, fixedParts = [{ colFixed: false, rowFixed: false }]) {
+      getRangeReference(range, fixedParts) {
           let _fixedParts = [...fixedParts];
-          if (fixedParts.length === 1 && getZoneArea(range.zone) > 1) {
-              _fixedParts.push({ ...fixedParts[0] });
-          }
-          else if (fixedParts.length === 2 && getZoneArea(range.zone) === 1) {
-              _fixedParts.pop();
-          }
           const newRange = range.clone({ parts: _fixedParts });
           return this.getters.getSelectionRangeString(newRange, this.getters.getCurrentEditedCell().sheetId);
       }
@@ -42747,15 +42829,6 @@
           }
           return false;
       }
-      /**
-       * Return all the tokens between selectionStart and selectionEnd.
-       * Includes token that begin right on selectionStart or end right on selectionEnd.
-       */
-      getTokensInSelection() {
-          const start = Math.min(this.selectionStart, this.selectionEnd);
-          const end = Math.max(this.selectionStart, this.selectionEnd);
-          return this.currentTokens.filter((t) => (t.start <= start && t.end >= start) || (t.start >= start && t.start < end));
-      }
   }
 
   class FilterEvaluationPlugin extends UIPlugin {
@@ -45721,6 +45794,11 @@
     .o-sidePanelButton:enabled {
       cursor: pointer;
     }
+
+    .o-sidePanelButton:disabled {
+      color: ${DISABLED_TEXT_COLOR};
+    }
+
     .o-sidePanelButton:last-child {
       margin-right: 0px;
     }
@@ -50284,10 +50362,17 @@
        * It will call `beforeHandle` and `handle`
        */
       dispatchToHandlers(handlers, command) {
+          const isCommandCore = isCoreCommand(command);
           for (const handler of handlers) {
+              if (!isCommandCore && handler instanceof CorePlugin) {
+                  continue;
+              }
               handler.beforeHandle(command);
           }
           for (const handler of handlers) {
+              if (!isCommandCore && handler instanceof CorePlugin) {
+                  continue;
+              }
               handler.handle(command);
           }
       }
@@ -50473,6 +50558,9 @@
   };
   function addFunction(functionName, functionDescription) {
       functionRegistry.add(functionName, functionDescription);
+      return {
+          addFunction: (fName, fDescription) => addFunction(fName, fDescription),
+      };
   }
   const constants = {
       DEFAULT_LOCALE,
@@ -50515,9 +50603,9 @@
   Object.defineProperty(exports, '__esModule', { value: true });
 
 
-  __info__.version = '16.5.0-alpha.0';
-  __info__.date = '2023-07-24T06:48:58.196Z';
-  __info__.hash = '3ba2c3c';
+  __info__.version = '16.5.0-alpha.2';
+  __info__.date = '2023-08-07T09:02:00.623Z';
+  __info__.hash = 'e74f3ef';
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);