@odoo/o-spreadsheet 17.2.2 → 17.2.4

package/dist/o-spreadsheet.iife.js

@@ -3,9 +3,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 17.2.2
- * @date 2024-04-05T14:01:19.824Z
- * @hash c15836d
+ * @version 17.2.4
+ * @date 2024-04-18T16:41:38.407Z
+ * @hash 0c66038
  */
 
 (function (exports, owl) {
@@ -561,7 +561,7 @@
       if (typeof o1 !== typeof o2)
           return false;
       if (typeof o1 !== "object")
-          return o1 === o2;
+          return false;
       // Objects can have different keys if the values are undefined
       for (const key in o2) {
           if (!(key in o1) && o2[key] !== undefined) {
@@ -2508,6 +2508,15 @@
       }
       return generateMatrix(matrix.length, matrix[0].length, (col, row) => fn(matrix[col][row]));
   }
+  function matrixForEach(matrix, fn) {
+      const numberOfCols = matrix.length;
+      const numberOfRows = matrix[0]?.length ?? 0;
+      for (let col = 0; col < numberOfCols; col++) {
+          for (let row = 0; row < numberOfRows; row++) {
+              fn(matrix[col][row]);
+          }
+      }
+  }
   function transposeMatrix(matrix) {
       if (!matrix.length) {
           return [];
@@ -18635,7 +18644,7 @@ stores.inject(MyMetaStore, storeInstance);
           }
           const descr = addMetaInfoFromArg(addDescr);
           validateArguments(descr.args);
-          this.mapping[name] = addErrorHandling(addResultHandling(addInputHandling(descr)), name);
+          this.mapping[name] = addErrorHandling(addResultHandling(addInputHandling(descr), name), name);
           super.add(name, descr);
           return this;
       }
@@ -18674,9 +18683,7 @@ stores.inject(MyMetaStore, storeInstance);
       // so we fallback to a generic error
       if (hasStringValue(e) && isEvaluationError(e.value)) {
           if (hasStringMessage(e)) {
-              if (e.message?.includes("[[FUNCTION_NAME]]")) {
-                  e.message = e.message.replace("[[FUNCTION_NAME]]", functionName);
-              }
+              replaceFunctionNamePlaceholder(e, functionName);
           }
           return e;
       }
@@ -18691,21 +18698,29 @@ stores.inject(MyMetaStore, storeInstance);
       return (obj?.message !== undefined &&
           typeof obj.message === "string");
   }
-  function addResultHandling(compute) {
-      return function (...args) {
+  function addResultHandling(compute, functionName) {
+      return function computeWithResultHandling(...args) {
           const result = compute.apply(this, args);
           if (!isMatrix(result)) {
               if (typeof result === "object" && result !== null && "value" in result) {
+                  replaceFunctionNamePlaceholder(result, functionName);
                   return result;
               }
               return { value: result };
           }
           if (typeof result[0][0] === "object" && result[0][0] !== null && "value" in result[0][0]) {
+              matrixForEach(result, (result) => replaceFunctionNamePlaceholder(result, functionName));
               return result;
           }
           return matrixMap(result, (row) => ({ value: row }));
       };
   }
+  function replaceFunctionNamePlaceholder(fPayload, functionName) {
+      // for performance reasons: change in place and only if needed
+      if (fPayload.message?.includes("[[FUNCTION_NAME]]")) {
+          fPayload.message = fPayload.message.replace("[[FUNCTION_NAME]]", functionName);
+      }
+  }
   const functionRegistry = new FunctionRegistry();
   for (let category of categories) {
       const fns = category.functions;
@@ -19473,7 +19488,7 @@ stores.inject(MyMetaStore, storeInstance);
                           const xLabel = tooltipItem.dataset?.label || tooltipItem.label;
                           // tooltipItem.parsed.y can be an object or a number for pie charts
                           const yLabel = tooltipItem.parsed.y ?? tooltipItem.parsed;
-                          const toolTipFormat = !format && yLabel > 1000 ? "#,##" : format;
+                          const toolTipFormat = !format && Math.abs(yLabel) >= 1000 ? "#,##" : format;
                           const yLabelStr = formatValue(yLabel, { format: toolTipFormat, locale });
                           return xLabel ? `${xLabel}: ${yLabelStr}` : yLabelStr;
                       },
@@ -19773,7 +19788,10 @@ stores.inject(MyMetaStore, storeInstance);
                       if (isNaN(value))
                           return value;
                       const { locale, format } = localeFormat;
-                      return formatValue(value, { locale, format: !format && value > 1000 ? "#,##" : format });
+                      return formatValue(value, {
+                          locale,
+                          format: !format && Math.abs(value) >= 1000 ? "#,##" : format,
+                      });
                   },
               },
           },
