@odoo/o-spreadsheet 18.0.1 → 18.0.2

package/dist/o-spreadsheet.cjs.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.1
- * @date 2024-10-14T07:54:24.768Z
- * @hash 1771f68
+ * @version 18.0.2
+ * @date 2024-10-24T08:54:21.934Z
+ * @hash 788df92
  */
 
 'use strict';
@@ -376,7 +376,7 @@ const PIVOT_TABLE_CONFIG = {
     bandedRows: true,
     bandedColumns: false,
     styleId: "TableStyleMedium5",
-    automaticAutofill: true,
+    automaticAutofill: false,
 };
 const DEFAULT_CURRENCY = {
     symbol: "$",
@@ -9411,70 +9411,114 @@ const chartShowValuesPlugin = {
         ctx.save();
         ctx.textAlign = "center";
         ctx.textBaseline = "middle";
-        ctx.fillStyle = chartFontColor(options.background);
-        ctx.strokeStyle = chartFontColor(ctx.fillStyle);
-        chart._metasets.forEach(function (dataset) {
-            if (dataset.xAxisID === TREND_LINE_XAXIS_ID) {
-                return; // ignore trend lines
-            }
-            switch (dataset.type) {
-                case "doughnut":
-                case "pie": {
-                    for (let i = 0; i < dataset._parsed.length; i++) {
-                        const bar = dataset.data[i];
-                        const { startAngle, endAngle, innerRadius, outerRadius } = bar;
-                        const midAngle = (startAngle + endAngle) / 2;
-                        const midRadius = (innerRadius + outerRadius) / 2;
-                        const x = bar.x + midRadius * Math.cos(midAngle);
-                        const y = bar.y + midRadius * Math.sin(midAngle) + 7;
-                        ctx.fillStyle = chartFontColor(bar.options.backgroundColor);
-                        ctx.strokeStyle = chartFontColor(ctx.fillStyle);
-                        const value = options.callback(dataset._parsed[i]);
-                        ctx.strokeText(value, x, y);
-                        ctx.fillText(value, x, y);
-                    }
-                    break;
-                }
-                case "bar":
-                case "line": {
-                    const yOffset = dataset.type === "bar" && !options.horizontal ? 0 : 3;
-                    for (let i = 0; i < dataset._parsed.length; i++) {
-                        const point = dataset.data[i];
-                        const value = options.horizontal ? dataset._parsed[i].x : dataset._parsed[i].y;
-                        const displayedValue = options.callback(value - 0);
-                        let xPosition = 0, yPosition = 0;
-                        if (options.horizontal) {
-                            yPosition = point.y;
-                            if (value < 0) {
-                                ctx.textAlign = "right";
-                                xPosition = point.x - yOffset;
-                            }
-                            else {
-                                ctx.textAlign = "left";
-                                xPosition = point.x + yOffset;
-                            }
-                        }
-                        else {
-                            xPosition = point.x;
-                            if (value < 0) {
-                                ctx.textBaseline = "top";
-                                yPosition = point.y + yOffset;
-                            }
-                            else {
-                                ctx.textBaseline = "bottom";
-                                yPosition = point.y - yOffset;
-                            }
-                        }
-                        ctx.strokeText(displayedValue, xPosition, yPosition);
-                        ctx.fillText(displayedValue, xPosition, yPosition);
-                    }
-                    break;
-                }
-            }
-        });
+        ctx.miterLimit = 1; // Avoid sharp artifacts on strokeText
+        switch (chart.config.type) {
+            case "pie":
+            case "doughnut":
+                drawPieChartValues(chart, options, ctx);
+                break;
+            case "bar":
+            case "line":
+                options.horizontal
+                    ? drawHorizontalBarChartValues(chart, options, ctx)
+                    : drawLineOrBarChartValues(chart, options, ctx);
+                break;
+        }
         ctx.restore();
     },
 };
