@odoo/o-spreadsheet 18.4.17 → 18.4.19

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.4.17
- * @date 2025-11-12T14:15:30.592Z
- * @hash a8ebab8
+ * @version 18.4.19
+ * @date 2025-12-02T05:34:03.902Z
+ * @hash 95b1252
  */
 
 'use strict';
@@ -2615,7 +2615,6 @@ const invalidateEvaluationCommands = new Set([
     "REDO",
     "ADD_MERGE",
     "REMOVE_MERGE",
-    "DUPLICATE_SHEET",
     "UPDATE_LOCALE",
     "ADD_PIVOT",
     "UPDATE_PIVOT",
@@ -18543,7 +18542,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) {
@@ -22584,6 +22583,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));
@@ -24253,11 +24255,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);
@@ -24287,11 +24296,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);
@@ -32644,6 +32660,7 @@ class AbstractComposerStore extends SpreadsheetStore {
         }
         this.selectionStart = start;
         this.selectionEnd = end;
+        this.stopComposerRangeSelection();
         this.computeFormulaCursorContext();
         this.computeParenthesisRelatedToCursor();
         this.updateAutoCompleteProvider();
@@ -33319,10 +33336,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);
@@ -33545,7 +33565,8 @@ class Composer extends owl.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
@@ -33665,16 +33686,12 @@ class Composer extends owl.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();
@@ -33850,7 +33867,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();
@@ -47371,10 +47387,11 @@ class AbstractResizer extends owl.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);
@@ -47441,6 +47458,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);
@@ -48801,7 +48822,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;
@@ -48838,7 +48859,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();
             }
@@ -54738,7 +54759,6 @@ function insertTokenAfterArgSeparator(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
-    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -54756,7 +54776,6 @@ function insertTokenAfterLeftParenthesis(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
-    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -56039,7 +56058,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",
@@ -57455,6 +57473,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 {};
@@ -57466,11 +57485,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;
@@ -57494,8 +57513,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;
@@ -57525,10 +57544,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,
@@ -57550,16 +57569,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;
     }
@@ -57591,7 +57610,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;
         }
@@ -57610,7 +57629,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)
@@ -57620,7 +57639,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) {
@@ -57780,6 +57799,10 @@ class Grid extends owl.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() {
@@ -64428,10 +64451,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 });
                 }
             }
         }
