@odoo/o-spreadsheet 18.0.8 → 18.0.10

package/dist/o-spreadsheet.esm.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 18.0.8
- * @date 2024-12-19T07:50:36.150Z
- * @hash 7cf34a6
+ * @version 18.0.10
+ * @date 2025-01-15T08:05:47.616Z
+ * @hash 94c45c7
  */
 
 import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, useState, onPatched, onWillPatch, onWillUpdateProps, useExternalListener, onWillStart, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
@@ -3540,6 +3540,7 @@ var CommandResult;
     CommandResult["SheetIsHidden"] = "SheetIsHidden";
     CommandResult["InvalidTableResize"] = "InvalidTableResize";
     CommandResult["PivotIdNotFound"] = "PivotIdNotFound";
+    CommandResult["PivotInError"] = "PivotInError";
     CommandResult["EmptyName"] = "EmptyName";
     CommandResult["ValueCellIsInvalidFormula"] = "ValueCellIsInvalidFormula";
     CommandResult["InvalidDefinition"] = "InvalidDefinition";
@@ -9386,9 +9387,9 @@ function getTrendDatasetForBarChart(config, dataset) {
     if (!newValues.length) {
         return;
     }
-    return getFullTrendingLineDataSet(dataset, config, newValues);
+    return getFullTrendingLineDataSet(dataset, config, newValues, newLabels);
 }
