@odoo/o-spreadsheet 17.4.15 → 17.4.17

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.4.15
- * @date 2024-12-05T10:40:45.905Z
- * @hash 9b13f22
+ * @version 17.4.17
+ * @date 2025-01-14T11:34:44.930Z
+ * @hash fd2a7ab
  */
 
 (function (exports, owl) {
@@ -767,6 +767,7 @@
    * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Character_Classes
    */
   const whiteSpaceSpecialCharacters = [
+      " ",
       "\t",
       "\f",
       "\v",
@@ -781,17 +782,15 @@
       String.fromCharCode(parseInt("3000", 16)),
       String.fromCharCode(parseInt("feff", 16)),
   ];
-  const whiteSpaceRegexp = new RegExp(whiteSpaceSpecialCharacters.join("|") + "|(\r\n|\r|\n)", "g");
+  const whiteSpaceRegexp = new RegExp(whiteSpaceSpecialCharacters.join("|"), "g");
+  const newLineRegexp = /(\r\n|\r)/g;
   /**
-   * Replace all the special spaces in a string (non-breaking, tabs, ...) by normal spaces, and all the
-   * different newlines types by \n.
+   * Replace all different newlines characters by \n
    */
-  function replaceSpecialSpaces(text) {
+  function replaceNewLines(text) {
       if (!text)
           return "";
-      if (!whiteSpaceRegexp.test(text))
-          return text;
-      return text.replace(whiteSpaceRegexp, (match, newLine) => (newLine ? NEWLINE : " "));
+      return text.replace(newLineRegexp, NEWLINE);
   }
   /**
    * Determine if the numbers are consecutive.
@@ -5683,7 +5682,7 @@
   const POSTFIX_UNARY_OPERATORS = ["%"];
   const OPERATORS = "+,-,*,/,:,=,<>,>=,>,<=,<,^,&".split(",").concat(POSTFIX_UNARY_OPERATORS);
   function tokenize(str, locale = DEFAULT_LOCALE) {
-      str = replaceSpecialSpaces(str);
+      str = replaceNewLines(str);
       const chars = new TokenizingChars(str);
       const result = [];
       while (!chars.isOver()) {
@@ -5830,12 +5829,12 @@
       if (length) {
           return { type: "SPACE", value: NEWLINE.repeat(length) };
       }
-      while (chars.current === " ") {
-          length++;
-          chars.shift();
+      let spaces = "";
+      while (chars.current && chars.current.match(whiteSpaceRegexp)) {
+          spaces += chars.shift();
       }
-      if (length) {
-          return { type: "SPACE", value: " ".repeat(length) };
+      if (spaces) {
+          return { type: "SPACE", value: spaces };
       }
       return null;
   }
@@ -20367,6 +20366,17 @@ stores.inject(MyMetaStore, storeInstance);
       },
       isExported: true,
   };
+  // -----------------------------------------------------------------------------
+  // VALUE
+  // -----------------------------------------------------------------------------
+  const VALUE = {
+      description: _t("Converts a string to a numeric value."),
+      args: [arg("value (number)", _t("the string to be converted"))],
+      compute: function (value) {
+          return toNumber(value, this.locale);
+      },
+      isExported: true,
+  };
 
   var text = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -20389,7 +20399,8 @@ stores.inject(MyMetaStore, storeInstance);
     TEXT: TEXT,
     TEXTJOIN: TEXTJOIN,
     TRIM: TRIM,
-    UPPER: UPPER
+    UPPER: UPPER,
+    VALUE: VALUE
   });
 
   // -----------------------------------------------------------------------------
@@ -20646,14 +20657,11 @@ stores.inject(MyMetaStore, storeInstance);
   });
 
   class DOMFocusableElementStore {
-      mutators = ["setFocusableElement", "focus"];
+      mutators = ["setFocusableElement"];
       focusableElement = undefined;
       setFocusableElement(element) {
           this.focusableElement = element;
       }
-      focus() {
-          this.focusableElement?.focus();
-      }
   }
 
   /**
@@ -24681,7 +24689,11 @@ stores.inject(MyMetaStore, storeInstance);
       colors.push(chartColors.upperColor);
       return {
           background: getters.getStyleOfSingleCellChart(chart.background, dataRange).background,
-          title: chart.title ?? { text: "" },
+          title: {
+              ...chart.title,
+              // chart titles are extracted from .json files and they are translated at runtime here
+              text: _t(chart.title.text ?? ""),
+          },
           minValue: {
               value: minValue,
               label: formatValue(minValue, { locale, format }),
@@ -38565,6 +38577,7 @@ stores.inject(MyMetaStore, storeInstance);
     }
   }
 `;
+  const DEFAULT_TABLE_STYLE_COLOR = "#3C78D8";
   class TableStyleEditorPanel extends owl.Component {
       static template = "o-spreadsheet-TableStyleEditorPanel";
       static components = { Section, RoundColorPicker, TableStylePreview };
@@ -38583,7 +38596,7 @@ stores.inject(MyMetaStore, storeInstance);
               : null;
           return {
               pickerOpened: false,
-              primaryColor: editedStyle?.primaryColor || "#3C78D8",
+              primaryColor: editedStyle?.primaryColor || DEFAULT_TABLE_STYLE_COLOR,
               selectedTemplateName: editedStyle?.templateName || "lightColoredText",
               styleName: editedStyle?.displayName || this.env.model.getters.getNewCustomTableStyleName(),
           };
@@ -38592,7 +38605,7 @@ stores.inject(MyMetaStore, storeInstance);
           this.state.pickerOpened = !this.state.pickerOpened;
       }
       onColorPicked(color) {
-          this.state.primaryColor = color;
+          this.state.primaryColor = isColorValid(color) ? color : DEFAULT_TABLE_STYLE_COLOR;
           this.state.pickerOpened = false;
       }
       onTemplatePicked(templateName) {
@@ -39420,7 +39433,7 @@ stores.inject(MyMetaStore, storeInstance);
               this.isEditing = isEditing;
               if (!isEditing) {
                   this.rect = this.defaultRect;
-                  this.DOMFocusableElementStore.focus();
+                  this.DOMFocusableElementStore.focusableElement?.focus();
                   return;
               }
               const position = this.env.model.getters.getActivePosition();
@@ -39939,6 +39952,7 @@ stores.inject(MyMetaStore, storeInstance);
           draggedFigure: undefined,
           horizontalSnap: undefined,
           verticalSnap: undefined,
+          cancelDnd: undefined,
       });
       setup() {
           owl.onMounted(() => {
@@ -39951,12 +39965,28 @@ stores.inject(MyMetaStore, storeInstance);
               // new rendering
               this.render();
           });
+          owl.onWillUpdateProps(() => {
+              const sheetId = this.env.model.getters.getActiveSheetId();
+              const draggedFigureId = this.dnd.draggedFigure?.id;
+              if (draggedFigureId && !this.env.model.getters.getFigure(sheetId, draggedFigureId)) {
+                  if (this.dnd.cancelDnd) {
+                      this.dnd.cancelDnd();
+                  }
+                  this.dnd.draggedFigure = undefined;
+                  this.dnd.horizontalSnap = undefined;
+                  this.dnd.verticalSnap = undefined;
+                  this.dnd.cancelDnd = undefined;
+              }
+          });
       }
       getVisibleFigures() {
           const visibleFigures = this.env.model.getters.getVisibleFigures();
           if (this.dnd.draggedFigure &&
               !visibleFigures.some((figure) => figure.id === this.dnd.draggedFigure?.id)) {
-              visibleFigures.push(this.env.model.getters.getFigure(this.env.model.getters.getActiveSheetId(), this.dnd.draggedFigure?.id));
+              const draggedFigure = this.env.model.getters.getFigure(this.env.model.getters.getActiveSheetId(), this.dnd.draggedFigure?.id);
+              if (draggedFigure) {
+                  visibleFigures.push(draggedFigure);
+              }
           }
           return visibleFigures;
       }
@@ -40075,7 +40105,7 @@ stores.inject(MyMetaStore, storeInstance);
               this.dnd.verticalSnap = undefined;
               this.env.model.dispatch("UPDATE_FIGURE", { sheetId, id: figure.id, x, y });
           };
-          startDnd(onMouseMove, onMouseUp);
+          this.dnd.cancelDnd = startDnd(onMouseMove, onMouseUp);
       }
       /**
        * Initialize the resize of a figure with mouse movements
@@ -40123,7 +40153,7 @@ stores.inject(MyMetaStore, storeInstance);
               this.dnd.horizontalSnap = undefined;
               this.dnd.verticalSnap = undefined;
           };
-          startDnd(onMouseMove, onMouseUp);
+          this.dnd.cancelDnd = startDnd(onMouseMove, onMouseUp);
       }
       getOtherFigures(figId) {
           return this.getVisibleFigures().filter((f) => f.id !== figId);
@@ -42443,7 +42473,7 @@ stores.inject(MyMetaStore, storeInstance);
           this.cellPopovers = useStore(CellPopoverStore);
           owl.useEffect(() => {
               if (!this.sidePanel.isOpen) {
-                  this.DOMFocusableElementStore.focus();
+                  this.DOMFocusableElementStore.focusableElement?.focus();
               }
           }, () => [this.sidePanel.isOpen]);
       }
@@ -42647,7 +42677,7 @@ stores.inject(MyMetaStore, storeInstance);
       focusDefaultElement() {
           if (!this.env.model.getters.getSelectedFigureId() &&
               this.composerStore.editionMode === "inactive") {
-              this.DOMFocusableElementStore.focus();
+              this.DOMFocusableElementStore.focusableElement?.focus();
           }
       }
       get gridEl() {
@@ -44264,7 +44294,7 @@ stores.inject(MyMetaStore, storeInstance);
               vertical: style.verticalAlign
                   ? V_ALIGNMENT_EXPORT_CONVERSION_MAP[style.verticalAlign]
                   : undefined,
-              wrapText: style.wrapping === "wrap" || undefined,
+              wrapText: style.wrapping === "wrap" || cell.content?.includes(NEWLINE) ? true : undefined,
           },
       };
       styles.font["strike"] = !!style?.strikethrough || undefined;
@@ -44487,7 +44517,7 @@ stores.inject(MyMetaStore, storeInstance);
       return undefined;
   }
   function isChartData(data) {
-      return "dataSets" in data;
+      return "dataSets" in data && data.dataSets.length > 0;
   }
   function isImageData(data) {
       return "imageSrc" in data;
@@ -44725,9 +44755,8 @@ stores.inject(MyMetaStore, storeInstance);
       }
       return rows;
   }
-  /** Remove newlines (\n) in shared strings, We do not support them */
   function convertSharedStrings(xlsxSharedStrings) {
-      return xlsxSharedStrings.map((str) => str.replace(/\n/g, ""));
+      return xlsxSharedStrings.map(replaceNewLines);
   }
   function convertCells(sheet, data, sheetDims, warningManager) {
       const cells = {};
@@ -45496,15 +45525,10 @@ stores.inject(MyMetaStore, storeInstance);
       getSharedStrings() {
           return this.mapOnElements({ parent: this.rootFile.file.xml, query: "si" }, (ssElement) => {
               // Shared string can either be a simple text, or a rich text (text with formatting, possibly in multiple parts)
-              if (ssElement.children[0].tagName === "t") {
-                  return this.extractTextContent(ssElement) || "";
-              }
               // We don't support rich text formatting, we'll only extract the text
-              else {
-                  return this.mapOnElements({ parent: ssElement, query: "t" }, (textElement) => {
-                      return this.extractTextContent(textElement) || "";
-                  }).join("");
-              }
+              return this.mapOnElements({ parent: ssElement, query: "t" }, (textElement) => {
+                  return this.extractTextContent(textElement) || "";
+              }).join("");
           });
       }
   }
@@ -47378,10 +47402,34 @@ stores.inject(MyMetaStore, storeInstance);
                   const elements = [...cmd.elements].sort((a, b) => b - a);
                   for (const group of groupConsecutive(elements)) {
                       if (cmd.dimension === "COL") {
-                          this.shiftBordersHorizontally(cmd.sheetId, group[group.length - 1] + 1, -group.length);
+                          if (group[0] >= this.getters.getNumberCols(cmd.sheetId)) {
+                              for (let row = 0; row < this.getters.getNumberRows(cmd.sheetId); row++) {
+                                  this.history.update("borders", cmd.sheetId, group[0] + 1, row, "vertical", undefined);
+                              }
+                          }
+                          if (group[group.length - 1] === 0) {
+                              for (let row = 0; row < this.getters.getNumberRows(cmd.sheetId); row++) {
+                                  this.history.update("borders", cmd.sheetId, 0, row, "vertical", undefined);
+                              }
+                          }
+                          const zone = this.getters.getColsZone(cmd.sheetId, group[group.length - 1] + 1, group[0]);
+                          this.clearInsideBorders(cmd.sheetId, [zone]);
+                          this.shiftBordersHorizontally(cmd.sheetId, group[0] + 1, -group.length);
                       }
                       else {
-                          this.shiftBordersVertically(cmd.sheetId, group[group.length - 1] + 1, -group.length);
+                          if (group[0] >= this.getters.getNumberRows(cmd.sheetId)) {
+                              for (let col = 0; col < this.getters.getNumberCols(cmd.sheetId); col++) {
+                                  this.history.update("borders", cmd.sheetId, col, group[0] + 1, "horizontal", undefined);
+                              }
+                          }
+                          if (group[group.length - 1] === 0) {
+                              for (let col = 0; col < this.getters.getNumberCols(cmd.sheetId); col++) {
+                                  this.history.update("borders", cmd.sheetId, col, 0, "horizontal", undefined);
+                              }
+                          }
+                          const zone = this.getters.getRowsZone(cmd.sheetId, group[group.length - 1] + 1, group[0]);
+                          this.clearInsideBorders(cmd.sheetId, [zone]);
+                          this.shiftBordersVertically(cmd.sheetId, group[0] + 1, -group.length);
                       }
                   }
                   break;
@@ -47688,6 +47736,18 @@ stores.inject(MyMetaStore, storeInstance);
               }
           }
       }
