@odoo/o-spreadsheet 17.1.2 → 17.1.4

package/dist/o-spreadsheet.iife.js

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 17.1.2
- * @date 2024-01-29T13:54:42.679Z
- * @hash 043a0d5
+ * @version 17.1.4
+ * @date 2024-02-09T13:09:13.430Z
+ * @hash 16d3ece
  */
 
 (function (exports, owl) {
@@ -2939,6 +2939,9 @@
       }
       switch (typeof value) {
           case "string":
+              if (value.includes('\\"')) {
+                  return value.replace(/\\"/g, '"');
+              }
               return value;
           case "boolean":
               return value ? "TRUE" : "FALSE";
@@ -4992,14 +4995,8 @@
                       : undefined));
               }
           }
-          else if (zone.left === zone.right && zone.top === zone.bottom) {
-              // A single cell. If it's only the title, the dataset is not added.
-              if (!dataSetsHaveTitle) {
-                  dataSets.push(createDataSet(getters, dataSetSheetId, zone, undefined));
-              }
-          }
           else {
-              /* 1 row or 1 column */
+              /* 1 cell, 1 row or 1 column */
               dataSets.push(createDataSet(getters, dataSetSheetId, zone, dataSetsHaveTitle
                   ? {
                       top: zone.top,
@@ -5048,8 +5045,10 @@
       }
       const dataRange = ds.dataRange.clone({ zone: dataZone });
       return {
-          label: ds.labelCell ? getters.getRangeString(ds.labelCell, "forceSheetReference") : undefined,
-          range: getters.getRangeString(dataRange, "forceSheetReference"),
+          label: ds.labelCell
+              ? getters.getRangeString(ds.labelCell, "forceSheetReference", { useFixedReference: true })
+              : undefined,
+          range: getters.getRangeString(dataRange, "forceSheetReference", { useFixedReference: true }),
       };
   }
   function toExcelLabelRange(getters, labelRange, shouldRemoveFirstLabel) {
@@ -5062,7 +5061,7 @@
           zone.top = zone.top + 1;
       }
       const range = labelRange.clone({ zone });
-      return getters.getRangeString(range, "forceSheetReference");
+      return getters.getRangeString(range, "forceSheetReference", { useFixedReference: true });
   }
   /**
    * Transform a chart definition which supports dataSets (dataSets and LabelRange)
@@ -6697,6 +6696,7 @@
   };
 
   const macRegex = /Mac/i;
+  const MODIFIER_KEYS = ["Shift", "Control", "Alt", "Meta"];
   /**
    * Return true if the event was triggered from
    * a child element.
@@ -6748,14 +6748,14 @@
    */
   function keyboardEventToShortcutString(ev, mode = "key") {
       let keyDownString = "";
-      if (isCtrlKey(ev) && ev.key !== "Ctrl")
-          keyDownString += "Ctrl+";
-      if (ev.metaKey)
-          keyDownString += "Ctrl+";
-      if (ev.altKey && ev.key !== "Alt")
-          keyDownString += "Alt+";
-      if (ev.shiftKey && ev.key !== "Shift")
-          keyDownString += "Shift+";
+      if (!MODIFIER_KEYS.includes(ev.key)) {
+          if (isCtrlKey(ev))
+              keyDownString += "Ctrl+";
+          if (ev.altKey)
+              keyDownString += "Alt+";
+          if (ev.shiftKey)
+              keyDownString += "Shift+";
+      }
       const key = mode === "key" ? ev.key : ev.code;
       keyDownString += letterRegex.test(key) ? key.toUpperCase() : key;
       return keyDownString;
@@ -7439,7 +7439,7 @@
       while (!chars.isOver()) {
           let token = tokenizeSpace(chars) ||
               tokenizeArgsSeparator(chars, locale) ||
-              tokenizeMisc(chars) ||
+              tokenizeParenthesis(chars) ||
               tokenizeOperator(chars) ||
               tokenizeString(chars) ||
               tokenizeDebugger(chars) ||
@@ -7460,15 +7460,14 @@
       }
       return null;
   }
-  const misc$1 = {
-      "(": "LEFT_PAREN",
-      ")": "RIGHT_PAREN",
+  const parenthesis = {
+      "(": { type: "LEFT_PAREN", value: "(" },
+      ")": { type: "RIGHT_PAREN", value: ")" },
   };
-  function tokenizeMisc(chars) {
-      if (chars.current in misc$1) {
+  function tokenizeParenthesis(chars) {
+      if (chars.current === "(" || chars.current === ")") {
           const value = chars.shift();
-          const type = misc$1[value];
-          return { type, value };
+          return parenthesis[value];
       }
       return null;
   }
@@ -7489,7 +7488,12 @@
       }
       return null;
   }
+  const FIRST_POSSIBLE_NUMBER_CHARS = new Set("0123456789");
   function tokenizeNumber(chars, locale) {
+      if (!FIRST_POSSIBLE_NUMBER_CHARS.has(chars.current) &&
+          chars.current !== locale.decimalSeparator) {
+          return null;
+      }
       const match = chars.remaining().match(getFormulaNumberRegex(locale.decimalSeparator));
       if (match) {
           chars.advanceBy(match[0].length);
@@ -7514,7 +7518,7 @@
       }
       return null;
   }
-  const separatorRegexp = /\w|\.|!|\$/;
+  const separatorRegexp = /^[\w\.!\$]+/;
   /**
    * A "Symbol" is just basically any word-like element that can appear in a
    * formula, which is not a string. So:
@@ -7554,8 +7558,11 @@
               };
           }
       }
-      while (chars.current && separatorRegexp.test(chars.current)) {
-          result += chars.shift();
+      const match = chars.remaining().match(separatorRegexp);
+      if (match) {
+          const value = match[0];
+          result += value;
+          chars.advanceBy(value.length);
       }
       if (result.length) {
           const value = result;
@@ -7617,7 +7624,10 @@
           return this.text.substring(this.currentIndex);
       }
       currentStartsWith(str) {
-          for (let j = 0; j < str.length; j++) {
+          if (this.current !== str[0]) {
+              return false;
+          }
+          for (let j = 1; j < str.length; j++) {
               if (this.text[this.currentIndex + j] !== str[j]) {
                   return false;
               }
@@ -8649,7 +8659,7 @@
               return undefined;
           const dataSets = this.dataSets
               .map((ds) => toExcelDataset(this.getters, ds))
-              .filter((ds) => ds.range !== ""); // && range !== CellErrorType.InvalidReference ? show incorrect #ref ?
+              .filter((ds) => ds.range !== "" && ds.range !== CellErrorType.InvalidReference);
           const labelRange = toExcelLabelRange(this.getters, this.labelRange, shouldRemoveFirstLabel(this.labelRange, this.dataSets[0], this.dataSetsHaveTitle));
           return {
               ...this.getDefinition(),
@@ -9227,7 +9237,7 @@
               return undefined;
           const dataSets = this.dataSets
               .map((ds) => toExcelDataset(this.getters, ds))
-              .filter((ds) => ds.range !== ""); // && range !== CellErrorType.InvalidReference ? show incorrect #ref ?
+              .filter((ds) => ds.range !== "" && ds.range !== CellErrorType.InvalidReference);
           const labelRange = toExcelLabelRange(this.getters, this.labelRange, shouldRemoveFirstLabel(this.labelRange, this.dataSets[0], this.dataSetsHaveTitle));
           return {
               ...this.getDefinition(),
@@ -9533,7 +9543,7 @@
               return undefined;
           const dataSets = this.dataSets
               .map((ds) => toExcelDataset(this.getters, ds))
-              .filter((ds) => ds.range !== ""); // && range !== CellErrorType.InvalidReference ? show incorrect #ref ?
+              .filter((ds) => ds.range !== "" && ds.range !== CellErrorType.InvalidReference);
           const labelRange = toExcelLabelRange(this.getters, this.labelRange, shouldRemoveFirstLabel(this.labelRange, this.dataSets[0], this.dataSetsHaveTitle));
           return {
               ...this.getDefinition(),
@@ -18680,6 +18690,9 @@
       compute: function (searchKey, range, index, isSorted = { value: DEFAULT_IS_SORTED }) {
           const _index = Math.trunc(toNumber(index?.value, this.locale));
           assert(() => 1 <= _index && _index <= range[0].length, _t("[[FUNCTION_NAME]] evaluates to an out of bounds range."));
+          if (searchKey && isEvaluationError(searchKey.value)) {
+              return searchKey;
+          }
           const getValueFromRange = (range, index) => range[index][0].value;
           const _isSorted = toBoolean(isSorted.value);
           const colIndex = _isSorted
@@ -18847,6 +18860,9 @@
       compute: function (searchKey, range, index, isSorted = { value: DEFAULT_IS_SORTED }) {
           const _index = Math.trunc(toNumber(index?.value, this.locale));
           assert(() => 1 <= _index && _index <= range.length, _t("[[FUNCTION_NAME]] evaluates to an out of bounds range."));
+          if (searchKey && isEvaluationError(searchKey.value)) {
+              return searchKey;
+          }
           const getValueFromRange = (range, index) => range[0][index].value;
           const _isSorted = toBoolean(isSorted.value);
           const rowIndex = _isSorted
@@ -18886,6 +18902,9 @@
           assert(() => lookupDirection === "col"
               ? returnRange[0].length === lookupRange[0].length
               : returnRange.length === lookupRange.length, _t("return_range should have the same dimensions as lookup_range."));
+          if (searchKey && isEvaluationError(searchKey.value)) {
+              return [[searchKey]];
+          }
           const getElement = lookupDirection === "col"
               ? (range, index) => range[0][index].value
               : (range, index) => range[index][0].value;
@@ -20207,19 +20226,20 @@
   const formatNumberCurrency = createFormatActionSpec({
       name: _t("Currency"),
       descriptionValue: 1000.12,
-      format: (env) => env.model.config.defaultCurrencyFormat,
+      format: (env) => env.model.config.defaultCurrencyFormat ?? DEFAULT_CURRENCY_FORMAT,
   });
   const formatNumberCurrencyRounded = {
       ...createFormatActionSpec({
           name: _t("Currency rounded"),
           descriptionValue: 1000,
-          format: (env) => roundFormat(env.model.config.defaultCurrencyFormat),
+          format: (env) => roundFormat(env.model.config.defaultCurrencyFormat ?? DEFAULT_CURRENCY_FORMAT),
       }),
       isVisible: (env) => {
           const currencyFormat = env.model.config.defaultCurrencyFormat;
-          return currencyFormat !== roundFormat(currencyFormat);
+          return currencyFormat !== roundFormat(currencyFormat ?? DEFAULT_CURRENCY_FORMAT);
       },
   };
+  const DEFAULT_CURRENCY_FORMAT = "[$$]#,##0.00";
   const EXAMPLE_DATE = parseLiteral("2023/09/26 10:43:00 PM", DEFAULT_LOCALE);
   const formatCustomCurrency = {
       name: _t("Custom currency"),
@@ -26966,15 +26986,17 @@
           focus: {
               validate: (value) => ["inactive", "cellFocus", "contentFocus"].includes(value),
           },
-          onComposerContentFocused: Function,
           inputStyle: { type: String, optional: true },
           rect: { type: Object, optional: true },
           delimitation: { type: Object, optional: true },
-          onComposerUnmounted: { type: Function, optional: true },
+          onComposerCellFocused: { type: Function, optional: true },
+          onComposerContentFocused: Function,
+          isDefaultFocus: { type: Boolean, optional: true },
       };
       static components = { TextValueProvider, FunctionDescriptionProvider };
       static defaultProps = {
           inputStyle: "",
+          isDefaultFocus: false,
       };
       composerRef = owl.useRef("o_composer");
       contentHelper = new ContentEditableHelper(this.composerRef.el);
@@ -27031,7 +27053,6 @@
           F4: this.processF4Key,
           Tab: (ev) => this.processTabKey(ev, "right"),
           "Shift+Tab": (ev) => this.processTabKey(ev, "left"),
-          "Ctrl+ ": this.processSpaceKey,
       };
       keyCodeMapping = {
           NumpadDecimal: this.processNumpadDecimal,
@@ -27039,12 +27060,12 @@
       setup() {
           owl.onMounted(() => {
               const el = this.composerRef.el;
+              if (this.props.isDefaultFocus) {
+                  this.env.focusableElement.setFocusableElement(el);
+              }
               this.contentHelper.updateEl(el);
               this.processTokenAtCursor();
           });
-          owl.onWillUnmount(() => {
-              this.props.onComposerUnmounted?.();
-          });
           owl.useEffect(() => {
               this.processContent();
           });
@@ -27053,7 +27074,8 @@
       // Handlers
       // ---------------------------------------------------------------------------
       processArrowKeys(ev) {
-          if (this.env.model.getters.isSelectingForComposer()) {
+          if (this.env.model.getters.isSelectingForComposer() ||
+              this.env.model.getters.getEditionMode() === "inactive") {
               this.functionDescriptionState.showDescription = false;
               // Prevent the default content editable behavior which moves the cursor
               ev.preventDefault();
@@ -27096,23 +27118,19 @@
       processTabKey(ev, direction) {
           ev.preventDefault();
           ev.stopPropagation();
-          const state = this.autoCompleteState;
-          if (state.showProvider && state.selectedIndex !== undefined) {
-              const autoCompleteValue = this.autoCompleteState.values[state.selectedIndex]?.text;
-              if (autoCompleteValue) {
-                  this.autoComplete(autoCompleteValue);
-                  return;
+          if (this.env.model.getters.getEditionMode() !== "inactive") {
+              const state = this.autoCompleteState;
+              if (state.showProvider && state.selectedIndex !== undefined) {
+                  const autoCompleteValue = this.autoCompleteState.values[state.selectedIndex]?.text;
+                  if (autoCompleteValue) {
+                      this.autoComplete(autoCompleteValue);
+                      return;
+                  }
               }
+              interactiveStopEdition(this.env);
           }
-          interactiveStopEdition(this.env);
           this.env.model.selection.moveAnchorCell(direction, 1);
       }
-      processSpaceKey(ev) {
-          ev.preventDefault();
-          ev.stopPropagation();
-          this.showFunctionAutocomplete("");
-          this.env.model.dispatch("STOP_COMPOSER_RANGE_SELECTION");
-      }
       processEnterKey(ev, direction) {
           ev.preventDefault();
           ev.stopPropagation();
@@ -27174,6 +27192,9 @@
           this.compositionActive = false;
       }
       onKeydown(ev) {
+          if (this.env.model.getters.getEditionMode() === "inactive") {
+              return;
+          }
           if (ev.key.startsWith("Arrow")) {
               this.processArrowKeys(ev);
               return;
@@ -27187,14 +27208,33 @@
               ev.stopPropagation();
           }
       }
+      onPaste(ev) {
+          if (this.env.model.getters.getEditionMode() !== "inactive") {
+              ev.stopPropagation();
+          }
+      }
       /*
        * Triggered automatically by the content-editable between the keydown and key up
        * */
       onInput(ev) {
-          if (this.props.focus === "inactive" || !this.shouldProcessInputEvents) {
+          if (!this.shouldProcessInputEvents) {
+              return;
+          }
+          if (ev.inputType === "insertFromPaste" &&
+              this.env.model.getters.getEditionMode() === "inactive") {
               return;
           }
-          let content = this.contentHelper.getText();
+          ev.stopPropagation();
+          let content;
+          if (this.env.model.getters.getEditionMode() === "inactive") {
+              content = ev.data || "";
+          }
+          else {
+              content = this.contentHelper.getText();
+          }
+          if (this.props.focus === "inactive") {
+              return this.props.onComposerCellFocused?.(content);
+          }
           let selection = this.contentHelper.getCurrentSelection();
           this.env.model.dispatch("STOP_COMPOSER_RANGE_SELECTION");
           this.env.model.dispatch("SET_CURRENT_CONTENT", {
@@ -27270,9 +27310,8 @@
           }
           const newSelection = this.contentHelper.getCurrentSelection();
           this.env.model.dispatch("STOP_COMPOSER_RANGE_SELECTION");
-          if (this.props.focus === "inactive") {
-              this.props.onComposerContentFocused(newSelection);
-          }
+          this.props.onComposerContentFocused();
+          if (this.props.focus === "inactive") ;
           this.env.model.dispatch("CHANGE_COMPOSER_CURSOR_SELECTION", newSelection);
           this.processTokenAtCursor();
       }
@@ -27439,7 +27478,7 @@
           const highlights = this.env.model.getters.getHighlights();
           const refSheet = sheetName
               ? this.env.model.getters.getSheetIdByName(sheetName)
-              : this.env.model.getters.getCurrentEditedCell().sheetId;
+              : this.env.model.getters.getCurrentEditedCell()?.sheetId;
           const highlight = highlights.find((highlight) => {
               if (highlight.sheetId !== refSheet)
                   return false;
@@ -27566,56 +27605,30 @@
           focus: {
               validate: (value) => ["inactive", "cellFocus", "contentFocus"].includes(value),
           },
-          onComposerUnmounted: Function,
+          onComposerCellFocused: Function,
           onComposerContentFocused: Function,
           gridDims: Object,
       };
       static components = { Composer };
-      gridComposerRef;
-      zone;
-      rect;
+      rect = this.defaultRect;
+      isEditing = false;
       isCellReferenceVisible;
-      composerState;
+      get defaultRect() {
+          return { x: 0, y: 0, width: 0, height: 0 };
+      }
       setup() {
-          this.gridComposerRef = owl.useRef("gridComposer");
-          this.composerState = owl.useState({
-              rect: undefined,
-              delimitation: undefined,
-          });
-          const { sheetId, col, row } = this.env.model.getters.getActivePosition();
-          this.zone = this.env.model.getters.expandZone(sheetId, positionToZone({ col, row }));
-          this.rect = this.env.model.getters.getVisibleRect(this.zone);
-          this.isCellReferenceVisible = false;
-          owl.onMounted(() => {
-              const el = this.gridComposerRef.el;
-              this.composerState.rect = {
-                  x: this.rect.x,
-                  y: this.rect.y,
-                  width: el.clientWidth,
-                  height: el.clientHeight,
-              };
-              this.composerState.delimitation = {
-                  width: this.props.gridDims.width,
-                  height: this.props.gridDims.height,
-              };
-          });
           owl.onWillUpdateProps(() => {
-              if (this.isCellReferenceVisible) {
-                  return;
-              }
-              const sheetId = this.env.model.getters.getActiveSheetId();
-              const zone = this.env.model.getters.getSelectedZone();
-              const rect = this.env.model.getters.getVisibleRect(zone);
-              if (!deepEquals(rect, this.rect) ||
-                  sheetId !== this.env.model.getters.getCurrentEditedCell().sheetId) {
-                  this.isCellReferenceVisible = true;
-              }
+              this.updateComponentPosition();
+              this.updateCellReferenceVisibility();
           });
       }
       get shouldDisplayCellReference() {
           return this.isCellReferenceVisible;
       }
       get cellReference() {
+          if (!this.env.model.getters.getCurrentEditedCell()) {
+              return "";
+          }
           const { col, row, sheetId } = this.env.model.getters.getCurrentEditedCell();
           const prefixSheet = sheetId !== this.env.model.getters.getActiveSheetId();
           return getFullReference(prefixSheet ? this.env.model.getters.getSheetName(sheetId) : undefined, toXC(col, row));
@@ -27627,7 +27640,27 @@
               top: `${top - GRID_CELL_REFERENCE_TOP_OFFSET}px`,
           });
       }
+      get composerProps() {
+          const { width, height } = this.env.model.getters.getSheetViewDimensionWithHeaders();
+          return {
+              rect: { ...this.rect },
+              delimitation: {
+                  width,
+                  height,
+              },
+              focus: this.props.focus,
+              isDefaultFocus: true,
+              onComposerContentFocused: this.props.onComposerContentFocused,
+              onComposerCellFocused: this.props.onComposerCellFocused,
+          };
+      }
       get containerStyle() {
+          if (this.env.model.getters.getEditionMode() === "inactive" || !this.rect) {
+              return `
+        position: absolute;
+        z-index: -1000;
+      `;
+          }
           const isFormula = this.env.model.getters.getCurrentContent().startsWith("=");
           const cell = this.env.model.getters.getActiveCell();
           const position = this.env.model.getters.getActivePosition();
@@ -27647,6 +27680,8 @@
           if (!isFormula) {
               textAlign = style.align || cell.defaultAlign;
           }
+          const maxHeight = this.props.gridDims.height - this.rect.y;
+          const maxWidth = this.props.gridDims.width - this.rect.x;
           /**
            * min-size is on the container, not the composer element, because we want to have the same size as the cell by default,
            * including all the paddings/margins of the composer
@@ -27658,6 +27693,8 @@
               top: `${top}px`,
               "min-width": `${width + 1}px`,
               "min-height": `${height + 1}px`,
+              "max-width": `${maxWidth}px`,
+              "max-height": `${maxHeight}px`,
               background,
               color,
               "font-size": `${fontSizeInPixels(fontSize)}px`,
@@ -27667,13 +27704,31 @@
               "text-align": textAlign,
           });
       }
-      get composerStyle() {
-          const maxHeight = this.props.gridDims.height - this.rect.y;
-          const maxWidth = this.props.gridDims.width - this.rect.x;
-          return cssPropertiesToCss({
-              "max-width": `${maxWidth}px`,
-              "max-height": `${maxHeight}px`,
-          });
+      updateComponentPosition() {
+          const isEditing = this.env.model.getters.getEditionMode() !== "inactive";
+          if (this.isEditing !== isEditing) {
+              this.isEditing = isEditing;
+              if (!isEditing) {
+                  this.rect = this.defaultRect;
+                  this.env.focusableElement.focus();
+                  return;
+              }
+              const position = this.env.model.getters.getActivePosition();
+              const zone = this.env.model.getters.expandZone(position.sheetId, positionToZone(position));
+              this.rect = this.env.model.getters.getVisibleRect(zone);
+          }
+      }
+      updateCellReferenceVisibility() {
+          if (this.isCellReferenceVisible || this.env.model.getters.getEditionMode() === "inactive") {
+              return;
+          }
+          const sheetId = this.env.model.getters.getActiveSheetId();
+          const zone = this.env.model.getters.getSelectedZone();
+          const rect = this.env.model.getters.getVisibleRect(zone);
+          if (!deepEquals(rect, this.rect) ||
+              sheetId !== this.env.model.getters.getCurrentEditedCell().sheetId) {
+              this.isCellReferenceVisible = true;
+          }
       }
   }
 
@@ -28773,7 +28828,6 @@
           this.props.onCellDoubleClicked(col, row);
       }
       onContextMenu(ev) {
-          ev.preventDefault();
           const [col, row] = this.getCartesianCoordinates(ev);
           this.props.onCellRightClicked(col, row, { x: ev.clientX, y: ev.clientY });
       }
@@ -29838,7 +29892,6 @@
       HEADER_WIDTH = HEADER_WIDTH;
       menuState;
       gridRef;
-      hiddenInput;
       onMouseWheel;
       canvasPosition;
       hoveredCell;
@@ -29849,15 +29902,14 @@
               menuItems: [],
           });
           this.gridRef = owl.useRef("grid");
-          this.hiddenInput = owl.useRef("hiddenInput");
           this.canvasPosition = useAbsoluteBoundingRect(this.gridRef);
           this.hoveredCell = owl.useState({ col: undefined, row: undefined });
           owl.useChildSubEnv({ getPopoverContainerRect: () => this.getGridRect() });
           owl.useExternalListener(document.body, "cut", this.copy.bind(this, true));
           owl.useExternalListener(document.body, "copy", this.copy.bind(this, false));
           owl.useExternalListener(document.body, "paste", this.paste);
-          owl.onMounted(() => this.focus());
-          this.props.exposeFocus(() => this.focus());
+          owl.onMounted(() => this.focusDefaultElement());
+          this.props.exposeFocus(() => this.focusDefaultElement());
           useGridDrawing("canvas", this.env.model, () => this.env.model.getters.getSheetViewDimensionWithHeaders());
           this.onMouseWheel = useWheelHandler((deltaX, deltaY) => {
               this.moveCanvas(deltaX, deltaY);
@@ -29881,7 +29933,7 @@
           if (this.env.model.getters.hasOpenedPopover()) {
               this.closeOpenedPopover();
           }
-          this.focus();
+          this.focusDefaultElement();
       }
       // this map will handle most of the actions that should happen on key down. The arrow keys are managed in the key
       // down itself
@@ -30060,10 +30112,10 @@
           "Alt+Shift+ArrowUp": () => this.processHeaderGroupingKey("up"),
           "Alt+Shift+ArrowDown": () => this.processHeaderGroupingKey("down"),
       };
-      focus() {
+      focusDefaultElement() {
           if (!this.env.model.getters.getSelectedFigureId() &&
               this.env.model.getters.getEditionMode() === "inactive") {
-              this.hiddenInput.el?.focus();
+              this.env.focusableElement.focus();
           }
       }
       get gridEl() {
@@ -30199,19 +30251,6 @@
               return;
           }
       }
-      onInput(ev) {
-          // the user meant to paste in the sheet, not open the composer with the pasted content
-          if (!ev.isComposing && ev.inputType === "insertFromPaste") {
-              return;
-          }
-          if (ev.data) {
-              // if the user types a character on the grid, it means he wants to start composing the selected cell with that
-              // character
-              ev.preventDefault();
-              ev.stopPropagation();
-              this.props.onGridComposerCellFocused(ev.data);
-          }
-      }
       // ---------------------------------------------------------------------------
       // Context Menu
       // ---------------------------------------------------------------------------
@@ -30326,7 +30365,7 @@
       }
       closeMenu() {
           this.menuState.isOpen = false;
-          this.focus();
+          this.focusDefaultElement();
       }
       processHeaderGroupingKey(direction) {
           if (this.env.model.getters.getSelectedZones().length !== 1) {
@@ -34243,6 +34282,31 @@
               return data;
           },
       },
+      {
+          description: "Fix datafilter duplication",
+          from: 12,
+          to: 12.5,
+          applyMigration(data) {
+              for (let sheet of data.sheets || []) {
+                  let knownDataFilterZones = [];
+                  for (let filterTable of sheet.filterTables || []) {
+                      const zone = toZone(filterTable.range);
+                      // See commit message for the details
+                      const intersectZoneIndex = knownDataFilterZones.findIndex((knownZone) => overlap(knownZone, zone));
+                      if (intersectZoneIndex !== -1) {
+                          knownDataFilterZones[intersectZoneIndex] = zone;
+                      }
+                      else {
+                          knownDataFilterZones.push(zone);
+                      }
+                  }
+                  sheet.filterTables = knownDataFilterZones.map((zone) => ({
+                      range: zoneToXc(zone),
+                  }));
+              }
+              return data;
+          },
+      },
       {
           description: "Change Border description structure",
           from: 12,
@@ -36072,12 +36136,12 @@
       /*
        * Reconstructs the original formula string based on a normalized form and its dependencies
        */
-      getFormulaCellContent(sheetId, compiledFormula, dependencies) {
+      getFormulaCellContent(sheetId, compiledFormula, dependencies, useFixedReference = false) {
           let rangeIndex = 0;
           return concat(compiledFormula.tokens.map((token) => {
               if (token.type === "REFERENCE") {
                   const range = dependencies[rangeIndex++];
-                  return this.getters.getRangeString(range, sheetId);
+                  return this.getters.getRangeString(range, sheetId, { useFixedReference });
               }
               return token.value;
           }));
@@ -36280,8 +36344,11 @@
        * being a computed property to rebuild the dependencies XC.
        */
       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.getters.getRangeString.bind(this));
+          const dependencies = [];
+          for (const xc of compiledFormula.dependencies) {
+              dependencies.push(this.getters.getRangeFromSheetXC(sheetId, xc));
+          }
+          return new FormulaCellWithDependencies(id, compiledFormula, format, style, dependencies, sheetId, this.getters.getRangeString);
       }
       createErrorFormula(id, content, format, style, error) {
           return {
@@ -36335,7 +36402,7 @@
           const tokens = compiledFormula.tokens.map((token) => {
               if (token.type === "REFERENCE") {
                   const index = rangeIndex++;
-                  return new RangeReferenceToken(() => this.getRangeString(dependencies[index], this.sheetId));
+                  return new RangeReferenceToken(dependencies, index, this.sheetId, this.getRangeString);
               }
               return token;
           });
@@ -36348,15 +36415,34 @@
       get content() {
           return concat(this.compiledFormula.tokens.map((token) => token.value));
       }
+      get contentWithFixedReferences() {
+          let rangeIndex = 0;
+          return concat(this.compiledFormula.tokens.map((token) => {
+              if (token.type === "REFERENCE") {
+                  const index = rangeIndex++;
+                  return this.getRangeString(this.compiledFormula.dependencies[index], this.sheetId, {
+                      useFixedReference: true,
+                  });
+              }
+              return token.value;
+          }));
+      }
   }
   class RangeReferenceToken {
-      getValue;
+      ranges;
+      rangeIndex;
+      sheetId;
+      getRangeString;
       type = "REFERENCE";
-      constructor(getValue) {
-          this.getValue = getValue;
+      constructor(ranges, rangeIndex, sheetId, getRangeString) {
+          this.ranges = ranges;
+          this.rangeIndex = rangeIndex;
+          this.sheetId = sheetId;
+          this.getRangeString = getRangeString;
       }
       get value() {
-          return this.getValue();
+          const range = this.ranges[this.rangeIndex];
+          return this.getRangeString(range, this.sheetId);
       }
   }
 
@@ -36652,7 +36738,13 @@
           }
       }
       exportForExcel(data) {
-          this.export(data);
+          if (data.sheets) {
+              for (let sheet of data.sheets) {
+                  if (this.cfRules[sheet.id]) {
+                      sheet.conditionalFormats = this.cfRules[sheet.id].map((rule) => this.mapToConditionalFormat(sheet.id, rule, { useFixedReference: true }));
+                  }
+              }
+          }
       }
       // ---------------------------------------------------------------------------
       // Getters
@@ -36717,11 +36809,11 @@
       // ---------------------------------------------------------------------------
       // Private
       // ---------------------------------------------------------------------------
-      mapToConditionalFormat(sheetId, cf) {
+      mapToConditionalFormat(sheetId, cf, { useFixedReference } = { useFixedReference: false }) {
           return {
               ...cf,
               ranges: cf.ranges.map((range) => {
-                  return this.getters.getRangeString(range, sheetId);
+                  return this.getters.getRangeString(range, sheetId, { useFixedReference });
               }),
           };
       }
@@ -38789,8 +38881,10 @@
        *
        * @param range the range (received from getRangeFromXC or getRangeFromZone)
        * @param forSheetId the id of the sheet where the range string is supposed to be used.
+       * @param options
+       * @param options.useFixedReference if true, the range will be returned with fixed row and column
        */
-      getRangeString(range, forSheetId) {
+      getRangeString(range, forSheetId, options = { useFixedReference: false }) {
           if (!range) {
               return CellErrorType.InvalidReference;
           }
@@ -38817,7 +38911,7 @@
           if (prefixSheet && !sheetName) {
               return CellErrorType.InvalidReference;
           }
-          let rangeString = this.getRangePartString(rangeImpl, 0);
+          let rangeString = this.getRangePartString(rangeImpl, 0, options);
           if (rangeImpl.parts && rangeImpl.parts.length === 2) {
               // this if converts A2:A2 into A2 except if any part of the original range had fixed row or column (with $)
               if (rangeImpl.zone.top !== rangeImpl.zone.bottom ||
@@ -38827,7 +38921,7 @@
                   rangeImpl.parts[1].rowFixed ||
                   rangeImpl.parts[1].colFixed) {
                   rangeString += ":";
-                  rangeString += this.getRangePartString(rangeImpl, 1);
+                  rangeString += this.getRangePartString(rangeImpl, 1, options);
               }
           }
           return `${prefixSheet ? sheetName + "!" : ""}${rangeString}`;
@@ -38868,13 +38962,13 @@
       /**
        * Get a Xc string that represent a part of a range
        */
-      getRangePartString(range, part) {
+      getRangePartString(range, part, options = { useFixedReference: false }) {
           const colFixed = range.parts && range.parts[part]?.colFixed ? "$" : "";
           const col = part === 0 ? numberToLetters(range.zone.left) : numberToLetters(range.zone.right);
           const rowFixed = range.parts && range.parts[part]?.rowFixed ? "$" : "";
           const row = part === 0 ? String(range.zone.top + 1) : String(range.zone.bottom + 1);
           let str = "";
-          if (range.isFullCol) {
+          if (range.isFullCol && !options.useFixedReference) {
               if (part === 0 && range.unboundedZone.hasHeader) {
                   str = colFixed + col + rowFixed + row;
               }
@@ -38882,7 +38976,7 @@
                   str = colFixed + col;
               }
           }
-          else if (range.isFullRow) {
+          else if (range.isFullRow && !options.useFixedReference) {
               if (part === 0 && range.unboundedZone.hasHeader) {
                   str = colFixed + col + rowFixed + row;
               }
@@ -41883,7 +41977,13 @@
               const format = newFormat
                   ? getItemId(newFormat, data.formats)
                   : exportedCellData.format;
-              const content = !isExported ? newContent : exportedCellData.content;
+              let content;
+              if (formulaCell instanceof FormulaCellWithDependencies) {
+                  content = formulaCell.contentWithFixedReferences;
+              }
+              else {
+                  content = !isExported ? newContent : exportedCellData.content;
+              }
               exportedSheetData.cells[xc] = { ...exportedCellData, value, isFormula, content, format };
           }
       }
@@ -51067,6 +51167,16 @@
       }
   }
 
+  class FocusableElement {
+      focusableElement = undefined;
+      setFocusableElement(element) {
+          this.focusableElement = element;
+      }
+      focus() {
+          this.focusableElement?.focus();
+      }
+  }
+
   const RIPPLE_KEY_FRAMES = [
       { transform: "scale(0)" },
       { transform: "scale(0.8)", offset: 0.33 },
@@ -53221,6 +53331,7 @@
               toggleSidePanel: this.toggleSidePanel.bind(this),
               clipboard: this.env.clipboard || instantiateClipboard(),
               startCellEdition: (content) => this.onGridComposerCellFocused(content),
+              focusableElement: new FocusableElement(),
           });
           owl.useEffect(() => {
               /**
@@ -53339,16 +53450,17 @@
           }
           this.composer.topBarFocus = "contentFocus";
           this.composer.gridFocusMode = "inactive";
-          this.setComposerContent({ selection } || {});
+          this.setComposerContent({ selection });
       }
-      onGridComposerContentFocused() {
+      onGridComposerContentFocused(selection) {
           if (this.model.getters.isReadonly()) {
               return;
           }
           this.composer.topBarFocus = "inactive";
           this.composer.gridFocusMode = "contentFocus";
-          this.setComposerContent({});
+          this.setComposerContent({ selection });
       }
+      // TODO: either both are defined or none of them. change those args to an object
       onGridComposerCellFocused(content, selection) {
           if (this.model.getters.isReadonly()) {
               return;
@@ -55234,12 +55346,7 @@
           attrs.push(["t", "str"]);
           cycle = escapeXml /*xml*/ `<v>${cell.value}</v>`;
       }
-      node = escapeXml /*xml*/ `
-      <f>
-        ${XlsxFormula}
-      </f>
-      ${cycle}
-    `;
+      node = escapeXml /*xml*/ `<f>${XlsxFormula}</f>${cycle}`;
       return { attrs, node };
   }
   function addContent(content, sharedStrings, forceString = false) {
@@ -56059,11 +56166,10 @@
                       ({ attrs: additionalAttrs, node: cellNode } = addContent(cell.content, construct.sharedStrings, isTableHeader || isPlainText));
                   }
                   attributes.push(...additionalAttrs);
-                  cellNodes.push(escapeXml /*xml*/ `
-          <c ${formatAttributes(attributes)}>
-            ${cellNode}
-          </c>
-        `);
+                  // prettier-ignore
+                  cellNodes.push(escapeXml /*xml*/ `<c ${formatAttributes(attributes)}>
+  ${cellNode}
+</c>`);
               }
           }
           if (cellNodes.length || row.size !== DEFAULT_CELL_HEIGHT || row.isHidden) {
@@ -56659,7 +56765,6 @@
               ...config,
               mode: config.mode || "normal",
               custom: config.custom || {},
-              defaultCurrencyFormat: config.defaultCurrencyFormat || "[$$]#,##0.00",
               external: this.setupExternalConfig(config.external || {}),
               transportService,
               client,
@@ -56697,6 +56802,7 @@
               custom: this.config.custom,
               uiActions: this.config,
               session: this.session,
+              defaultCurrencyFormat: this.config.defaultCurrencyFormat,
           };
       }
       // ---------------------------------------------------------------------------
@@ -57078,9 +57184,9 @@
   exports.tokenize = tokenize;
 
 
-  __info__.version = "17.1.2";
-  __info__.date = "2024-01-29T13:54:42.679Z";
-  __info__.hash = "043a0d5";
+  __info__.version = "17.1.4";
+  __info__.date = "2024-02-09T13:09:13.430Z";
+  __info__.hash = "16d3ece";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);