+function drawTextWithBackground(text, x, y, ctx) {
+    ctx.lineWidth = 3; // Stroke the text with a big lineWidth width to have some kind of background
+    ctx.strokeText(text, x, y);
+    ctx.lineWidth = 1;
+    ctx.fillText(text, x, y);
+}
+function drawLineOrBarChartValues(chart, options, ctx) {
+    const yMax = chart.chartArea.bottom;
+    const yMin = chart.chartArea.top;
+    const textsPositions = {};
+    for (const dataset of chart._metasets) {
+        if (dataset.xAxisID === TREND_LINE_XAXIS_ID) {
+            return; // ignore trend lines
+        }
+        for (let i = 0; i < dataset._parsed.length; i++) {
+            const value = dataset._parsed[i].y;
+            const point = dataset.data[i];
+            const xPosition = point.x;
+            let yPosition = 0;
+            if (chart.config.type === "line") {
+                yPosition = point.y - 10;
+            }
+            else {
+                yPosition = value < 0 ? point.y - point.height / 2 : point.y + point.height / 2;
+            }
+            yPosition = Math.min(yPosition, yMax);
+            yPosition = Math.max(yPosition, yMin);
+            // Avoid overlapping texts with same X
+            if (!textsPositions[xPosition]) {
+                textsPositions[xPosition] = [];
+            }
+            for (const otherPosition of textsPositions[xPosition] || []) {
+                if (Math.abs(otherPosition - yPosition) < 13) {
+                    yPosition = otherPosition - 13;
+                }
+            }
+            textsPositions[xPosition].push(yPosition);
+            ctx.fillStyle = point.options.backgroundColor;
+            ctx.strokeStyle = options.background || "#ffffff";
+            drawTextWithBackground(options.callback(value - 0), xPosition, yPosition, ctx);
+        }
+    }
+}
+function drawHorizontalBarChartValues(chart, options, ctx) {
+    const xMax = chart.chartArea.right;
+    const xMin = chart.chartArea.left;
+    const textsPositions = {};
+    for (const dataset of chart._metasets) {
+        if (dataset.xAxisID === TREND_LINE_XAXIS_ID) {
+            return; // ignore trend lines
+        }
+        for (let i = 0; i < dataset._parsed.length; i++) {
+            const value = dataset._parsed[i].x;
+            const displayValue = options.callback(value - 0);
+            const point = dataset.data[i];
+            const yPosition = point.y;
+            let xPosition = value < 0 ? point.x + point.width / 2 : point.x - point.width / 2;
+            xPosition = Math.min(xPosition, xMax);
+            xPosition = Math.max(xPosition, xMin);
+            // Avoid overlapping texts with same Y
+            if (!textsPositions[yPosition]) {
+                textsPositions[yPosition] = [];
+            }
+            const textWidth = computeTextWidth(ctx, displayValue, { fontSize: 12 }, "px");
+            for (const otherPosition of textsPositions[yPosition]) {
+                if (Math.abs(otherPosition - xPosition) < textWidth) {
+                    xPosition = otherPosition + textWidth + 3;
+                }
+            }
+            textsPositions[yPosition].push(xPosition);
+            ctx.fillStyle = point.options.backgroundColor;
+            ctx.strokeStyle = options.background || "#ffffff";
+            drawTextWithBackground(displayValue, xPosition, yPosition, ctx);
+        }
+    }
+}
+function drawPieChartValues(chart, options, ctx) {
+    for (const dataset of chart._metasets) {
+        for (let i = 0; i < dataset._parsed.length; i++) {
+            const bar = dataset.data[i];
+            const { startAngle, endAngle, innerRadius, outerRadius } = bar;
+            const midAngle = (startAngle + endAngle) / 2;
+            const midRadius = (innerRadius + outerRadius) / 2;
+            const x = bar.x + midRadius * Math.cos(midAngle);
+            const y = bar.y + midRadius * Math.sin(midAngle) + 7;
+            ctx.fillStyle = chartFontColor(options.background);
+            ctx.strokeStyle = options.background || "#ffffff";
+            const value = options.callback(dataset._parsed[i]);
+            drawTextWithBackground(value, x, y, ctx);
+        }
+    }
+}
 
 /** This is a chartJS plugin that will draw connector lines between the bars of a Waterfall chart */
 const waterfallLinesPlugin = {
@@ -21737,9 +21781,13 @@ autoCompleteProviders.add("pivot_group_fields", {
         const colFields = columns.map((groupBy) => groupBy.nameWithGranularity);
         const rowFields = rows.map((groupBy) => groupBy.nameWithGranularity);
         const proposals = [];
-        const previousGroupBy = ["ARG_SEPARATOR", "SPACE"].includes(tokenAtCursor.type)
+        let previousGroupBy = ["ARG_SEPARATOR", "SPACE"].includes(tokenAtCursor.type)
             ? argGroupBys.at(-1)
             : argGroupBys.at(-2);
+        const isPositionalSupported = supportedPivotPositionalFormulaRegistry.get(pivot.type);
+        if (isPositionalSupported && previousGroupBy?.startsWith("#")) {
+            previousGroupBy = previousGroupBy.slice(1);
+        }
         if (previousGroupBy === undefined) {
             proposals.push(colFields[0]);
             proposals.push(rowFields[0]);
@@ -21761,7 +21809,7 @@ autoCompleteProviders.add("pivot_group_fields", {
             return field ? makeFieldProposal(field, granularity) : undefined;
         })
             .concat(groupBys.map((groupBy) => {
-            if (!supportedPivotPositionalFormulaRegistry.get(pivot.type)) {
+            if (!isPositionalSupported) {
                 return undefined;
             }
             const fieldName = groupBy.split(":")[0];
@@ -27457,7 +27505,7 @@ function load(data, verboseImport) {
     if (!data) {
         return createEmptyWorkbookData();
     }
-    console.group("Loading data");
+    console.debug("### Loading data ###");
     const start = performance.now();
     if (data["[Content_Types].xml"]) {
         const reader = new XlsxReader(data);
@@ -27471,13 +27519,13 @@ function load(data, verboseImport) {
     // apply migrations, if needed
     if ("version" in data) {
         if (data.version < CURRENT_VERSION) {
-            console.info("Migrating data from version", data.version);
+            console.debug("Migrating data from version", data.version);
             data = migrate(data);
         }
     }
     data = repairData(data);
-    console.info("Data loaded in", performance.now() - start, "ms");
-    console.groupEnd();
+    console.debug("Data loaded in", performance.now() - start, "ms");
+    console.debug("###");
     return data;
 }
 // -----------------------------------------------------------------------------
@@ -27507,7 +27555,7 @@ function migrate(data) {
     for (let i = index; i < steps.length; i++) {
         data = steps[i].migrate(data);
     }
-    console.info("Data migrated in", performance.now() - start, "ms");
+    console.debug("Data migrated in", performance.now() - start, "ms");
     return data;
 }
 /**
@@ -28086,7 +28134,7 @@ function getDefaultChartJsRuntime(chart, labels, fontColor, { format, locale, tr
                         const xLabel = tooltipItem.dataset?.label || tooltipItem.label;
                         // tooltipItem.parsed can be an object or a number for pie charts
                         let yLabel = horizontalChart ? tooltipItem.parsed.x : tooltipItem.parsed.y;
-                        if (!yLabel) {
+                        if (yLabel === undefined || yLabel === null) {
                             yLabel = tooltipItem.parsed;
                         }
                         const toolTipFormat = !format && Math.abs(yLabel) >= 1000 ? "#,##" : format;
@@ -28527,13 +28575,10 @@ function createBarChartRuntime(chart, getters) {
          * datasets to ensure the way we distinguish the originals and trendLine datasets after
          */
         trendDatasets.forEach((x) => config.data.datasets.push(x));
-        const originalTooltipTitle = config.options.plugins.tooltip.callbacks.title;
         config.options.plugins.tooltip.callbacks.title = function (tooltipItems) {
-            if (tooltipItems.some((item) => item.dataset.xAxisID !== TREND_LINE_XAXIS_ID)) {
-                // @ts-expect-error
-                return originalTooltipTitle?.(tooltipItems);
-            }
-            return "";
+            return tooltipItems.some((item) => item.dataset.xAxisID !== TREND_LINE_XAXIS_ID)
+                ? undefined
+                : "";
         };
     }
     return { chartJsConfig: config, background: chart.background || BACKGROUND_CHART_COLOR };
@@ -28903,7 +28948,6 @@ function createLineOrScatterChartRuntime(chart, getters) {
     else if (axisType === "linear") {
         config.options.scales.x.type = "linear";
         config.options.scales.x.ticks.callback = (value) => formatValue(value, { format: labelFormat, locale });
-        config.options.plugins.tooltip.callbacks.title = () => "";
         config.options.plugins.tooltip.callbacks.label = (tooltipItem) => {
             const dataSetPoint = dataSetsValues[tooltipItem.datasetIndex].data[tooltipItem.dataIndex];
             let label = tooltipItem.label || labelValues.values[tooltipItem.dataIndex];
@@ -28991,15 +29035,12 @@ function createLineOrScatterChartRuntime(chart, getters) {
          * distinguish the originals and trendLine datasets after
          */
         trendDatasets.forEach((x) => config.data.datasets.push(x));
-        const originalTooltipTitle = config.options.plugins.tooltip.callbacks.title;
-        config.options.plugins.tooltip.callbacks.title = function (tooltipItems) {
-            if (tooltipItems.some((item) => item.dataset.xAxisID !== TREND_LINE_XAXIS_ID)) {
-                // @ts-expect-error
-                return originalTooltipTitle?.(tooltipItems);
-            }
-            return "";
-        };
     }
+    config.options.plugins.tooltip.callbacks.title = function (tooltipItems) {
+        const displayTooltipTitle = axisType !== "linear" &&
+            tooltipItems.some((item) => item.dataset.xAxisID !== TREND_LINE_XAXIS_ID);
+        return displayTooltipTitle ? undefined : "";
+    };
     return {
         chartJsConfig: config,
         background: chart.background || BACKGROUND_CHART_COLOR,
@@ -29263,13 +29304,10 @@ function createComboChartRuntime(chart, getters) {
          * distinguish the originals and trendLine datasets after
          */
         trendDatasets.forEach((x) => config.data.datasets.push(x));
-        const originalTooltipTitle = config.options.plugins.tooltip.callbacks.title;
         config.options.plugins.tooltip.callbacks.title = function (tooltipItems) {
-            if (tooltipItems.some((item) => item.dataset.xAxisID !== TREND_LINE_XAXIS_ID)) {
-                // @ts-expect-error
-                return originalTooltipTitle?.(tooltipItems);
-            }
-            return "";
+            return tooltipItems.some((item) => item.dataset.xAxisID !== TREND_LINE_XAXIS_ID)
+                ? undefined
+                : "";
         };
     }
     return { chartJsConfig: config, background: chart.background || BACKGROUND_CHART_COLOR };
@@ -36259,7 +36297,6 @@ class BarConfigPanel extends GenericChartConfigPanel {
 css /* scss */ `
   .o_side_panel_collapsible_title {
     font-size: 16px;
-    font-weight: bold;
     cursor: pointer;
     padding: 6px 0px 6px 6px !important;
 
@@ -37239,6 +37276,9 @@ class ChartWithAxisDesignPanel extends owl.Component {
     getDataSeries() {
         return this.props.definition.dataSets.map((d, i) => d.label ?? `${ChartTerms.Series} ${i + 1}`);
     }
+    getPolynomialDegrees() {
+        return range(1, this.getMaxPolynomialDegree() + 1);
+    }
     updateSerieEditor(ev) {
         const chartId = this.props.figureId;
         const selectedIndex = ev.target.selectedIndex;
@@ -37355,12 +37395,7 @@ class ChartWithAxisDesignPanel extends owl.Component {
     }
     onChangePolynomialDegree(ev) {
         const element = ev.target;
-        const order = parseInt(element.value || "1");
-        if (order < 2) {
-            element.value = `${this.getTrendLineConfiguration()?.order ?? 2}`;
-            return;
-        }
-        this.updateTrendLineValue({ order });
+        this.updateTrendLineValue({ order: parseInt(element.value) });
     }
     getTrendLineColor() {
         return this.getTrendLineConfiguration()?.color ?? setColorAlpha(this.getDataSerieColor(), 0.5);
@@ -37382,6 +37417,10 @@ class ChartWithAxisDesignPanel extends owl.Component {
         };
         this.props.updateChart(this.props.figureId, { dataSets });
     }
+    getMaxPolynomialDegree() {
+        const runtime = this.env.model.getters.getChartRuntime(this.props.figureId);
+        return Math.min(10, runtime.chartJsConfig.data.datasets[this.state.index].data.length - 1);
+    }
 }
 
 class ComboChartDesignPanel extends ChartWithAxisDesignPanel {
@@ -39210,7 +39249,6 @@ css /* scss */ `
       width: 142px;
       .o-cf-preview-description-rule {
         margin-bottom: 4px;
-        font-weight: 600;
         max-height: 2.8em;
         line-height: 1.4em;
       }
@@ -42212,7 +42250,6 @@ function createMeasureAutoComplete(pivot, forComputedMeasure) {
         sequence: 0,
         autoSelectFirstProposal: true,
         getProposals(tokenAtCursor) {
-            // return []
             const measureProposals = pivot.measures
                 .filter((m) => m !== forComputedMeasure)
                 .map((measure) => {
@@ -47153,6 +47190,7 @@ class PaintFormatStore extends SpreadsheetStore {
         new CellClipboardHandler(this.getters, this.model.dispatch),
         new BorderClipboardHandler(this.getters, this.model.dispatch),
         new TableClipboardHandler(this.getters, this.model.dispatch),
+        new ConditionalFormatClipboardHandler(this.getters, this.model.dispatch),
     ];
     status = "inactive";
     copiedData;
@@ -47163,6 +47201,13 @@ class PaintFormatStore extends SpreadsheetStore {
             this.highlightStore.unRegister(this);
         });
     }
+    handle(cmd) {
+        switch (cmd.type) {
+            case "PAINT_FORMAT":
+                this.paintFormat(cmd.sheetId, cmd.target);
+                break;
+        }
+    }
     activate(args) {
         this.copiedData = this.copyFormats();
         this.status = args.persistent ? "persistent" : "oneOff";
@@ -47172,18 +47217,7 @@ class PaintFormatStore extends SpreadsheetStore {
         this.copiedData = undefined;
     }
     pasteFormat(target) {
-        if (this.copiedData) {
-            const sheetId = this.getters.getActiveSheetId();
-            for (const handler of this.clipboardHandlers) {
-                handler.paste({ zones: target, sheetId }, this.copiedData, {
-                    isCutOperation: false,
-                    pasteOption: "onlyFormat",
-                });
-            }
-        }
-        if (this.status === "oneOff") {
-            this.cancel();
-        }
+        this.model.dispatch("PAINT_FORMAT", { target, sheetId: this.getters.getActiveSheetId() });
     }
     get isActive() {
         return this.status !== "inactive";
@@ -47197,6 +47231,19 @@ class PaintFormatStore extends SpreadsheetStore {
         }
         return copiedData;
     }
+    paintFormat(sheetId, target) {
+        if (this.copiedData) {
+            for (const handler of this.clipboardHandlers) {
+                handler.paste({ zones: target, sheetId }, this.copiedData, {
+                    isCutOperation: false,
+                    pasteOption: "onlyFormat",
+                });
+            }
+        }
+        if (this.status === "oneOff") {
+            this.cancel();
+        }
+    }
     get highlights() {
         const data = this.copiedData;
         if (!data) {
@@ -55440,7 +55487,7 @@ class PivotCorePlugin extends CorePlugin {
             case "DUPLICATE_PIVOT": {
                 const { pivotId, newPivotId } = cmd;
                 const pivot = deepCopy(this.getPivotCore(pivotId).definition);
-                pivot.name = _t("%s (copy)", pivot.name);
+                pivot.name = cmd.duplicatedPivotName ?? pivot.name + " (copy)";
                 this.addPivot(newPivotId, pivot);
                 break;
             }
@@ -55480,7 +55527,7 @@ class PivotCorePlugin extends CorePlugin {
         return `(#${formulaId}) ${this.getPivotName(pivotId)}`;
     }
     getPivotName(pivotId) {
-        return _t(this.getPivotCore(pivotId).definition.name);
+        return this.getPivotCore(pivotId).definition.name;
     }
     /**
      * Returns the pivot core definition of the pivot with the given id.
@@ -57122,7 +57169,7 @@ class Evaluator {
         cellsToCompute.addMany(arrayFormulasPositions);
         cellsToCompute.addMany(this.getCellsDependingOn(arrayFormulasPositions));
         this.evaluate(cellsToCompute);
-        console.info("evaluate Cells", performance.now() - start, "ms");
+        console.debug("evaluate Cells", performance.now() - start, "ms");
     }
     getArrayFormulasImpactedByChangesOf(positions) {
         const impactedPositions = this.createEmptyPositionSet();
@@ -57166,7 +57213,7 @@ class Evaluator {
         const start = performance.now();
         this.evaluatedCells = new PositionMap();
         this.evaluate(this.getAllCells());
-        console.info("evaluate all cells", performance.now() - start, "ms");
+        console.debug("evaluate all cells", performance.now() - start, "ms");
     }
     evaluateFormulaResult(sheetId, formulaString) {
         const compiledFormula = compile(formulaString);
@@ -60912,7 +60959,7 @@ class Session extends EventBus {
             this.onMessageReceived(message);
         }
         this.isReplayingInitialRevisions = false;
-        console.info("Replayed", numberOfCommands, "commands in", performance.now() - start, "ms");
+        console.debug("Replayed", numberOfCommands, "commands in", performance.now() - start, "ms");
     }
     /**
      * Notify the server that the user client left the collaborative session
@@ -61709,6 +61756,7 @@ class InsertPivotPlugin extends UIPlugin {
         this.dispatch("DUPLICATE_PIVOT", {
             pivotId,
             newPivotId,
+            duplicatedPivotName: _t("%s (copy)", this.getters.getPivotCoreDefinition(pivotId).name),
         });
         const activeSheetId = this.getters.getActiveSheetId();
         const position = this.getters.getSheetIds().indexOf(activeSheetId) + 1;
@@ -66842,10 +66890,9 @@ css /* scss */ `
     user-select: none;
     color: ${TEXT_BODY};
 
-    .o-heading-3 {
+    .o-sidePanelTitle {
       line-height: 20px;
       font-size: 16px;
-      font-weight: 600;
     }
 
     .o-sidePanelHeader {
@@ -66930,6 +66977,10 @@ css /* scss */ `
       }
     }
   }
+
+  .o-fw-bold {
+    font-weight: 500;
+  }
 `;
 class SidePanel extends owl.Component {
     static template = "o-spreadsheet-SidePanel";
@@ -71699,7 +71750,7 @@ class Model extends EventBus {
     coreHandlers = [];
     constructor(data = {}, config = {}, stateUpdateMessages = [], uuidGenerator = new UuidGenerator(), verboseImport = false) {
         const start = performance.now();
-        console.group("Model creation");
+        console.debug("##### Model creation #####");
         super();
         setDefaultTranslationMethod();
         stateUpdateMessages = repairInitialMessages(data, stateUpdateMessages);
@@ -71771,16 +71822,16 @@ class Model extends EventBus {
         this.joinSession();
         if (config.snapshotRequested) {
             const startSnapshot = performance.now();
-            console.info("Snapshot requested");
+            console.debug("Snapshot requested");
             this.session.snapshot(this.exportData());
             this.garbageCollectExternalResources();
-            console.info("Snapshot taken in", performance.now() - startSnapshot, "ms");
+            console.debug("Snapshot taken in", performance.now() - startSnapshot, "ms");
         }
         // mark all models as "raw", so they will not be turned into reactive objects
         // by owl, since we do not rely on reactivity
         owl.markRaw(this);
-        console.info("Model created in", performance.now() - start, "ms");
-        console.groupEnd();
+        console.debug("Model created in", performance.now() - start, "ms");
+        console.debug("######");
     }
     joinSession() {
         this.session.join(this.config.client);
@@ -72004,7 +72055,7 @@ class Model extends EventBus {
                     this.finalize();
                     const time = performance.now() - start;
                     if (time > 5) {
-                        console.info(type, time, "ms");
+                        console.debug(type, time, "ms");
                     }
                 });
                 this.session.save(command, commands, changes);
@@ -72399,6 +72450,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
 
-__info__.version = "18.0.1";
-__info__.date = "2024-10-14T07:54:24.768Z";
-__info__.hash = "1771f68";
+__info__.version = "18.0.2";
+__info__.date = "2024-10-24T08:54:21.934Z";
+__info__.hash = "788df92";