+      /**
+       * Remove the borders inside of a zone
+       */
+      clearInsideBorders(sheetId, zones) {
+          for (let zone of zones) {
+              for (let row = zone.top; row <= zone.bottom; row++) {
+                  for (let col = zone.left; col <= zone.right; col++) {
+                      this.history.update("borders", sheetId, col, row, undefined);
+                  }
+              }
+          }
+      }
       /**
        * Add a border to the existing one to a cell
        */
@@ -48235,7 +48295,7 @@ stores.inject(MyMetaStore, storeInstance);
           const before = this.getters.getCell({ sheetId, col, row });
           const hasContent = "content" in after || "formula" in after;
           // Compute the new cell properties
-          const afterContent = hasContent ? replaceSpecialSpaces(after?.content) : before?.content || "";
+          const afterContent = hasContent ? replaceNewLines(after?.content) : before?.content || "";
           let style;
           if (after.style !== undefined) {
               style = after.style || undefined;
@@ -51096,6 +51156,9 @@ stores.inject(MyMetaStore, storeInstance);
           };
       }
       getUnboundedZone(sheetId, zone) {
+          if (zone.bottom === undefined || zone.right === undefined) {
+              return zone;
+          }
           const isFullRow = zone.left === 0 && zone.right === this.getNumberCols(sheetId) - 1;
           const isFullCol = zone.top === 0 && zone.bottom === this.getNumberRows(sheetId) - 1;
           return {
@@ -57514,6 +57577,9 @@ stores.inject(MyMetaStore, storeInstance);
               }
           }
           this.acknowledge(message);