-function getFullTrendingLineDataSet(dataset, config, data) {
+function getFullTrendingLineDataSet(dataset, config, data, labels) {
     const defaultBorderColor = colorToRGBA(dataset.backgroundColor);
     defaultBorderColor.a = 1;
     const borderColor = config.color || lightenColor(rgbaToHex(defaultBorderColor), 0.5);
@@ -9397,7 +9398,7 @@ function getFullTrendingLineDataSet(dataset, config, data) {
         xAxisID: TREND_LINE_XAXIS_ID,
         yAxisID: dataset.yAxisID,
         label: dataset.label ? _t("Trend line for %s", dataset.label) : "",
-        data,
+        data: data.map((v, i) => ({ x: labels[i], y: v })),
         order: -1,
         showLine: true,
         pointRadius: 0,
@@ -19568,6 +19569,17 @@ const TEXT = {
     },
     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,
@@ -19590,7 +19602,8 @@ var text = /*#__PURE__*/Object.freeze({
   TEXT: TEXT,
   TEXTJOIN: TEXTJOIN,
   TRIM: TRIM,
-  UPPER: UPPER
+  UPPER: UPPER,
+  VALUE: VALUE
 });
 
 // -----------------------------------------------------------------------------
@@ -19854,14 +19867,11 @@ autoCompleteProviders.add("functions", {
 });
 
 class DOMFocusableElementStore {
-    mutators = ["setFocusableElement", "focus"];
+    mutators = ["setFocusableElement"];
     focusableElement = undefined;
     setFocusableElement(element) {
         this.focusableElement = element;
     }
-    focus() {
-        this.focusableElement?.focus();
-    }
 }
 
 /**
@@ -20826,7 +20836,7 @@ class Composer extends Component {
             if (document.activeElement === this.contentHelper.el &&
                 this.props.composerStore.editionMode === "inactive" &&
                 !this.props.isDefaultFocus) {
-                this.DOMFocusableElementStore.focus();
+                this.DOMFocusableElementStore.focusableElement?.focus();
             }
         });
         useEffect(() => {
@@ -24410,7 +24420,7 @@ function extractStyle(cell, data) {
             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;
@@ -24633,7 +24643,7 @@ function convertFigure(figure, id, sheetData) {
     return undefined;
 }
 function isChartData(data) {
-    return "dataSets" in data;
+    return "dataSets" in data && data.dataSets.length > 0;
 }
 function isImageData(data) {
     return "imageSrc" in data;
@@ -24872,9 +24882,8 @@ function convertRows(sheet, numberOfRows, headerGroups) {
     }
     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 = {};
@@ -25975,15 +25984,10 @@ class XlsxMiscExtractor extends XlsxBaseExtractor {
     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("");
         });
     }
 }
@@ -28336,7 +28340,7 @@ function getChartDatasetValues(getters, dataSets) {
             // then using the classical aggregation method to sum the values.
             data.fill(1);
         }
-        else if (data.every((cell) => cell === undefined || cell === null || !isNumber(cell.toString(), getters.getLocale()))) {
+        else if (data.every((cell) => cell === undefined || cell === null || !isNumber(cell.toString(), DEFAULT_LOCALE))) {
             continue;
         }
         datasetValues.push({ data, label });
@@ -28912,12 +28916,12 @@ function getTrendDatasetForLineChart(config, dataset, axisType, locale) {
     }
     const numberOfStep = 5 * labels.length;
     const step = (xmax - xmin) / numberOfStep;
-    const newLabels = range(xmin, xmax + step / 2, step);
-    const newValues = interpolateData(config, filteredValues, filteredLabels, newLabels);
-    if (!newValues.length) {
+    const trendLabels = range(xmin, xmax + step / 2, step);
+    const trendValues = interpolateData(config, filteredValues, filteredLabels, trendLabels);
+    if (!trendValues.length) {
         return;
     }
-    return getFullTrendingLineDataSet(dataset, config, newValues);
+    return getFullTrendingLineDataSet(dataset, config, trendValues, trendLabels);
 }
 function createLineOrScatterChartRuntime(chart, getters) {
     const axisType = getChartAxisType(chart, getters);
@@ -29034,8 +29038,16 @@ function createLineOrScatterChartRuntime(chart, getters) {
         config.options.scales.x.type = "linear";
         config.options.scales.x.ticks.callback = (value) => formatValue(value, { format: labelFormat, locale });
         config.options.plugins.tooltip.callbacks.label = (tooltipItem) => {
-            const dataSetPoint = dataSetsValues[tooltipItem.datasetIndex].data[tooltipItem.dataIndex];
-            let label = tooltipItem.label || labelValues.values[tooltipItem.dataIndex];
+            let dataSetPoint;
+            let label;
+            if (tooltipItem.dataset.xAxisID === TREND_LINE_XAXIS_ID) {
+                dataSetPoint = dataSetsValues[tooltipItem.datasetIndex].data[tooltipItem.dataIndex].y;
+                label = "";
+            }
+            else {
+                dataSetPoint = dataSetsValues[tooltipItem.datasetIndex].data[tooltipItem.dataIndex];
+                label = labelValues.values[tooltipItem.dataIndex];
+            }
             if (isNumber(label, locale)) {
                 label = toNumber(label, locale);
             }
@@ -29106,16 +29118,18 @@ function createLineOrScatterChartRuntime(chart, getters) {
         }
     }
     if (trendDatasets.length) {
-        /* We add a second x axis here to draw the trend lines, with the labels length being
-         * set so that the second axis points match the classical x axis
-         */
         config.options.scales[TREND_LINE_XAXIS_ID] = {
             ...xAxis,
-            type: "category",
-            labels: range(0, maxLength).map((x) => x.toString()),
-            offset: false,
             display: false,
         };
+        if (axisType === "category" || axisType === "time") {
+            /* We add a second x axis here to draw the trend lines, with the labels length being
+             * set so that the second axis points match the classical x axis
+             */
+            config.options.scales[TREND_LINE_XAXIS_ID]["type"] = "category";
+            config.options.scales[TREND_LINE_XAXIS_ID]["labels"] = range(0, maxLength).map((x) => x.toString());
+            config.options.scales[TREND_LINE_XAXIS_ID]["offset"] = false;
+        }
         /* These datasets must be inserted after the original datasets to ensure the way we
          * distinguish the originals and trendLine datasets after
          */
@@ -29606,7 +29620,11 @@ function createGaugeChartRuntime(chart, getters) {
     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 }),
@@ -34287,12 +34305,20 @@ function fontSizeMenuBuilder() {
     });
 }
 function isAutomaticFormatSelected(env) {
-    const activeCell = env.model.getters.getCell(env.model.getters.getActivePosition());
-    return !activeCell || !activeCell.format;
+    const activePosition = env.model.getters.getActivePosition();
+    const pivotCell = env.model.getters.getPivotCellFromPosition(activePosition);
+    if (pivotCell.type === "VALUE") {
+        return !env.model.getters.getEvaluatedCell(activePosition).format;
+    }
+    return !env.model.getters.getCell(activePosition)?.format;
 }
 function isFormatSelected(env, format) {
-    const activeCell = env.model.getters.getCell(env.model.getters.getActivePosition());
-    return activeCell?.format === format;
+    const activePosition = env.model.getters.getActivePosition();
+    const pivotCell = env.model.getters.getPivotCellFromPosition(activePosition);
+    if (pivotCell.type === "VALUE") {
+        return env.model.getters.getEvaluatedCell(activePosition).format === format;
+    }
+    return env.model.getters.getCell(activePosition)?.format === format;
 }
 function isFontSizeSelected(env, fontSize) {
     const currentFontSize = env.model.getters.getCurrentStyle().fontSize || DEFAULT_FONT_SIZE;
@@ -39975,6 +40001,10 @@ css /* scss */ `
       border: 1px solid #d8dadd;
       color: #374151;
     }
+
+    table {
+      table-layout: fixed;
+    }
   }
 `;
 class CustomCurrencyPanel extends Component {
@@ -42210,16 +42240,21 @@ class TextInput extends Component {
         }
         this.inputRef.el?.blur();
     }
-    focusInputAndSelectContent() {
-        const inputEl = this.inputRef.el;
-        if (!inputEl)
-            return;
-        // The onFocus event selects all text in the input.
-        // The subsequent mouseup event can deselect this text,
-        // so t-on-mouseup.prevent.stop is used to prevent this
-        // default behavior and preserve the selection.
-        inputEl.focus();
-        inputEl.select();
+    onMouseDown(ev) {
+        // Stop the event if the input is not focused, we handle everything in onMouseUp
+        if (ev.target !== document.activeElement) {
+            ev.preventDefault();
+            ev.stopPropagation();
+        }
+    }
+    onMouseUp(ev) {
+        const target = ev.target;
+        if (target !== document.activeElement) {
+            target.focus();
+            target.select();
+            ev.preventDefault();
+            ev.stopPropagation();
+        }
     }
 }
 
@@ -42697,7 +42732,16 @@ class PivotTitleSection extends Component {
             newPivotId,
             newSheetId,
         });