@@ -20294,7 +20312,10 @@ stores.inject(MyMetaStore, storeInstance);
                       if (isNaN(value))
                           return value;
                       const { locale, format } = localeFormat;
-                      return formatValue(value, { locale, format: !format && value > 1000 ? "#,##" : format });
+                      return formatValue(value, {
+                          locale,
+                          format: !format && Math.abs(value) >= 1000 ? "#,##" : format,
+                      });
                   },
               },
           },
@@ -20634,7 +20655,7 @@ stores.inject(MyMetaStore, storeInstance);
           const percentage = calculatePercentage(data, dataIndex);
           const xLabel = tooltipItem.label || tooltipItem.dataset.label;
           const yLabel = tooltipItem.parsed.y ?? tooltipItem.parsed;
-          const toolTipFormat = !format && yLabel > 1000 ? "#,##" : format;
+          const toolTipFormat = !format && yLabel >= 1000 ? "#,##" : format;
           const yLabelStr = formatValue(yLabel, { format: toolTipFormat, locale });
           return xLabel ? `${xLabel}: ${yLabelStr} (${percentage}%)` : `${yLabelStr} (${percentage}%)`;
       };
@@ -22886,6 +22907,7 @@ stores.inject(MyMetaStore, storeInstance);
                       this.save();
                   }
                   ev.stopPropagation();
+                  ev.preventDefault();
                   break;
               case "Escape":
                   this.cancel();
@@ -31968,6 +31990,7 @@ stores.inject(MyMetaStore, storeInstance);
           onComposerCellFocused: { type: Function, optional: true },
           onComposerContentFocused: Function,
           isDefaultFocus: { type: Boolean, optional: true },
+          onInputContextMenu: { type: Function, optional: true },
       };
       static components = { TextValueProvider, FunctionDescriptionProvider };
       static defaultProps = {
@@ -32018,6 +32041,9 @@ stores.inject(MyMetaStore, storeInstance);
                   assistantStyle.right = `0px`;
               }
           }
+          else if (this.props.delimitation) {
+              assistantStyle["max-height"] = `${this.props.delimitation.height}px`;
+          }
           return cssPropertiesToCss(assistantStyle);
       }
       // we can't allow input events to be triggered while we remove and add back the content of the composer in processContent
@@ -32304,6 +32330,11 @@ stores.inject(MyMetaStore, storeInstance);
               }
           }
       }
+      onContextMenu(ev) {
+          if (this.composerStore.editionMode === "inactive") {
+              this.props.onInputContextMenu?.(ev);
+          }
+      }
       // ---------------------------------------------------------------------------
       // Private
       // ---------------------------------------------------------------------------
@@ -32525,6 +32556,7 @@ stores.inject(MyMetaStore, storeInstance);
       static template = "o-spreadsheet-GridComposer";
       static props = {
           gridDims: Object,
+          onInputContextMenu: Function,
       };
       static components = { Composer };
       rect = this.defaultRect;
@@ -32572,6 +32604,7 @@ stores.inject(MyMetaStore, storeInstance);
               isDefaultFocus: true,
               onComposerContentFocused: () => this.composerFocusStore.focusGridComposerContent(),
               onComposerCellFocused: (content) => this.composerFocusStore.focusGridComposerCell(content),
+              onInputContextMenu: this.props.onInputContextMenu,
           };
       }
       get containerStyle() {
@@ -33151,6 +33184,10 @@ stores.inject(MyMetaStore, storeInstance);
       height: 0px;
     }
   }