+          if (message.type === "REMOTE_REVISION" && message.clientId === this.clientId) {
+              return;
+          }
           this.trigger("collaborative-event-received");
       }
       onClientMoved(message) {
@@ -61305,6 +61371,7 @@ stores.inject(MyMetaStore, storeInstance);
                   break;
               case "DELETE_SHEET":
                   this.cleanViewports();
+                  this.sheetsWithDirtyViewports.delete(cmd.sheetId);
                   break;
               case "ACTIVATE_SHEET":
                   this.sheetsWithDirtyViewports.add(cmd.sheetIdTo);
@@ -62266,11 +62333,6 @@ stores.inject(MyMetaStore, storeInstance);
       editionState = "initializing";
       DOMFocusableElementStore;
       setup() {
-          owl.onMounted(() => {
-              if (this.isSheetActive) {
-                  this.scrollToSheet();
-              }
-          });
           owl.onPatched(() => {
               if (this.sheetNameRef.el && this.state.isEditing && this.editionState === "initializing") {
                   this.editionState = "editing";
@@ -62278,6 +62340,11 @@ stores.inject(MyMetaStore, storeInstance);
               }
           });
           this.DOMFocusableElementStore = useStore(DOMFocusableElementStore);
+          owl.useEffect((sheetId) => {
+              if (this.props.sheetId === sheetId) {
+                  this.scrollToSheet();
+              }
+          }, () => [this.env.model.getters.getActiveSheetId()]);
       }
       focusInputAndSelectContent() {
           if (!this.state.isEditing || !this.sheetNameRef.el)
@@ -62289,7 +62356,10 @@ stores.inject(MyMetaStore, storeInstance);
           }
       }
       scrollToSheet() {
-          this.sheetDivRef.el?.scrollIntoView?.();
+          this.sheetDivRef.el?.scrollIntoView?.({
+              behavior: "smooth",
+              inline: "nearest",
+          });
       }
       onFocusOut() {
           if (this.state.isEditing && this.editionState !== "initializing") {
@@ -62319,11 +62389,11 @@ stores.inject(MyMetaStore, storeInstance);
           if (ev.key === "Enter") {
               ev.preventDefault();
               this.stopEdition();
-              this.DOMFocusableElementStore.focus();
+              this.DOMFocusableElementStore.focusableElement?.focus();
           }
           if (ev.key === "Escape") {
               this.cancelEdition();
-              this.DOMFocusableElementStore.focus();
+              this.DOMFocusableElementStore.focusableElement?.focus();
           }
       }
       onMouseEventSheetName(ev) {
@@ -63728,7 +63798,6 @@ stores.inject(MyMetaStore, storeInstance);
     height: fit-content;
     margin-top: -1px;
     border: 1px solid;
-    z-index: ${ComponentsImportance.TopBarComposer};
 
     .o-composer:empty:not(:focus):not(.active)::before {
       content: url("data:image/svg+xml,${encodeURIComponent(FX_SVG)}");
@@ -63770,6 +63839,7 @@ stores.inject(MyMetaStore, storeInstance);
           }
           return cssPropertiesToCss({
               "border-color": SELECTION_BORDER_COLOR,
+              "z-index": String(ComponentsImportance.TopBarComposer),
           });
       }
       get delimitation() {
@@ -67858,7 +67928,12 @@ stores.inject(MyMetaStore, storeInstance);
           ["count", strings.length],
           ["uniqueCount", strings.length],
       ];
-      const stringNodes = strings.map((string) => escapeXml /*xml*/ `<si><t>${string}</t></si>`);
+      const stringNodes = strings.map((string) => {
+          if (string.trim() !== string) {
+              return escapeXml /*xml*/ `<si><t xml:space="preserve">${string}</t></si>`;
+          }
+          return escapeXml /*xml*/ `<si><t>${string}</t></si>`;
+      });
       const xml = escapeXml /*xml*/ `
     <sst ${formatAttributes(namespaces)}>
       ${joinXmlNodes(stringNodes)}
@@ -68595,6 +68670,8 @@ stores.inject(MyMetaStore, storeInstance);
       areDomainArgsFieldsValid,
       formatTickValue,
       sanitizeSheetName,
+      isNumber,
+      isDateTime,
   };
   const links = {
       isMarkdownLink,
@@ -68725,9 +68802,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "17.4.15";
-  __info__.date = "2024-12-05T10:40:45.905Z";
-  __info__.hash = "9b13f22";
+  __info__.version = "17.4.17";
+  __info__.date = "2025-01-14T11:34:44.930Z";
+  __info__.hash = "fd2a7ab";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);