@@ -64569,6 +64599,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,
@@ -68574,9 +68607,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) {
@@ -68784,7 +68815,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 });
@@ -75001,6 +75032,7 @@ class SheetViewPlugin extends UIPlugin {
         "getFigureUI",
         "getPositionAnchorOffset",
         "getGridOffset",
+        "getMaximumSheetOffset",
     ];
     viewports = {};
     /**
@@ -78036,16 +78068,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 || "",
@@ -78053,6 +78087,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 */ `
@@ -78091,6 +78150,10 @@ class SpreadsheetDashboard extends owl.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() {
@@ -78805,7 +78868,7 @@ class SmallBottomBar extends owl.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,
         };
     }
@@ -80134,7 +80197,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};
@@ -84938,6 +85001,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = 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";

package/dist/o-spreadsheet.d.ts

@@ -2500,7 +2500,7 @@ declare class InternalViewport {
  *
  */
 declare class SheetViewPlugin extends UIPlugin {
-    static getters: readonly ["getColIndex", "getRowIndex", "getActiveMainViewport", "getSheetViewDimension", "getSheetViewDimensionWithHeaders", "getMainViewportRect", "isVisibleInViewport", "getEdgeScrollCol", "getEdgeScrollRow", "getVisibleFigures", "getVisibleRect", "getVisibleRectWithoutHeaders", "getVisibleCellPositions", "getColRowOffsetInViewport", "getMainViewportCoordinates", "getActiveSheetScrollInfo", "getSheetViewVisibleCols", "getSheetViewVisibleRows", "getFrozenSheetViewRatio", "isPixelPositionVisible", "getColDimensionsInViewport", "getRowDimensionsInViewport", "getAllActiveViewportsZonesAndRect", "getRect", "getFigureUI", "getPositionAnchorOffset", "getGridOffset"];
+    static getters: readonly ["getColIndex", "getRowIndex", "getActiveMainViewport", "getSheetViewDimension", "getSheetViewDimensionWithHeaders", "getMainViewportRect", "isVisibleInViewport", "getEdgeScrollCol", "getEdgeScrollRow", "getVisibleFigures", "getVisibleRect", "getVisibleRectWithoutHeaders", "getVisibleCellPositions", "getColRowOffsetInViewport", "getMainViewportCoordinates", "getActiveSheetScrollInfo", "getSheetViewVisibleCols", "getSheetViewVisibleRows", "getFrozenSheetViewRatio", "isPixelPositionVisible", "getColDimensionsInViewport", "getRowDimensionsInViewport", "getAllActiveViewportsZonesAndRect", "getRect", "getFigureUI", "getPositionAnchorOffset", "getGridOffset", "getMaximumSheetOffset"];
     private viewports;
     /**
      * The viewport dimensions are usually set by one of the components
@@ -2551,7 +2551,10 @@ declare class SheetViewPlugin extends UIPlugin {
      * Return the main viewport maximum size relative to the client size.
      */
     getMainViewportRect(): Rect;
-    private getMaximumSheetOffset;
+    getMaximumSheetOffset(): {
+        maxOffsetX: Pixel;
+        maxOffsetY: Pixel;
+    };
     getColRowOffsetInViewport(dimension: Dimension, referenceHeaderIndex: HeaderIndex, targetHeaderIndex: HeaderIndex): Pixel;
     /**
      * Check if a given position is visible in the viewport.
@@ -6763,7 +6766,6 @@ type PivotDefinitionConstructor = new (definition: PivotCoreDefinition, fields:
 interface PivotRegistryItem {
     ui: PivotUIConstructor;
     definition: PivotDefinitionConstructor;
-    externalData: boolean;
     dateGranularities: string[];
     datetimeGranularities: string[];
     isMeasureCandidate: (field: PivotField) => boolean;
@@ -8641,7 +8643,7 @@ declare abstract class AbstractComposerStore extends SpreadsheetStore {
     private updateAutoCompleteProvider;
     private findAutocompleteProvider;
     hideHelp(): void;
-    autoCompleteOrStop(direction: Direction$1): void;
+    autoCompleteOrStop(direction: Direction$1, assistantForcedClosed?: boolean): void;
     insertAutoCompleteValue(value: string): void;
     selectAutoCompleteIndex(index: number): void;
     moveAutoCompleteSelection(direction: "previous" | "next"): void;
@@ -9142,7 +9144,7 @@ interface ClosedSidePanel {
 }
 type SidePanelState = OpenSidePanel | ClosedSidePanel;
 interface PanelInfo {
-    initialPanelProps: SidePanelComponentProps;
+    currentPanelProps: SidePanelComponentProps;
     componentTag: string;
     size: number;
     isCollapsed?: boolean;
@@ -9169,8 +9171,8 @@ declare class SidePanelStore extends SpreadsheetStore {
     get totalPanelSize(): number;
     private getPanelProps;
     private getPanelKey;
-    open(componentTag: string, initialPanelProps?: SidePanelComponentProps): void;
-    replace(componentTag: string, currentPanelKey: string, initialPanelProps?: SidePanelComponentProps): void;
+    open(componentTag: string, currentPanelProps?: SidePanelComponentProps): void;
+    replace(componentTag: string, currentPanelKey: string, currentPanelProps?: SidePanelComponentProps): void;
     private _openPanel;
     toggle(componentTag: string, panelProps: SidePanelComponentProps): void;
     close(): void;
@@ -10023,7 +10025,7 @@ declare abstract class AbstractResizer extends Component<ResizerProps, Spreadshe
     setup(): void;
     _computeHandleDisplay(ev: MouseEvent): void;
     _computeGrabDisplay(ev: MouseEvent): void;
-    onMouseMove(ev: PointerEvent): void;
+    onMouseMove(ev: MouseEvent): void;
     onMouseLeave(): void;
     onDblClick(ev: MouseEvent): void;
     onMouseDown(ev: MouseEvent): void;
@@ -11987,6 +11989,7 @@ declare class ClickableCellsStore extends SpreadsheetStore {
     private getClickableItem;
     private findClickableItem;
     get clickableCells(): ClickableCell[];
+    private getClickableCellRect;
 }
 
 interface Props$4 {