@odoo/o-spreadsheet 18.3.26 → 18.3.28

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.3.26
- * @date 2025-11-12T14:15:33.133Z
- * @hash f31a752
+ * @version 18.3.28
+ * @date 2025-12-02T05:34:06.602Z
+ * @hash a205f91
  */
 
 'use strict';
@@ -3469,7 +3469,6 @@ const invalidateEvaluationCommands = new Set([
     "REDO",
     "ADD_MERGE",
     "REMOVE_MERGE",
-    "DUPLICATE_SHEET",
     "UPDATE_LOCALE",
     "ADD_PIVOT",
     "UPDATE_PIVOT",
@@ -22991,6 +22990,7 @@ class AbstractComposerStore extends SpreadsheetStore {
         }
         this.selectionStart = start;
         this.selectionEnd = end;
+        this.stopComposerRangeSelection();
         this.computeFormulaCursorContext();
         this.computeParenthesisRelatedToCursor();
     }
@@ -23728,7 +23728,6 @@ function insertTokenAfterArgSeparator(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
-    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -23746,7 +23745,6 @@ function insertTokenAfterLeftParenthesis(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
-    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -24874,11 +24872,18 @@ function chartToImageUrl(runtime, figure, type) {
     // we have to add the canvas to the DOM otherwise it won't be rendered
     document.body.append(div);
     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);
         imageContent = chart.toBase64Image();
         chart.destroy();
+        if (!extensionsLoaded) {
+            unregisterChartJsExtensions();
+        }
     }
     else if (type === "scorecard") {
         const design = getScorecardConfiguration(figure, runtime);
@@ -24908,11 +24913,18 @@ async function chartToImageFile(runtime, figure, type) {
     document.body.append(div);
     let chartBlob = null;
     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);
         chartBlob = await new Promise((resolve) => canvas.toBlob(resolve, "image/png"));
         chart.destroy();
+        if (!extensionsLoaded) {
+            unregisterChartJsExtensions();
+        }
     }
     else if (type === "scorecard") {
         const design = getScorecardConfiguration(figure, runtime);
@@ -43887,7 +43899,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();
@@ -50263,7 +50274,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",
@@ -54347,7 +54357,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);
@@ -54400,6 +54413,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);
@@ -56106,24 +56123,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;
         }
@@ -56135,10 +56152,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) {
@@ -56149,8 +56166,8 @@ class SidePanelStore extends SpreadsheetStore {
         }
     }
     close() {
-        this.initialPanelProps.onCloseSidePanel?.();
-        this.initialPanelProps = {};
+        this.currentPanelProps.onCloseSidePanel?.();
+        this.currentPanelProps = {};
         this.componentTag = "";
     }
     changePanelSize(size, spreadsheetElWidth) {
@@ -56176,7 +56193,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;
         }
     }
 }
@@ -62917,10 +62938,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 });
                 }
             }
         }
@@ -63081,6 +63109,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,
@@ -66820,9 +66851,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) {
@@ -67023,7 +67052,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 });
@@ -76344,7 +76373,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};
@@ -81069,6 +81098,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
 
-__info__.version = "18.3.26";
-__info__.date = "2025-11-12T14:15:33.133Z";
-__info__.hash = "f31a752";
+__info__.version = "18.3.28";
+__info__.date = "2025-12-02T05:34:06.602Z";
+__info__.hash = "a205f91";

package/dist/o-spreadsheet.d.ts

@@ -6612,7 +6612,6 @@ type PivotDefinitionConstructor = new (definition: PivotCoreDefinition, fields:
 interface PivotRegistryItem {
     ui: PivotUIConstructor;
     definition: PivotDefinitionConstructor;
-    externalData: boolean;
     dateGranularities: string[];
     datetimeGranularities: string[];
     isMeasureCandidate: (field: PivotField) => boolean;
@@ -8901,7 +8900,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.3.26
- * @date 2025-11-12T14:15:33.133Z
- * @hash f31a752
+ * @version 18.3.28
+ * @date 2025-12-02T05:34:06.602Z
+ * @hash a205f91
  */
 
 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';
@@ -3467,7 +3467,6 @@ const invalidateEvaluationCommands = new Set([
     "REDO",
     "ADD_MERGE",
     "REMOVE_MERGE",
-    "DUPLICATE_SHEET",
     "UPDATE_LOCALE",
     "ADD_PIVOT",
     "UPDATE_PIVOT",
@@ -22989,6 +22988,7 @@ class AbstractComposerStore extends SpreadsheetStore {
         }
         this.selectionStart = start;
         this.selectionEnd = end;
+        this.stopComposerRangeSelection();
         this.computeFormulaCursorContext();
         this.computeParenthesisRelatedToCursor();
     }
@@ -23726,7 +23726,6 @@ function insertTokenAfterArgSeparator(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
-    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -23744,7 +23743,6 @@ function insertTokenAfterLeftParenthesis(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
-    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -24872,11 +24870,18 @@ function chartToImageUrl(runtime, figure, type) {
     // we have to add the canvas to the DOM otherwise it won't be rendered
     document.body.append(div);
     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);
         imageContent = chart.toBase64Image();
         chart.destroy();
+        if (!extensionsLoaded) {
+            unregisterChartJsExtensions();
+        }
     }
     else if (type === "scorecard") {
         const design = getScorecardConfiguration(figure, runtime);
@@ -24906,11 +24911,18 @@ async function chartToImageFile(runtime, figure, type) {
     document.body.append(div);
     let chartBlob = null;
     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);
         chartBlob = await new Promise((resolve) => canvas.toBlob(resolve, "image/png"));
         chart.destroy();
+        if (!extensionsLoaded) {
+            unregisterChartJsExtensions();
+        }
     }
     else if (type === "scorecard") {
         const design = getScorecardConfiguration(figure, runtime);
@@ -43885,7 +43897,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();
@@ -50261,7 +50272,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",
@@ -54345,7 +54355,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);
@@ -54398,6 +54411,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);
@@ -56104,24 +56121,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;
         }
@@ -56133,10 +56150,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) {
@@ -56147,8 +56164,8 @@ class SidePanelStore extends SpreadsheetStore {
         }
     }
     close() {
-        this.initialPanelProps.onCloseSidePanel?.();
-        this.initialPanelProps = {};
+        this.currentPanelProps.onCloseSidePanel?.();
+        this.currentPanelProps = {};
         this.componentTag = "";
     }
     changePanelSize(size, spreadsheetElWidth) {
@@ -56174,7 +56191,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;
         }
     }
 }
@@ -62915,10 +62936,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 });
                 }
             }
         }
@@ -63079,6 +63107,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,
@@ -66818,9 +66849,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) {
@@ -67021,7 +67050,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 });
@@ -76342,7 +76371,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};
@@ -81021,6 +81050,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, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
 
-__info__.version = "18.3.26";
-__info__.date = "2025-11-12T14:15:33.133Z";
-__info__.hash = "f31a752";
+__info__.version = "18.3.28";
+__info__.date = "2025-12-02T05:34:06.602Z";
+__info__.hash = "a205f91";