@odoo/o-spreadsheet 18.2.34 → 18.2.36

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.2.34
- * @date 2025-11-12T14:15:32.431Z
- * @hash 9ca0c4c
+ * @version 18.2.36
+ * @date 2025-12-02T05:31:10.558Z
+ * @hash d385099
  */
 
 'use strict';
@@ -3448,7 +3448,6 @@ const invalidateEvaluationCommands = new Set([
     "REDO",
     "ADD_MERGE",
     "REMOVE_MERGE",
-    "DUPLICATE_SHEET",
     "UPDATE_LOCALE",
     "ADD_PIVOT",
     "UPDATE_PIVOT",
@@ -21166,6 +21165,7 @@ class AbstractComposerStore extends SpreadsheetStore {
         }
         this.selectionStart = start;
         this.selectionEnd = end;
+        this.stopComposerRangeSelection();
         this.computeFormulaCursorContext();
         this.computeParenthesisRelatedToCursor();
     }
@@ -22210,7 +22210,6 @@ function insertTokenAfterArgSeparator(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
-    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -22228,7 +22227,6 @@ function insertTokenAfterLeftParenthesis(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
-    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -23354,29 +23352,34 @@ function chartToImage(runtime, figure, type) {
     canvas.setAttribute("height", figure.height.toString());
     // we have to add the canvas to the DOM otherwise it won't be rendered
     document.body.append(div);
+    let imgContent = undefined;
     if ("chartJsConfig" in runtime) {
+        const extensionsLoaded = areChartJSExtensionsLoaded();
+        if (!extensionsLoaded) {
+            registerChartJSExtensions();
+        }
         const config = deepCopy(runtime.chartJsConfig);
         config.plugins = [backgroundColorChartJSPlugin];
         const chart = new window.Chart(canvas, config);
-        const imgContent = chart.toBase64Image();
+        imgContent = chart.toBase64Image();
         chart.destroy();
         div.remove();
-        return imgContent;
+        if (!extensionsLoaded) {
+            unregisterChartJsExtensions();
+        }
     }
     else if (type === "scorecard") {
         const design = getScorecardConfiguration(figure, runtime);
         drawScoreChart(design, canvas);
-        const imgContent = canvas.toDataURL();
+        imgContent = canvas.toDataURL();
         div.remove();
-        return imgContent;
     }
     else if (type === "gauge") {
         drawGaugeChart(canvas, runtime);
-        const imgContent = canvas.toDataURL();
+        imgContent = canvas.toDataURL();
         div.remove();
-        return imgContent;
     }
-    return undefined;
+    return imgContent;
 }
 /**
  * Custom chart.js plugin to set the background color of the canvas
@@ -41385,7 +41388,6 @@ class Composer extends owl.Component {
             return;
         }
         const newSelection = this.contentHelper.getCurrentSelection();
-        this.props.composerStore.stopComposerRangeSelection();
         this.props.onComposerContentFocused();
         this.props.composerStore.changeComposerCursorSelection(newSelection.start, newSelection.end);
         this.processTokenAtCursor();
@@ -47514,7 +47516,6 @@ const dateGranularities = [
 pivotRegistry.add("SPREADSHEET", {
     ui: SpreadsheetPivot,
     definition: SpreadsheetPivotRuntimeDefinition,
-    externalData: false,
     dateGranularities: [...dateGranularities],
     datetimeGranularities: [...dateGranularities, "hour_number", "minute_number", "second_number"],
     isMeasureCandidate: (field) => field.type !== "boolean",
@@ -51374,7 +51375,10 @@ class AbstractResizer extends owl.Component {
         this.state.waitingForMove = false;
     }
     onMouseMove(ev) {
-        if (this.state.isResizing || this.state.isMoving || this.state.isSelecting) {
+        if (this.env.model.getters.isReadonly() ||
+            this.state.isResizing ||
+            this.state.isMoving ||
+            this.state.isSelecting) {
             return;
         }
         this._computeHandleDisplay(ev);
@@ -51427,6 +51431,10 @@ class AbstractResizer extends owl.Component {
         if (index < 0) {
             return;
         }
+        if (this.env.model.getters.isReadonly()) {
+            this._selectElement(index, false);
+            return;
+        }
         if (this.state.waitingForMove) {
             if (!this.env.model.getters.isGridSelectionActive()) {
                 this._selectElement(index, false);
@@ -53128,24 +53136,24 @@ const DEFAULT_SIDE_PANEL_SIZE = 350;
 const MIN_SHEET_VIEW_WIDTH = 150;
 class SidePanelStore extends SpreadsheetStore {
     mutators = ["open", "toggle", "close", "changePanelSize", "resetPanelSize"];
-    initialPanelProps = {};
+    currentPanelProps = {};
     componentTag = "";
     panelSize = DEFAULT_SIDE_PANEL_SIZE;
     get isOpen() {
         if (!this.componentTag) {
             return false;
         }
-        return this.computeState(this.componentTag, this.initialPanelProps).isOpen;
+        return this.computeState(this.componentTag, this.currentPanelProps).isOpen;
     }
     get panelProps() {
-        const state = this.computeState(this.componentTag, this.initialPanelProps);
+        const state = this.computeState(this.componentTag, this.currentPanelProps);
         if (state.isOpen) {
             return state.props ?? {};
         }
         return {};
     }
     get panelKey() {
-        const state = this.computeState(this.componentTag, this.initialPanelProps);
+        const state = this.computeState(this.componentTag, this.currentPanelProps);
         if (state.isOpen) {
             return state.key;
         }
@@ -53157,10 +53165,10 @@ class SidePanelStore extends SpreadsheetStore {
             return;
         }
         if (this.isOpen && componentTag !== this.componentTag) {
-            this.initialPanelProps?.onCloseSidePanel?.();
+            this.currentPanelProps?.onCloseSidePanel?.();
         }
         this.componentTag = componentTag;
-        this.initialPanelProps = state.props ?? {};
+        this.currentPanelProps = state.props ?? {};
     }
     toggle(componentTag, panelProps) {
         if (this.isOpen && componentTag === this.componentTag) {
@@ -53171,8 +53179,8 @@ class SidePanelStore extends SpreadsheetStore {
         }
     }
     close() {
-        this.initialPanelProps.onCloseSidePanel?.();
-        this.initialPanelProps = {};
+        this.currentPanelProps.onCloseSidePanel?.();
+        this.currentPanelProps = {};
         this.componentTag = "";
     }
     changePanelSize(size, spreadsheetElWidth) {
@@ -53198,7 +53206,11 @@ class SidePanelStore extends SpreadsheetStore {
             };
         }
         else {
-            return customComputeState(this.getters, panelProps);
+            const state = customComputeState(this.getters, panelProps);
+            if (state.isOpen) {
+                this.currentPanelProps = state.props ?? this.currentPanelProps;
+            }
+            return state;
         }
     }
 }
@@ -60001,10 +60013,17 @@ class PivotCorePlugin extends CorePlugin {
             if (!pivot) {
                 continue;
             }
-            for (const measure of pivot.definition.measures) {
+            const def = deepCopy(pivot.definition);
+            for (const measure of def.measures) {
                 if (measure.computedBy?.formula === formulaString) {
-                    const measureIndex = pivot.definition.measures.indexOf(measure);
-                    this.history.update("pivots", pivotId, "definition", "measures", measureIndex, "computedBy", { formula: newFormulaString, sheetId });
+                    const measureIndex = def.measures.indexOf(measure);
+                    if (measureIndex !== -1) {
+                        def.measures[measureIndex].computedBy = {
+                            formula: newFormulaString,
+                            sheetId,
+                        };
+                    }
+                    this.dispatch("UPDATE_PIVOT", { pivotId, pivot: def });
                 }
             }
         }
@@ -60157,6 +60176,9 @@ class SpreadsheetPivotCorePlugin extends CorePlugin {
                 const { sheetId, zone } = definition.dataSet;
                 const range = this.getters.getRangeFromZone(sheetId, zone);
                 const adaptedRange = adaptPivotRange(range, applyChange);
+                if (adaptedRange === range) {
+                    return;
+                }
                 const dataSet = adaptedRange && {
                     sheetId: adaptedRange.sheetId,
                     zone: adaptedRange.zone,
@@ -63879,9 +63901,7 @@ class PivotUIPlugin extends CoreViewPlugin {
     handle(cmd) {
         if (invalidateEvaluationCommands.has(cmd.type)) {
             for (const pivotId of this.getters.getPivotIds()) {
-                if (!pivotRegistry.get(this.getters.getPivotCoreDefinition(pivotId).type).externalData) {
-                    this.setupPivot(pivotId, { recreate: true });
-                }
+                this.setupPivot(pivotId, { recreate: true });
             }
         }
         switch (cmd.type) {
@@ -64082,7 +64102,7 @@ class PivotUIPlugin extends CoreViewPlugin {
         pivot.init({ reload: true });
     }
     setupPivot(pivotId, { recreate } = { recreate: false }) {
-        const definition = this.getters.getPivotCoreDefinition(pivotId);
+        const definition = deepCopy(this.getters.getPivotCoreDefinition(pivotId));
         if (!(pivotId in this.pivots)) {
             const Pivot = withPivotPresentationLayer(pivotRegistry.get(definition.type).ui);
             this.pivots[pivotId] = new Pivot(this.custom, { definition, getters: this.getters });
@@ -72680,7 +72700,7 @@ css /* scss */ `
     border-radius: 4px;
     font-weight: 500;
     font-size: 14px;
-    height: 32px;
+    min-height: 32px;
     line-height: 16px;
     flex-grow: 1;
     background-color: ${BUTTON_BG};
@@ -77385,6 +77405,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
 
-__info__.version = "18.2.34";
-__info__.date = "2025-11-12T14:15:32.431Z";
-__info__.hash = "9ca0c4c";
+__info__.version = "18.2.36";
+__info__.date = "2025-12-02T05:31:10.558Z";
+__info__.hash = "d385099";

package/dist/o-spreadsheet.d.ts

@@ -6363,7 +6363,6 @@ type PivotDefinitionConstructor = new (definition: PivotCoreDefinition, fields:
 interface PivotRegistryItem {
     ui: PivotUIConstructor;
     definition: PivotDefinitionConstructor;
-    externalData: boolean;
     dateGranularities: string[];
     datetimeGranularities: string[];
     isMeasureCandidate: (field: PivotField) => boolean;
@@ -8658,7 +8657,7 @@ interface ClosedSidePanel {
 type SidePanelState = OpenSidePanel | ClosedSidePanel;
 declare class SidePanelStore extends SpreadsheetStore {
     mutators: readonly ["open", "toggle", "close", "changePanelSize", "resetPanelSize"];
-    initialPanelProps: SidePanelProps;
+    currentPanelProps: SidePanelProps;
     componentTag: string;
     panelSize: number;
     get isOpen(): boolean;

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.2.34
- * @date 2025-11-12T14:15:32.431Z
- * @hash 9ca0c4c
+ * @version 18.2.36
+ * @date 2025-12-02T05:31:10.558Z
+ * @hash d385099
  */
 
 import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, App, blockDom, useState, onPatched, onWillPatch, onWillUpdateProps, useExternalListener, onWillStart, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
@@ -3446,7 +3446,6 @@ const invalidateEvaluationCommands = new Set([
     "REDO",
     "ADD_MERGE",
     "REMOVE_MERGE",
-    "DUPLICATE_SHEET",
     "UPDATE_LOCALE",
     "ADD_PIVOT",
     "UPDATE_PIVOT",
@@ -21164,6 +21163,7 @@ class AbstractComposerStore extends SpreadsheetStore {
         }
         this.selectionStart = start;
         this.selectionEnd = end;
+        this.stopComposerRangeSelection();
         this.computeFormulaCursorContext();
         this.computeParenthesisRelatedToCursor();
     }
@@ -22208,7 +22208,6 @@ function insertTokenAfterArgSeparator(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
-    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -22226,7 +22225,6 @@ function insertTokenAfterLeftParenthesis(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
-    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -23352,29 +23350,34 @@ function chartToImage(runtime, figure, type) {
     canvas.setAttribute("height", figure.height.toString());
     // we have to add the canvas to the DOM otherwise it won't be rendered
     document.body.append(div);
+    let imgContent = undefined;
     if ("chartJsConfig" in runtime) {
+        const extensionsLoaded = areChartJSExtensionsLoaded();
+        if (!extensionsLoaded) {
+            registerChartJSExtensions();
+        }
         const config = deepCopy(runtime.chartJsConfig);
         config.plugins = [backgroundColorChartJSPlugin];
         const chart = new window.Chart(canvas, config);
-        const imgContent = chart.toBase64Image();
+        imgContent = chart.toBase64Image();
         chart.destroy();
         div.remove();
-        return imgContent;
+        if (!extensionsLoaded) {
+            unregisterChartJsExtensions();
+        }
     }
     else if (type === "scorecard") {
         const design = getScorecardConfiguration(figure, runtime);
         drawScoreChart(design, canvas);
-        const imgContent = canvas.toDataURL();
+        imgContent = canvas.toDataURL();
         div.remove();
-        return imgContent;
     }
     else if (type === "gauge") {
         drawGaugeChart(canvas, runtime);
-        const imgContent = canvas.toDataURL();
+        imgContent = canvas.toDataURL();
         div.remove();
-        return imgContent;
     }
-    return undefined;
+    return imgContent;
 }
 /**
  * Custom chart.js plugin to set the background color of the canvas
@@ -41383,7 +41386,6 @@ class Composer extends Component {
             return;
         }
         const newSelection = this.contentHelper.getCurrentSelection();
-        this.props.composerStore.stopComposerRangeSelection();
         this.props.onComposerContentFocused();
         this.props.composerStore.changeComposerCursorSelection(newSelection.start, newSelection.end);
         this.processTokenAtCursor();
@@ -47512,7 +47514,6 @@ const dateGranularities = [
 pivotRegistry.add("SPREADSHEET", {
     ui: SpreadsheetPivot,
     definition: SpreadsheetPivotRuntimeDefinition,
-    externalData: false,
     dateGranularities: [...dateGranularities],
     datetimeGranularities: [...dateGranularities, "hour_number", "minute_number", "second_number"],
     isMeasureCandidate: (field) => field.type !== "boolean",
@@ -51372,7 +51373,10 @@ class AbstractResizer extends Component {
         this.state.waitingForMove = false;
     }
     onMouseMove(ev) {
-        if (this.state.isResizing || this.state.isMoving || this.state.isSelecting) {
+        if (this.env.model.getters.isReadonly() ||
+            this.state.isResizing ||
+            this.state.isMoving ||
+            this.state.isSelecting) {
             return;
         }
         this._computeHandleDisplay(ev);
@@ -51425,6 +51429,10 @@ class AbstractResizer extends Component {
         if (index < 0) {
             return;
         }
+        if (this.env.model.getters.isReadonly()) {
+            this._selectElement(index, false);
+            return;
+        }
         if (this.state.waitingForMove) {
             if (!this.env.model.getters.isGridSelectionActive()) {
                 this._selectElement(index, false);
@@ -53126,24 +53134,24 @@ const DEFAULT_SIDE_PANEL_SIZE = 350;
 const MIN_SHEET_VIEW_WIDTH = 150;
 class SidePanelStore extends SpreadsheetStore {
     mutators = ["open", "toggle", "close", "changePanelSize", "resetPanelSize"];
-    initialPanelProps = {};
+    currentPanelProps = {};
     componentTag = "";
     panelSize = DEFAULT_SIDE_PANEL_SIZE;
     get isOpen() {
         if (!this.componentTag) {
             return false;
         }
-        return this.computeState(this.componentTag, this.initialPanelProps).isOpen;
+        return this.computeState(this.componentTag, this.currentPanelProps).isOpen;
     }
     get panelProps() {
-        const state = this.computeState(this.componentTag, this.initialPanelProps);
+        const state = this.computeState(this.componentTag, this.currentPanelProps);
         if (state.isOpen) {
             return state.props ?? {};
         }
         return {};
     }
     get panelKey() {
-        const state = this.computeState(this.componentTag, this.initialPanelProps);
+        const state = this.computeState(this.componentTag, this.currentPanelProps);
         if (state.isOpen) {
             return state.key;
         }
@@ -53155,10 +53163,10 @@ class SidePanelStore extends SpreadsheetStore {
             return;
         }
         if (this.isOpen && componentTag !== this.componentTag) {
-            this.initialPanelProps?.onCloseSidePanel?.();
+            this.currentPanelProps?.onCloseSidePanel?.();
         }
         this.componentTag = componentTag;
-        this.initialPanelProps = state.props ?? {};
+        this.currentPanelProps = state.props ?? {};
     }
     toggle(componentTag, panelProps) {
         if (this.isOpen && componentTag === this.componentTag) {
@@ -53169,8 +53177,8 @@ class SidePanelStore extends SpreadsheetStore {
         }
     }
     close() {
-        this.initialPanelProps.onCloseSidePanel?.();
-        this.initialPanelProps = {};
+        this.currentPanelProps.onCloseSidePanel?.();
+        this.currentPanelProps = {};
         this.componentTag = "";
     }
     changePanelSize(size, spreadsheetElWidth) {
@@ -53196,7 +53204,11 @@ class SidePanelStore extends SpreadsheetStore {
             };
         }
         else {
-            return customComputeState(this.getters, panelProps);
+            const state = customComputeState(this.getters, panelProps);
+            if (state.isOpen) {
+                this.currentPanelProps = state.props ?? this.currentPanelProps;
+            }
+            return state;
         }
     }
 }
@@ -59999,10 +60011,17 @@ class PivotCorePlugin extends CorePlugin {
             if (!pivot) {
                 continue;
             }
-            for (const measure of pivot.definition.measures) {
+            const def = deepCopy(pivot.definition);
+            for (const measure of def.measures) {
                 if (measure.computedBy?.formula === formulaString) {
-                    const measureIndex = pivot.definition.measures.indexOf(measure);
-                    this.history.update("pivots", pivotId, "definition", "measures", measureIndex, "computedBy", { formula: newFormulaString, sheetId });
+                    const measureIndex = def.measures.indexOf(measure);
+                    if (measureIndex !== -1) {
+                        def.measures[measureIndex].computedBy = {
+                            formula: newFormulaString,
+                            sheetId,
+                        };
+                    }
+                    this.dispatch("UPDATE_PIVOT", { pivotId, pivot: def });
                 }
             }
         }
@@ -60155,6 +60174,9 @@ class SpreadsheetPivotCorePlugin extends CorePlugin {
                 const { sheetId, zone } = definition.dataSet;
                 const range = this.getters.getRangeFromZone(sheetId, zone);
                 const adaptedRange = adaptPivotRange(range, applyChange);
+                if (adaptedRange === range) {
+                    return;
+                }
                 const dataSet = adaptedRange && {
                     sheetId: adaptedRange.sheetId,
                     zone: adaptedRange.zone,
@@ -63877,9 +63899,7 @@ class PivotUIPlugin extends CoreViewPlugin {
     handle(cmd) {
         if (invalidateEvaluationCommands.has(cmd.type)) {
             for (const pivotId of this.getters.getPivotIds()) {
-                if (!pivotRegistry.get(this.getters.getPivotCoreDefinition(pivotId).type).externalData) {
-                    this.setupPivot(pivotId, { recreate: true });
-                }
+                this.setupPivot(pivotId, { recreate: true });
             }
         }
         switch (cmd.type) {
@@ -64080,7 +64100,7 @@ class PivotUIPlugin extends CoreViewPlugin {
         pivot.init({ reload: true });
     }
     setupPivot(pivotId, { recreate } = { recreate: false }) {
-        const definition = this.getters.getPivotCoreDefinition(pivotId);
+        const definition = deepCopy(this.getters.getPivotCoreDefinition(pivotId));
         if (!(pivotId in this.pivots)) {
             const Pivot = withPivotPresentationLayer(pivotRegistry.get(definition.type).ui);
             this.pivots[pivotId] = new Pivot(this.custom, { definition, getters: this.getters });
@@ -72678,7 +72698,7 @@ css /* scss */ `
     border-radius: 4px;
     font-weight: 500;
     font-size: 14px;
-    height: 32px;
+    min-height: 32px;
     line-height: 16px;
     flex-grow: 1;
     background-color: ${BUTTON_BG};
@@ -77338,6 +77358,6 @@ const chartHelpers = { ...CHART_HELPERS, ...CHART_RUNTIME_HELPERS };
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, CommandResult, CorePlugin, CoreViewPlugin, DispatchResult, EvaluationError, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, chartHelpers, 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.2.34";
-__info__.date = "2025-11-12T14:15:32.431Z";
-__info__.hash = "9ca0c4c";
+__info__.version = "18.2.36";
+__info__.date = "2025-12-02T05:31:10.558Z";
+__info__.hash = "d385099";