+  .o-figure-container {
+    -webkit-user-select: none; // safari
+    user-select: none;
+  }
 `;
   /**
    * Each figure ⭐ is positioned inside a container `div` placed and sized
@@ -37294,29 +37331,12 @@ stores.inject(MyMetaStore, storeInstance);
           return width;
       return Math.round((width / WIDTH_FACTOR) * 100) / 100;
   }
-  function convertBorderDescr(descr) {
-      if (!descr) {
-          return undefined;
-      }
-      return {
-          style: descr.style,
-          color: { rgb: descr.color },
-      };
-  }
   function extractStyle(cell, data) {
       let style = {};
       if (cell.style) {
           style = data.styles[cell.style];
       }
       const format = extractFormat(cell, data);
-      const exportedBorder = {};
-      if (cell.border) {
-          const border = data.borders[cell.border];
-          exportedBorder.left = convertBorderDescr(border.left);
-          exportedBorder.right = convertBorderDescr(border.right);
-          exportedBorder.bottom = convertBorderDescr(border.bottom);
-          exportedBorder.top = convertBorderDescr(border.top);
-      }
       const styles = {
           font: {
               size: style?.fontSize || DEFAULT_FONT_SIZE,
@@ -37330,7 +37350,7 @@ stores.inject(MyMetaStore, storeInstance);
               }
               : { reservedAttribute: "none" },
           numFmt: format ? { format: format, id: 0 /* id not used for export */ } : undefined,
-          border: exportedBorder || {},
+          border: cell.border || 0,
           alignment: {
               horizontal: style.align,
               vertical: style.verticalAlign
@@ -37352,15 +37372,12 @@ stores.inject(MyMetaStore, storeInstance);
       return undefined;
   }
   function normalizeStyle(construct, styles) {
-      const { id: fontId } = pushElement(styles["font"], construct.fonts);
-      const { id: fillId } = pushElement(styles["fill"], construct.fills);
-      const { id: borderId } = pushElement(styles["border"], construct.borders);
       // Normalize this
       const numFmtId = convertFormat(styles["numFmt"], construct.numFmts);
       const style = {
-          fontId,
-          fillId,
-          borderId,
+          fontId: pushElement(styles.font, construct.fonts),
+          fillId: pushElement(styles.fill, construct.fills),
+          borderId: styles.border,
           numFmtId,
           alignment: {
               vertical: styles.alignment.vertical,
@@ -37368,8 +37385,7 @@ stores.inject(MyMetaStore, storeInstance);
               wrapText: styles.alignment.wrapText,
           },
       };
-      const { id } = pushElement(style, construct.styles);
-      return id;
+      return pushElement(style, construct.styles);
   }
   function convertFormat(format, numFmtStructure) {
       if (!format) {
@@ -37377,8 +37393,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
       let formatId = XLSX_FORMAT_MAP[format.format];
       if (!formatId) {
-          const { id } = pushElement(format, numFmtStructure);
-          formatId = id + FIRST_NUMFMT_ID;
+          formatId = pushElement(format, numFmtStructure) + FIRST_NUMFMT_ID;
       }
       return formatId;
   }
@@ -37403,20 +37418,15 @@ stores.inject(MyMetaStore, storeInstance);
       return id;
   }
   function pushElement(property, propertyList) {
-      for (let [key, value] of Object.entries(propertyList)) {
-          if (JSON.stringify(value) === JSON.stringify(property)) {
-              return { id: parseInt(key, 10), list: propertyList };
+      let len = propertyList.length;
+      const operator = typeof property === "object" ? deepEquals : (a, b) => a === b;
+      for (let i = 0; i < len; i++) {
+          if (operator(property, propertyList[i])) {
+              return i;
           }
       }
-      let elemId = propertyList.findIndex((elem) => JSON.stringify(elem) === JSON.stringify(property));
-      if (elemId === -1) {
-          propertyList.push(property);
-          elemId = propertyList.length - 1;
-      }
-      return {
-          id: elemId,
-          list: propertyList,
-      };
+      propertyList[propertyList.length] = property;
+      return propertyList.length - 1;
   }
   const chartIds = [];
   /**
@@ -38211,7 +38221,25 @@ stores.inject(MyMetaStore, storeInstance);
       }
       return document;
   }
-  function getDefaultXLSXStructure() {
+  function convertBorderDescr(descr) {
+      if (!descr) {
+          return undefined;
+      }
+      return {
+          style: descr.style,
+          color: { rgb: descr.color },
+      };
+  }
+  function getDefaultXLSXStructure(data) {
+      const xlsxBorders = Object.values(data.borders).map((border) => {
+          return {
+              left: convertBorderDescr(border.left),
+              right: convertBorderDescr(border.right),
+              bottom: convertBorderDescr(border.bottom),
+              top: convertBorderDescr(border.top),
+          };
+      });
+      const borders = [{}, ...xlsxBorders];
       return {
           relsFiles: [],
           sharedStrings: [],
@@ -38234,7 +38262,7 @@ stores.inject(MyMetaStore, storeInstance);
               },
           ],
           fills: [{ reservedAttribute: "none" }, { reservedAttribute: "gray125" }],
-          borders: [{}],
+          borders,
           numFmts: [],
           dxfs: [],
       };
@@ -45271,7 +45299,15 @@ stores.inject(MyMetaStore, storeInstance);
           }
       }
       exportForExcel(data) {
-          this.export(data);
+          for (const sheet of data.sheets) {
+              for (const table of this.getTables(sheet.id)) {
+                  if (zoneToDimension(table.range.zone).numberOfRows === 1) {
+                      continue;
+                  }
+                  const tableData = { range: zoneToXc(table.range.zone), filters: [] };
+                  sheet.tables.push(tableData);
+              }
+          }
       }
   }
 
@@ -47043,7 +47079,9 @@ stores.inject(MyMetaStore, storeInstance);
           this.blockedArrayFormulas = this.createEmptyPositionSet();
           this.spreadingRelations = new SpreadingRelation(this.createEmptyPositionSet.bind(this));
           this.formulaDependencies = lazy(() => {
-              const dependencies = [...this.getAllCells()].flatMap((position) => this.getDirectDependencies(position).map((range) => ({
+              const dependencies = [...this.getAllCells()].flatMap((position) => this.getDirectDependencies(position)
+                  .filter((range) => !range.invalidSheetName && !range.invalidXc)
+                  .map((range) => ({
                   data: position,
                   boundingBox: {
                       zone: range.zone,
@@ -52073,7 +52111,7 @@ stores.inject(MyMetaStore, storeInstance);
           "isFilterActive",
       ];
       filterValues = {};
-      hiddenRows = new Set();
+      hiddenRows = {};
       isEvaluationDirty = false;
       allowDispatch(cmd) {
           switch (cmd.type) {
@@ -52117,11 +52155,11 @@ stores.inject(MyMetaStore, storeInstance);
               case "UNFOLD_HEADER_GROUP":
               case "FOLD_ALL_HEADER_GROUPS":
               case "UNFOLD_ALL_HEADER_GROUPS":
-                  this.updateHiddenRows();
+                  this.updateHiddenRows(cmd.sheetId);
                   break;
               case "UPDATE_FILTER":
                   this.updateFilter(cmd);
-                  this.updateHiddenRows();
+                  this.updateHiddenRows(cmd.sheetId);
                   break;
               case "DUPLICATE_SHEET":
                   const filterValues = {};
@@ -52141,15 +52179,14 @@ stores.inject(MyMetaStore, storeInstance);
       }
       finalize() {
           if (this.isEvaluationDirty) {
-              this.updateHiddenRows();
+              for (const sheetId of this.getters.getSheetIds()) {
+                  this.updateHiddenRows(sheetId);
+              }
               this.isEvaluationDirty = false;
           }
       }
       isRowFiltered(sheetId, row) {
-          if (sheetId !== this.getters.getActiveSheetId()) {
-              return false;
-          }
-          return this.hiddenRows.has(row);
+          return !!this.hiddenRows[sheetId]?.has(row);
       }
       getFilterHiddenValues(position) {
           const id = this.getters.getFilterId(position);
@@ -52176,8 +52213,7 @@ stores.inject(MyMetaStore, storeInstance);
               this.filterValues[sheetId] = {};
           this.filterValues[sheetId][id] = hiddenValues;
       }
-      updateHiddenRows() {
-          const sheetId = this.getters.getActiveSheetId();
+      updateHiddenRows(sheetId) {
           const filters = this.getters
               .getFilters(sheetId)
               .sort((filter1, filter2) => filter1.rangeWithHeaders.zone.top - filter2.rangeWithHeaders.zone.top);
@@ -52199,7 +52235,7 @@ stores.inject(MyMetaStore, storeInstance);
                   }
               }
           }
-          this.hiddenRows = hiddenRows;
+          this.hiddenRows[sheetId] = hiddenRows;
       }
       getCellValueAsString(sheetId, col, row) {
           const value = this.getters.getEvaluatedCell({ sheetId, col, row }).formattedValue;
@@ -53318,13 +53354,14 @@ stores.inject(MyMetaStore, storeInstance);
           }
       }
       handleEvent(event) {
+          const sheetId = this.getters.getActiveSheetId();
           if (event.options.scrollIntoView) {
               let { col, row } = findCellInNewZone(event.previousAnchor.zone, event.anchor.zone);
               if (event.mode === "updateAnchor") {
                   const oldZone = event.previousAnchor.zone;
                   const newZone = event.anchor.zone;
                   // altering a zone should not move the viewport in a dimension that wasn't changed
-                  const { top, bottom, left, right } = this.getters.getActiveMainViewport();
+                  const { top, bottom, left, right } = this.getMainInternalViewport(sheetId);
                   if (oldZone.left === newZone.left && oldZone.right === newZone.right) {
                       col = left > col || col > right ? left : col;
                   }
@@ -53332,7 +53369,6 @@ stores.inject(MyMetaStore, storeInstance);
                       row = top > row || row > bottom ? top : row;
                   }
               }
-              const sheetId = this.getters.getActiveSheetId();
               col = Math.min(col, this.getters.getNumberCols(sheetId) - 1);
               row = Math.min(row, this.getters.getNumberRows(sheetId) - 1);
               if (!this.sheetsWithDirtyViewports.has(sheetId)) {
@@ -53369,16 +53405,16 @@ stores.inject(MyMetaStore, storeInstance);
                   this.setSheetViewOffset(cmd.offsetX, cmd.offsetY);
                   break;
               case "SHIFT_VIEWPORT_DOWN":
-                  const { top } = this.getActiveMainViewport();
                   const sheetId = this.getters.getActiveSheetId();
-                  const shiftedOffsetY = this.clipOffsetY(this.getters.getRowDimensions(sheetId, top).start + this.sheetViewHeight);
-                  this.shiftVertically(shiftedOffsetY);
+                  const { top, viewportHeight, offsetCorrectionY } = this.getMainInternalViewport(sheetId);
+                  const topRowDims = this.getters.getRowDimensions(sheetId, top);
+                  this.shiftVertically(topRowDims.start + viewportHeight - offsetCorrectionY);
                   break;
               case "SHIFT_VIEWPORT_UP": {
-                  const { top } = this.getActiveMainViewport();
                   const sheetId = this.getters.getActiveSheetId();
-                  const shiftedOffsetY = this.clipOffsetY(this.getters.getRowDimensions(sheetId, top).end - this.sheetViewHeight);
-                  this.shiftVertically(shiftedOffsetY);
+                  const { top, viewportHeight, offsetCorrectionY } = this.getMainInternalViewport(sheetId);
+                  const topRowDims = this.getters.getRowDimensions(sheetId, top);
+                  this.shiftVertically(topRowDims.end - offsetCorrectionY - viewportHeight);
                   break;
               }
               case "REMOVE_TABLE":
@@ -53801,17 +53837,6 @@ stores.inject(MyMetaStore, storeInstance);
           const { maxOffsetX, maxOffsetY } = this.getMaximumSheetOffset();
           Object.values(this.getSubViewports(sheetId)).forEach((viewport) => viewport.setViewportOffset(clip(offsetX, 0, maxOffsetX), clip(offsetY, 0, maxOffsetY)));
       }
-      /**
-       * Clip the vertical offset within the allowed range.
-       * Not above the sheet, nor below the sheet.
-       */
-      clipOffsetY(offsetY) {
-          const { height } = this.getMainViewportRect();
-          const maxOffset = height - this.sheetViewHeight;
-          offsetY = Math.min(offsetY, maxOffset);
-          offsetY = Math.max(offsetY, 0);
-          return offsetY;
-      }
       getViewportOffset(sheetId) {
           return {
               x: this.viewports[sheetId]?.bottomRight.offsetScrollbarX || 0,
@@ -53867,12 +53892,15 @@ stores.inject(MyMetaStore, storeInstance);
        * viewport top.
        */
       shiftVertically(offset) {
-          const { top } = this.getActiveMainViewport();
+          const sheetId = this.getters.getActiveSheetId();
+          const { top } = this.getMainInternalViewport(sheetId);
           const { scrollX } = this.getActiveSheetScrollInfo();
           this.setSheetViewOffset(scrollX, offset);
           const { anchor } = this.getters.getSelection();
-          const deltaRow = this.getActiveMainViewport().top - top;
-          this.selection.selectCell(anchor.cell.col, anchor.cell.row + deltaRow);
+          if (anchor.cell.row >= this.getters.getPaneDivisions(sheetId).ySplit) {
+              const deltaRow = this.getMainInternalViewport(sheetId).top - top;
+              this.selection.selectCell(anchor.cell.col, anchor.cell.row + deltaRow);
+          }
       }
       getVisibleFigures() {
           const sheetId = this.getters.getActiveSheetId();
@@ -54791,7 +54819,6 @@ stores.inject(MyMetaStore, storeInstance);
     cursor: pointer;
   }
 `;