-        const text = result.isSuccessful ? _t("Pivot duplicated.") : _t("Pivot duplication failed");
+        let text;
+        if (result.isSuccessful) {
+            text = _t("Pivot duplicated.");
+        }
+        else if (result.isCancelledBecause("PivotInError" /* CommandResult.PivotInError */)) {
+            text = _t("Cannot duplicate a pivot in error.");
+        }
+        else {
+            text = _t("Pivot duplication failed.");
+        }
         const type = result.isSuccessful ? "success" : "danger";
         this.env.notifyUser({
             text,
@@ -43995,7 +44039,9 @@ class PivotSidePanelStore extends SpreadsheetStore {
                 pivot: this.draft,
             });
             this.draft = null;
-            if (!this.alreadyNotified && !this.isDynamicPivotInViewport()) {
+            if (!this.alreadyNotified &&
+                !this.isDynamicPivotInViewport() &&
+                this.isStaticPivotInViewport()) {
                 const formulaId = this.getters.getPivotFormulaId(this.pivotId);
                 const pivotExample = `=PIVOT(${formulaId})`;
                 this.alreadyNotified = true;
@@ -44062,6 +44108,18 @@ class PivotSidePanelStore extends SpreadsheetStore {
         }
         return false;
     }
+    isStaticPivotInViewport() {
+        for (const position of this.getters.getVisibleCellPositions()) {
+            const cell = this.getters.getCell(position);
+            if (cell?.isFormula) {
+                const pivotFunction = getFirstPivotFunction(cell.compiledFormula.tokens);
+                if (pivotFunction && pivotFunction.functionName !== "PIVOT") {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
     addDefaultDateTimeGranularity(fields, definition) {
         const { columns, rows } = definition;
         const columnsWithGranularity = deepCopy(columns);
@@ -49448,7 +49506,7 @@ class Grid extends Component {
         this.cellPopovers = useStore(CellPopoverStore);
         useEffect(() => {
             if (!this.sidePanel.isOpen) {
-                this.DOMFocusableElementStore.focus();
+                this.DOMFocusableElementStore.focusableElement?.focus();
             }
         }, () => [this.sidePanel.isOpen]);
     }
@@ -49652,7 +49710,7 @@ class Grid extends Component {
     focusDefaultElement() {
         if (!this.env.model.getters.getSelectedFigureId() &&
             this.composerFocusStore.activeComposer.editionMode === "inactive") {
-            this.DOMFocusableElementStore.focus();
+            this.DOMFocusableElementStore.focusableElement?.focus();
         }
     }
     get gridEl() {
@@ -50216,10 +50274,34 @@ class BordersPlugin extends CorePlugin {
                 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;
@@ -50526,6 +50608,18 @@ class BordersPlugin extends CorePlugin {
             }
         }
     }
+    /**
+     * 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
      */
@@ -61767,6 +61861,19 @@ class HeaderVisibilityUIPlugin extends UIPlugin {
 
 class InsertPivotPlugin extends UIPlugin {
     static getters = [];
+    allowDispatch(cmd) {
+        switch (cmd.type) {
+            case "DUPLICATE_PIVOT_IN_NEW_SHEET":
+                if (!this.getters.isExistingPivot(cmd.pivotId)) {
+                    return "PivotIdNotFound" /* CommandResult.PivotIdNotFound */;
+                }
+                if (!this.getters.getPivot(cmd.pivotId).isValid()) {
+                    return "PivotInError" /* CommandResult.PivotInError */;
+                }
+                break;
+        }
+        return "Success" /* CommandResult.Success */;
+    }
     handle(cmd) {
         switch (cmd.type) {
             case "INSERT_NEW_PIVOT":
@@ -65995,11 +66102,6 @@ class BottomBarSheet extends Component {
     editionState = "initializing";
     DOMFocusableElementStore;
     setup() {
-        onMounted(() => {
-            if (this.isSheetActive) {
-                this.scrollToSheet();
-            }
-        });
         onPatched(() => {
             if (this.sheetNameRef.el && this.state.isEditing && this.editionState === "initializing") {
                 this.editionState = "editing";
@@ -66008,6 +66110,11 @@ class BottomBarSheet extends Component {
         });
         this.DOMFocusableElementStore = useStore(DOMFocusableElementStore);
         useExternalListener(window, "click", () => (this.state.pickerOpened = false));
+        useEffect((sheetId) => {
+            if (this.props.sheetId === sheetId) {
+                this.scrollToSheet();
+            }
+        }, () => [this.env.model.getters.getActiveSheetId()]);
     }
     focusInputAndSelectContent() {
         if (!this.state.isEditing || !this.sheetNameRef.el)
@@ -66019,7 +66126,10 @@ class BottomBarSheet extends Component {
         }
     }
     scrollToSheet() {
-        this.sheetDivRef.el?.scrollIntoView?.();
+        this.sheetDivRef.el?.scrollIntoView?.({
+            behavior: "smooth",
+            inline: "nearest",
+        });
     }
     onFocusOut() {
         if (this.state.isEditing && this.editionState !== "initializing") {
@@ -66049,11 +66159,11 @@ class BottomBarSheet extends Component {
         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) {
@@ -71677,7 +71787,12 @@ function createSharedStrings(strings) {
         ["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)}
@@ -71922,7 +72037,7 @@ class Model extends EventBus {
         // events
         this.setupSessionEvents();
         this.joinSession();
-        if (config.snapshotRequested) {
+        if (config.snapshotRequested || (data["[Content_Types].xml"] && !this.getters.isReadonly())) {
             const startSnapshot = performance.now();
             console.debug("Snapshot requested");
             this.session.snapshot(this.exportData());
@@ -72420,6 +72535,8 @@ const helpers = {
     splitReference,
     formatTickValue,
     sanitizeSheetName,
+    isNumber,
+    isDateTime,
 };
 const links = {
     isMarkdownLink,
@@ -72512,6 +72629,6 @@ const constants = {
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, CommandResult, CorePlugin, DispatchResult, EvaluationError, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, compile, compileTokens, components, constants, convertAstNodes, coreTypes, findCellInNewZone, functionCache, helpers, hooks, invalidateCFEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
 
-__info__.version = "18.0.8";
-__info__.date = "2024-12-19T07:50:36.150Z";
-__info__.hash = "7cf34a6";
+__info__.version = "18.0.10";
+__info__.date = "2025-01-15T08:05:47.616Z";
+__info__.hash = "94c45c7";