@odoo/o-spreadsheet 18.4.17 → 18.4.19

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.4.17
- * @date 2025-11-12T14:15:30.592Z
- * @hash a8ebab8
+ * @version 18.4.19
+ * @date 2025-12-02T05:34:03.902Z
+ * @hash 95b1252
  */
 
 import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, App, blockDom, useState, onPatched, useExternalListener, onWillUpdateProps, onWillStart, onWillPatch, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
@@ -2613,7 +2613,6 @@ const invalidateEvaluationCommands = new Set([
     "REDO",
     "ADD_MERGE",
     "REMOVE_MERGE",
-    "DUPLICATE_SHEET",
     "UPDATE_LOCALE",
     "ADD_PIVOT",
     "UPDATE_PIVOT",
@@ -18541,7 +18540,7 @@ function getTokenNextReferenceType(xc) {
 function setXcToFixedReferenceType(xc, referenceType) {
     let sheetName;
     ({ sheetName, xc } = splitReference(xc));
-    sheetName = sheetName ? sheetName + "!" : "";
+    sheetName = sheetName ? getCanonicalSymbolName(sheetName) + "!" : "";
     xc = xc.replace(/\$/g, "");
     const splitIndex = xc.indexOf(":");
     if (splitIndex >= 0) {
@@ -22582,6 +22581,9 @@ function getTreeMapGroupColors(definition, tree) {
     }));
 }
 function getTreeMapColorScale(tree, coloringOption) {
+    if (tree.length === 0) {
+        return undefined;
+    }
     const treeNodesByLevel = pyramidizeTree(tree);
     const nodes = treeNodesByLevel[treeNodesByLevel.length - 1];
     const minValue = Math.min(...nodes.map((node) => node.value));
@@ -24251,11 +24253,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);
@@ -24285,11 +24294,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);
@@ -32642,6 +32658,7 @@ class AbstractComposerStore extends SpreadsheetStore {
         }
         this.selectionStart = start;
         this.selectionEnd = end;
+        this.stopComposerRangeSelection();
         this.computeFormulaCursorContext();
         this.computeParenthesisRelatedToCursor();
         this.updateAutoCompleteProvider();
@@ -33317,10 +33334,13 @@ class AbstractComposerStore extends SpreadsheetStore {
     hideHelp() {
         this.autoComplete.hide();
     }
-    autoCompleteOrStop(direction) {
+    autoCompleteOrStop(direction, assistantForcedClosed = false) {
         if (this.editionMode !== "inactive") {
             const autoComplete = this.autoComplete;
-            if (autoComplete.provider && autoComplete.selectedIndex !== undefined) {
+            const suppressAutocomplete = assistantForcedClosed && this.canBeToggled;
+            if (!suppressAutocomplete &&
+                autoComplete.provider &&
+                autoComplete.selectedIndex !== undefined) {
                 const autoCompleteValue = autoComplete.provider.proposals[autoComplete.selectedIndex]?.text;
                 if (autoCompleteValue) {
                     this.autoComplete.provider?.selectProposal(autoCompleteValue);
@@ -33543,7 +33563,8 @@ class Composer extends Component {
                 assistantStyle["max-height"] = `${availableSpaceAbove - CLOSE_ICON_RADIUS}px`;
                 // render top
                 // We compensate 2 px of margin on the assistant style + 1px for design reasons
-                assistantStyle.transform = `translate(0, calc(-100% - ${cellHeight + 3}px))`;
+                assistantStyle.top = `-3px`;
+                assistantStyle.transform = `translate(0, -100%)`;
             }
             if (cellX + ASSISTANT_WIDTH > this.props.delimitation.width) {
                 // render left
@@ -33663,16 +33684,12 @@ class Composer extends Component {
     processTabKey(ev, direction) {
         ev.preventDefault();
         ev.stopPropagation();
-        if (!this.assistant.forcedClosed) {
-            this.props.composerStore.autoCompleteOrStop(direction);
-        }
+        this.props.composerStore.autoCompleteOrStop(direction, this.assistant.forcedClosed);
     }
     processEnterKey(ev, direction) {
         ev.preventDefault();
         ev.stopPropagation();
-        if (!this.assistant.forcedClosed) {
-            this.props.composerStore.autoCompleteOrStop(direction);
-        }
+        this.props.composerStore.autoCompleteOrStop(direction, this.assistant.forcedClosed);
     }
     processNewLineEvent(ev) {
         ev.preventDefault();
@@ -33848,7 +33865,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();
@@ -47369,10 +47385,11 @@ class AbstractResizer extends Component {
         this.state.waitingForMove = false;
     }
     onMouseMove(ev) {
-        if (this.env.isMobile()) {
-            return;
-        }
-        if (this.state.isResizing || this.state.isMoving || this.state.isSelecting) {
+        if (this.env.isMobile() ||
+            this.env.model.getters.isReadonly() ||
+            this.state.isResizing ||
+            this.state.isMoving ||
+            this.state.isSelecting) {
             return;
         }
         this._computeHandleDisplay(ev);
@@ -47439,6 +47456,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);
@@ -48799,7 +48820,7 @@ const friction = 0.95;
 const verticalScrollFactor = 1;
 const horizontalScrollFactor = 1;
 const resetTimeoutDuration = 100;
-function useTouchScroll(ref, updateScroll, canMoveUp) {
+function useTouchScroll(ref, updateScroll, canMoveUp, canMoveDown) {
     let lastX = 0;
     let lastY = 0;
     let velocityX = 0;
@@ -48836,7 +48857,7 @@ function useTouchScroll(ref, updateScroll, canMoveUp) {
         lastX = clientX;
         lastY = clientY;
         lastTime = currentTime;
-        if (canMoveUp()) {
+        if ((deltaY < 0 && canMoveUp()) || (deltaY > 0 && canMoveDown())) {
             if (event.cancelable) {
                 event.preventDefault();
             }
@@ -54736,7 +54757,6 @@ function insertTokenAfterArgSeparator(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
-    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -54754,7 +54774,6 @@ function insertTokenAfterLeftParenthesis(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
-    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -56037,7 +56056,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",
@@ -57453,6 +57471,7 @@ class SidePanelStore extends SpreadsheetStore {
     getPanelProps(panelInfo) {
         const state = this.computeState(panelInfo);
         if (state.isOpen) {
+            panelInfo.currentPanelProps = state.props ?? panelInfo.currentPanelProps;
             return state.props ?? {};
         }
         return {};
@@ -57464,11 +57483,11 @@ class SidePanelStore extends SpreadsheetStore {
         }
         return undefined;
     }
-    open(componentTag, initialPanelProps = {}) {
+    open(componentTag, currentPanelProps = {}) {
         if (this.screenWidthStore.isSmall) {
             return;
         }
-        const newPanelInfo = { initialPanelProps, componentTag, size: DEFAULT_SIDE_PANEL_SIZE };
+        const newPanelInfo = { currentPanelProps, componentTag, size: DEFAULT_SIDE_PANEL_SIZE };
         const state = this.computeState(newPanelInfo);
         if (!state.isOpen) {
             return;
@@ -57492,8 +57511,8 @@ class SidePanelStore extends SpreadsheetStore {
         }
         this._openPanel("secondaryPanel", newPanelInfo, state);
     }
-    replace(componentTag, currentPanelKey, initialPanelProps = {}) {
-        const newPanelInfo = { initialPanelProps, componentTag, size: DEFAULT_SIDE_PANEL_SIZE };
+    replace(componentTag, currentPanelKey, currentPanelProps = {}) {
+        const newPanelInfo = { currentPanelProps, componentTag, size: DEFAULT_SIDE_PANEL_SIZE };
         const state = this.computeState(newPanelInfo);
         if (!state.isOpen) {
             return;
@@ -57523,10 +57542,10 @@ class SidePanelStore extends SpreadsheetStore {
     _openPanel(panel, newPanel, state) {
         const currentPanel = this[panel];
         if (currentPanel && newPanel.componentTag !== currentPanel.componentTag) {
-            currentPanel.initialPanelProps?.onCloseSidePanel?.();
+            currentPanel.currentPanelProps?.onCloseSidePanel?.();
         }
         this[panel] = {
-            initialPanelProps: state.props ?? {},
+            currentPanelProps: state.props ?? {},
             componentTag: newPanel.componentTag,
             size: currentPanel?.size || DEFAULT_SIDE_PANEL_SIZE,
             isCollapsed: currentPanel?.isCollapsed || false,
@@ -57548,16 +57567,16 @@ class SidePanelStore extends SpreadsheetStore {
     close() {
         if (this.mainPanel?.isPinned) {
             if (this.secondaryPanel) {
-                this.secondaryPanel.initialPanelProps.onCloseSidePanel?.();
+                this.secondaryPanel.currentPanelProps.onCloseSidePanel?.();
                 this.secondaryPanel = undefined;
             }
             return;
         }
-        this.mainPanel?.initialPanelProps.onCloseSidePanel?.();
+        this.mainPanel?.currentPanelProps.onCloseSidePanel?.();
         this.mainPanel = undefined;
     }
     closeMainPanel() {
-        this.mainPanel?.initialPanelProps.onCloseSidePanel?.();
+        this.mainPanel?.currentPanelProps.onCloseSidePanel?.();
         this.mainPanel = this.secondaryPanel || undefined;
         this.secondaryPanel = undefined;
     }
@@ -57589,7 +57608,7 @@ class SidePanelStore extends SpreadsheetStore {
         }
         this.mainPanel.isPinned = !this.mainPanel.isPinned;
         if (!this.mainPanel.isPinned && this.secondaryPanel) {
-            this.secondaryPanel?.initialPanelProps.onCloseSidePanel?.();
+            this.secondaryPanel?.currentPanelProps.onCloseSidePanel?.();
             this.mainPanel = this.secondaryPanel;
             this.secondaryPanel = undefined;
         }
@@ -57608,7 +57627,7 @@ class SidePanelStore extends SpreadsheetStore {
             panelInfo.size = COLLAPSED_SIDE_PANEL_SIZE;
         }
     }
-    computeState({ componentTag, initialPanelProps }) {
+    computeState({ componentTag, currentPanelProps: initialPanelProps, }) {
         const customComputeState = sidePanelRegistry.get(componentTag).computeState;
         const state = customComputeState
             ? customComputeState(this.getters, initialPanelProps)
@@ -57618,7 +57637,7 @@ class SidePanelStore extends SpreadsheetStore {
     changeSpreadsheetWidth(width) {
         this.availableWidth = width - MIN_SHEET_VIEW_WIDTH;
         if (this.secondaryPanel && width - this.totalPanelSize < MIN_SHEET_VIEW_WIDTH) {
-            this.secondaryPanel?.initialPanelProps.onCloseSidePanel?.();
+            this.secondaryPanel?.currentPanelProps.onCloseSidePanel?.();
             this.secondaryPanel = undefined;
         }
         if (this.mainPanel && width - this.totalPanelSize < MIN_SHEET_VIEW_WIDTH) {
@@ -57778,6 +57797,10 @@ class Grid extends Component {
         useTouchScroll(this.gridRef, this.moveCanvas.bind(this), () => {
             const { scrollY } = this.env.model.getters.getActiveSheetScrollInfo();
             return scrollY > 0;
+        }, () => {
+            const { maxOffsetY } = this.env.model.getters.getMaximumSheetOffset();
+            const { scrollY } = this.env.model.getters.getActiveSheetScrollInfo();
+            return scrollY < maxOffsetY;
         });
     }
     get highlights() {
@@ -64426,10 +64449,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 });
                 }
             }
         }
@@ -64567,6 +64597,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,
@@ -68572,9 +68605,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) {
@@ -68782,7 +68813,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 });
@@ -74999,6 +75030,7 @@ class SheetViewPlugin extends UIPlugin {
         "getFigureUI",
         "getPositionAnchorOffset",
         "getGridOffset",
+        "getMaximumSheetOffset",
     ];
     viewports = {};
     /**
@@ -78034,16 +78066,18 @@ class ClickableCellsStore extends SpreadsheetStore {
     get clickableCells() {
         const cells = [];
         const getters = this.getters;
-        const sheetId = getters.getActiveSheetId();
         for (const position of this.getters.getVisibleCellPositions()) {
             const item = this.getClickableItem(position);
             if (!item) {
                 continue;
             }
             const title = typeof item.title === "function" ? item.title(position, getters) : item.title;
-            const zone = getters.expandZone(sheetId, positionToZone(position));
+            const rect = this.getClickableCellRect(position);
+            if (!rect) {
+                continue;
+            }
             cells.push({
-                coordinates: getters.getVisibleRect(zone),
+                coordinates: rect,
                 position,
                 action: item.execute,
                 title: title || "",
@@ -78051,6 +78085,31 @@ class ClickableCellsStore extends SpreadsheetStore {
         }
         return cells;
     }
+    getClickableCellRect(position) {
+        const zone = this.getters.expandZone(position.sheetId, positionToZone(position));
+        const clickableRect = this.getters.getVisibleRect(zone);
+        const icons = this.getters.getCellIcons(position);
+        const iconsAtPosition = {
+            center: icons.find((icon) => icon.horizontalAlign === "center"),
+            left: icons.find((icon) => icon.horizontalAlign === "left"),
+            right: icons.find((icon) => icon.horizontalAlign === "right"),
+        };
+        if (iconsAtPosition.center?.onClick) {
+            return undefined;
+        }
+        if (iconsAtPosition.right?.onClick) {
+            const cellRect = this.getters.getRect(zone);
+            const iconRect = this.getters.getCellIconRect(iconsAtPosition.right, cellRect);
+            clickableRect.width -= iconRect.width + iconsAtPosition.right.margin;
+        }
+        if (iconsAtPosition.left?.onClick) {
+            const cellRect = this.getters.getRect(zone);
+            const iconRect = this.getters.getCellIconRect(iconsAtPosition.left, cellRect);
+            clickableRect.x += iconRect.width + iconsAtPosition.left.margin;
+            clickableRect.width -= iconRect.width + iconsAtPosition.left.margin;
+        }
+        return clickableRect;
+    }
 }
 
 css /* scss */ `
@@ -78089,6 +78148,10 @@ class SpreadsheetDashboard extends Component {
         useTouchScroll(this.gridRef, this.moveCanvas.bind(this), () => {
             const { scrollY } = this.env.model.getters.getActiveSheetScrollInfo();
             return scrollY > 0;
+        }, () => {
+            const { maxOffsetY } = this.env.model.getters.getMaximumSheetOffset();
+            const { scrollY } = this.env.model.getters.getActiveSheetScrollInfo();
+            return scrollY < maxOffsetY;
         });
     }
     get gridContainer() {
@@ -78803,7 +78866,7 @@ class SmallBottomBar extends Component {
                 height: this.focus === "inactive" ? "26px" : "fit-content",
                 "max-height": `130px`,
             }),
-            showAssistant: !isIOS(), // Hide assistant on iOS as it breaks visually
+            showAssistant: false, // Hide assistant in small composer as it gets cropped ATM
             placeholder: this.composerStore.placeholder,
         };
     }
@@ -80132,7 +80195,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};
@@ -84888,6 +84951,6 @@ const chartHelpers = { ...CHART_HELPERS, ...CHART_RUNTIME_HELPERS };
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, ClientDisconnectedError, CommandResult, CorePlugin, CoreViewPlugin, DispatchResult, EvaluationError, LocalTransportService, 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.4.17";
-__info__.date = "2025-11-12T14:15:30.592Z";
-__info__.hash = "a8ebab8";
+__info__.version = "18.4.19";
+__info__.date = "2025-12-02T05:34:03.902Z";
+__info__.hash = "95b1252";