-  let tKey = 1;
   class SpreadsheetDashboard extends owl.Component {
       static template = "o-spreadsheet-SpreadsheetDashboard";
       static props = {};
@@ -54870,13 +54897,9 @@ stores.inject(MyMetaStore, storeInstance);
                       coordinates: rect,
                       position: { col, row },
                       action,
-                      // we can't rely on position only because a row or a column could
-                      // be inserted at any time.
-                      tKey: `${tKey}-${col}-${row}`,
                   });
               }
           }
-          tKey++;
           return cells;
       }
       getClickableAction(position) {
@@ -55688,6 +55711,13 @@ stores.inject(MyMetaStore, storeInstance);
               "border-color": SELECTION_BORDER_COLOR,
           });
       }
+      get delimitation() {
+          const { width, height } = this.env.model.getters.getSheetViewDimensionWithHeaders();
+          return {
+              width,
+              height,
+          };
+      }
       onFocus(selection) {
           this.composerFocusStore.focusTopBarComposer(selection);
       }
@@ -58319,8 +58349,7 @@ stores.inject(MyMetaStore, storeInstance);
           attrs.push(["t", "b"]);
       }
       else if (forceString || !isNumber(value, DEFAULT_LOCALE)) {
-          const { id } = pushElement(content, sharedStrings);
-          value = id.toString();
+          value = pushElement(content, sharedStrings);
           attrs.push(["t", "s"]);
       }
       return { attrs, node: escapeXml /*xml*/ `<v>${value}</v>` };
@@ -58445,8 +58474,7 @@ stores.inject(MyMetaStore, storeInstance);
       if (rule.style.fillColor) {
           dxf.fill = { fgColor: { rgb: rule.style.fillColor } };
       }
-      const { id } = pushElement(dxf, dxfs);
-      ruleAttributes.push(["dxfId", id]);
+      ruleAttributes.push(["dxfId", pushElement(dxf, dxfs)]);
       return escapeXml /*xml*/ `
     <conditionalFormatting sqref="${cf.ranges.join(" ")}">
       <cfRule ${formatAttributes(ruleAttributes)}>
@@ -59276,7 +59304,7 @@ stores.inject(MyMetaStore, storeInstance);
    */
   function getXLSX(data) {
       const files = [];
-      const construct = getDefaultXLSXStructure();
+      const construct = getDefaultXLSXStructure(data);
       files.push(createWorkbook(data, construct));
       files.push(...createWorksheets(data, construct));
       files.push(createStylesSheet(construct));
@@ -60211,9 +60239,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "17.2.2";
-  __info__.date = "2024-04-05T14:01:19.824Z";
-  __info__.hash = "c15836d";
+  __info__.version = "17.2.4";
+  __info__.date = "2024-04-18T16:41:38.407Z";
+  __info__.hash = "0c66038";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);