@odoo/o-spreadsheet 17.2.2 → 17.2.4

package/dist/o-spreadsheet.cjs.js

@@ -3,9 +3,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 17.2.2
- * @date 2024-04-05T14:01:19.824Z
- * @hash c15836d
+ * @version 17.2.4
+ * @date 2024-04-18T16:41:38.407Z
+ * @hash 0c66038
  */
 
 'use strict';
@@ -562,7 +562,7 @@ function deepEquals(o1, o2) {
     if (typeof o1 !== typeof o2)
         return false;
     if (typeof o1 !== "object")
-        return o1 === o2;
+        return false;
     // Objects can have different keys if the values are undefined
     for (const key in o2) {
         if (!(key in o1) && o2[key] !== undefined) {
@@ -2509,6 +2509,15 @@ function matrixMap(matrix, fn) {
     }
     return generateMatrix(matrix.length, matrix[0].length, (col, row) => fn(matrix[col][row]));
 }
+function matrixForEach(matrix, fn) {
+    const numberOfCols = matrix.length;
+    const numberOfRows = matrix[0]?.length ?? 0;
+    for (let col = 0; col < numberOfCols; col++) {
+        for (let row = 0; row < numberOfRows; row++) {
+            fn(matrix[col][row]);
+        }
+    }
+}
 function transposeMatrix(matrix) {
     if (!matrix.length) {
         return [];
@@ -18636,7 +18645,7 @@ class FunctionRegistry extends Registry {
         }
         const descr = addMetaInfoFromArg(addDescr);
         validateArguments(descr.args);
-        this.mapping[name] = addErrorHandling(addResultHandling(addInputHandling(descr)), name);
+        this.mapping[name] = addErrorHandling(addResultHandling(addInputHandling(descr), name), name);
         super.add(name, descr);
         return this;
     }
@@ -18675,9 +18684,7 @@ function handleError(e, functionName) {
     // so we fallback to a generic error
     if (hasStringValue(e) && isEvaluationError(e.value)) {
         if (hasStringMessage(e)) {
-            if (e.message?.includes("[[FUNCTION_NAME]]")) {
-                e.message = e.message.replace("[[FUNCTION_NAME]]", functionName);
-            }
+            replaceFunctionNamePlaceholder(e, functionName);
         }
         return e;
     }
@@ -18692,21 +18699,29 @@ function hasStringMessage(obj) {
     return (obj?.message !== undefined &&
         typeof obj.message === "string");
 }
-function addResultHandling(compute) {
-    return function (...args) {
+function addResultHandling(compute, functionName) {
+    return function computeWithResultHandling(...args) {
         const result = compute.apply(this, args);
         if (!isMatrix(result)) {
             if (typeof result === "object" && result !== null && "value" in result) {
+                replaceFunctionNamePlaceholder(result, functionName);
                 return result;
             }
             return { value: result };
         }
         if (typeof result[0][0] === "object" && result[0][0] !== null && "value" in result[0][0]) {
+            matrixForEach(result, (result) => replaceFunctionNamePlaceholder(result, functionName));
             return result;
         }
         return matrixMap(result, (row) => ({ value: row }));
     };
 }
+function replaceFunctionNamePlaceholder(fPayload, functionName) {
+    // for performance reasons: change in place and only if needed
+    if (fPayload.message?.includes("[[FUNCTION_NAME]]")) {
+        fPayload.message = fPayload.message.replace("[[FUNCTION_NAME]]", functionName);
+    }
+}
 const functionRegistry = new FunctionRegistry();
 for (let category of categories) {
     const fns = category.functions;
@@ -19474,7 +19489,7 @@ function getDefaultChartJsRuntime(chart, labels, fontColor, { format, locale })
                         const xLabel = tooltipItem.dataset?.label || tooltipItem.label;
                         // tooltipItem.parsed.y can be an object or a number for pie charts
                         const yLabel = tooltipItem.parsed.y ?? tooltipItem.parsed;
-                        const toolTipFormat = !format && yLabel > 1000 ? "#,##" : format;
+                        const toolTipFormat = !format && Math.abs(yLabel) >= 1000 ? "#,##" : format;
                         const yLabelStr = formatValue(yLabel, { format: toolTipFormat, locale });
                         return xLabel ? `${xLabel}: ${yLabelStr}` : yLabelStr;
                     },
@@ -19774,7 +19789,10 @@ function getBarConfiguration(chart, labels, localeFormat) {
                     if (isNaN(value))
                         return value;
                     const { locale, format } = localeFormat;
-                    return formatValue(value, { locale, format: !format && value > 1000 ? "#,##" : format });
+                    return formatValue(value, {
+                        locale,
+                        format: !format && Math.abs(value) >= 1000 ? "#,##" : format,
+                    });
                 },
             },
         },
@@ -20295,7 +20313,10 @@ function getLineOrScatterConfiguration(chart, labels, localeFormat) {
                     if (isNaN(value))
                         return value;
                     const { locale, format } = localeFormat;
-                    return formatValue(value, { locale, format: !format && value > 1000 ? "#,##" : format });
+                    return formatValue(value, {
+                        locale,
+                        format: !format && Math.abs(value) >= 1000 ? "#,##" : format,
+                    });
                 },
             },
         },
@@ -20635,7 +20656,7 @@ function getPieConfiguration(chart, labels, localeFormat) {
         const percentage = calculatePercentage(data, dataIndex);
         const xLabel = tooltipItem.label || tooltipItem.dataset.label;
         const yLabel = tooltipItem.parsed.y ?? tooltipItem.parsed;
-        const toolTipFormat = !format && yLabel > 1000 ? "#,##" : format;
+        const toolTipFormat = !format && yLabel >= 1000 ? "#,##" : format;
         const yLabelStr = formatValue(yLabel, { format: toolTipFormat, locale });
         return xLabel ? `${xLabel}: ${yLabelStr} (${percentage}%)` : `${yLabelStr} (${percentage}%)`;
     };
@@ -22887,6 +22908,7 @@ class LinkEditor extends owl.Component {
                     this.save();
                 }
                 ev.stopPropagation();
+                ev.preventDefault();
                 break;
             case "Escape":
                 this.cancel();
@@ -31969,6 +31991,7 @@ class Composer extends owl.Component {
         onComposerCellFocused: { type: Function, optional: true },
         onComposerContentFocused: Function,
         isDefaultFocus: { type: Boolean, optional: true },
+        onInputContextMenu: { type: Function, optional: true },
     };
     static components = { TextValueProvider, FunctionDescriptionProvider };
     static defaultProps = {
@@ -32019,6 +32042,9 @@ class Composer extends owl.Component {
                 assistantStyle.right = `0px`;
             }
         }
+        else if (this.props.delimitation) {
+            assistantStyle["max-height"] = `${this.props.delimitation.height}px`;
+        }
         return cssPropertiesToCss(assistantStyle);
     }
     // we can't allow input events to be triggered while we remove and add back the content of the composer in processContent
@@ -32305,6 +32331,11 @@ class Composer extends owl.Component {
             }
         }
     }
+    onContextMenu(ev) {
+        if (this.composerStore.editionMode === "inactive") {
+            this.props.onInputContextMenu?.(ev);
+        }
+    }
     // ---------------------------------------------------------------------------
     // Private
     // ---------------------------------------------------------------------------
@@ -32526,6 +32557,7 @@ class GridComposer extends owl.Component {
     static template = "o-spreadsheet-GridComposer";
     static props = {
         gridDims: Object,
+        onInputContextMenu: Function,
     };
     static components = { Composer };
     rect = this.defaultRect;
@@ -32573,6 +32605,7 @@ class GridComposer extends owl.Component {
             isDefaultFocus: true,
             onComposerContentFocused: () => this.composerFocusStore.focusGridComposerContent(),
             onComposerCellFocused: (content) => this.composerFocusStore.focusGridComposerCell(content),
+            onInputContextMenu: this.props.onInputContextMenu,
         };
     }
     get containerStyle() {
@@ -33152,6 +33185,10 @@ css /*SCSS*/ `
       height: 0px;
     }
   }
+  .o-figure-container {
+    -webkit-user-select: none; // safari
+    user-select: none;
+  }
 `;
 /**
  * Each figure ⭐ is positioned inside a container `div` placed and sized
@@ -37295,29 +37332,12 @@ function convertWidthFromExcel(width) {
         return width;
     return Math.round((width / WIDTH_FACTOR) * 100) / 100;
 }
-function convertBorderDescr(descr) {
-    if (!descr) {
-        return undefined;
-    }
-    return {
-        style: descr.style,
-        color: { rgb: descr.color },
-    };
-}
 function extractStyle(cell, data) {
     let style = {};
     if (cell.style) {
         style = data.styles[cell.style];
     }
     const format = extractFormat(cell, data);
-    const exportedBorder = {};
-    if (cell.border) {
-        const border = data.borders[cell.border];
-        exportedBorder.left = convertBorderDescr(border.left);
-        exportedBorder.right = convertBorderDescr(border.right);
-        exportedBorder.bottom = convertBorderDescr(border.bottom);
-        exportedBorder.top = convertBorderDescr(border.top);
-    }
     const styles = {
         font: {
             size: style?.fontSize || DEFAULT_FONT_SIZE,
@@ -37331,7 +37351,7 @@ function extractStyle(cell, data) {
             }
             : { reservedAttribute: "none" },
         numFmt: format ? { format: format, id: 0 /* id not used for export */ } : undefined,
-        border: exportedBorder || {},
+        border: cell.border || 0,
         alignment: {
             horizontal: style.align,
             vertical: style.verticalAlign
@@ -37353,15 +37373,12 @@ function extractFormat(cell, data) {
     return undefined;
 }
 function normalizeStyle(construct, styles) {
-    const { id: fontId } = pushElement(styles["font"], construct.fonts);
-    const { id: fillId } = pushElement(styles["fill"], construct.fills);
-    const { id: borderId } = pushElement(styles["border"], construct.borders);
     // Normalize this
     const numFmtId = convertFormat(styles["numFmt"], construct.numFmts);
     const style = {
-        fontId,
-        fillId,
-        borderId,
+        fontId: pushElement(styles.font, construct.fonts),
+        fillId: pushElement(styles.fill, construct.fills),
+        borderId: styles.border,
         numFmtId,
         alignment: {
             vertical: styles.alignment.vertical,
@@ -37369,8 +37386,7 @@ function normalizeStyle(construct, styles) {
             wrapText: styles.alignment.wrapText,
         },
     };
-    const { id } = pushElement(style, construct.styles);
-    return id;
+    return pushElement(style, construct.styles);
 }
 function convertFormat(format, numFmtStructure) {
     if (!format) {
@@ -37378,8 +37394,7 @@ function convertFormat(format, numFmtStructure) {
     }
     let formatId = XLSX_FORMAT_MAP[format.format];
     if (!formatId) {
-        const { id } = pushElement(format, numFmtStructure);
-        formatId = id + FIRST_NUMFMT_ID;
+        formatId = pushElement(format, numFmtStructure) + FIRST_NUMFMT_ID;
     }
     return formatId;
 }
@@ -37404,20 +37419,15 @@ function addRelsToFile(relsFiles, path, rel) {
     return id;
 }
 function pushElement(property, propertyList) {
-    for (let [key, value] of Object.entries(propertyList)) {
-        if (JSON.stringify(value) === JSON.stringify(property)) {
-            return { id: parseInt(key, 10), list: propertyList };
+    let len = propertyList.length;
+    const operator = typeof property === "object" ? deepEquals : (a, b) => a === b;
+    for (let i = 0; i < len; i++) {
+        if (operator(property, propertyList[i])) {
+            return i;
         }
     }
-    let elemId = propertyList.findIndex((elem) => JSON.stringify(elem) === JSON.stringify(property));
-    if (elemId === -1) {
-        propertyList.push(property);
-        elemId = propertyList.length - 1;
-    }
-    return {
-        id: elemId,
-        list: propertyList,
-    };
+    propertyList[propertyList.length] = property;
+    return propertyList.length - 1;
 }
 const chartIds = [];
 /**
@@ -38212,7 +38222,25 @@ function parseXML(xmlString, mimeType = "text/xml") {
     }
     return document;
 }
-function getDefaultXLSXStructure() {
+function convertBorderDescr(descr) {
+    if (!descr) {
+        return undefined;
+    }
+    return {
+        style: descr.style,
+        color: { rgb: descr.color },
+    };
+}
+function getDefaultXLSXStructure(data) {
+    const xlsxBorders = Object.values(data.borders).map((border) => {
+        return {
+            left: convertBorderDescr(border.left),
+            right: convertBorderDescr(border.right),
+            bottom: convertBorderDescr(border.bottom),
+            top: convertBorderDescr(border.top),
+        };
+    });
+    const borders = [{}, ...xlsxBorders];
     return {
         relsFiles: [],
         sharedStrings: [],
@@ -38235,7 +38263,7 @@ function getDefaultXLSXStructure() {
             },
         ],
         fills: [{ reservedAttribute: "none" }, { reservedAttribute: "gray125" }],
-        borders: [{}],
+        borders,
         numFmts: [],
         dxfs: [],
     };
@@ -45272,7 +45300,15 @@ class TablePlugin extends CorePlugin {
         }
     }
     exportForExcel(data) {
-        this.export(data);
+        for (const sheet of data.sheets) {
+            for (const table of this.getTables(sheet.id)) {
+                if (zoneToDimension(table.range.zone).numberOfRows === 1) {
+                    continue;
+                }
+                const tableData = { range: zoneToXc(table.range.zone), filters: [] };
+                sheet.tables.push(tableData);
+            }
+        }
     }
 }
 
@@ -47044,7 +47080,9 @@ class Evaluator {
         this.blockedArrayFormulas = this.createEmptyPositionSet();
         this.spreadingRelations = new SpreadingRelation(this.createEmptyPositionSet.bind(this));
         this.formulaDependencies = lazy(() => {
-            const dependencies = [...this.getAllCells()].flatMap((position) => this.getDirectDependencies(position).map((range) => ({
+            const dependencies = [...this.getAllCells()].flatMap((position) => this.getDirectDependencies(position)
+                .filter((range) => !range.invalidSheetName && !range.invalidXc)
+                .map((range) => ({
                 data: position,
                 boundingBox: {
                     zone: range.zone,
@@ -52074,7 +52112,7 @@ class FilterEvaluationPlugin extends UIPlugin {
         "isFilterActive",
     ];
     filterValues = {};
-    hiddenRows = new Set();
+    hiddenRows = {};
     isEvaluationDirty = false;
     allowDispatch(cmd) {
         switch (cmd.type) {
@@ -52118,11 +52156,11 @@ class FilterEvaluationPlugin extends UIPlugin {
             case "UNFOLD_HEADER_GROUP":
             case "FOLD_ALL_HEADER_GROUPS":
             case "UNFOLD_ALL_HEADER_GROUPS":
-                this.updateHiddenRows();
+                this.updateHiddenRows(cmd.sheetId);
                 break;
             case "UPDATE_FILTER":
                 this.updateFilter(cmd);
-                this.updateHiddenRows();
+                this.updateHiddenRows(cmd.sheetId);
                 break;
             case "DUPLICATE_SHEET":
                 const filterValues = {};
@@ -52142,15 +52180,14 @@ class FilterEvaluationPlugin extends UIPlugin {
     }
     finalize() {
         if (this.isEvaluationDirty) {
-            this.updateHiddenRows();
+            for (const sheetId of this.getters.getSheetIds()) {
+                this.updateHiddenRows(sheetId);
+            }
             this.isEvaluationDirty = false;
         }
     }
     isRowFiltered(sheetId, row) {
-        if (sheetId !== this.getters.getActiveSheetId()) {
-            return false;
-        }
-        return this.hiddenRows.has(row);
+        return !!this.hiddenRows[sheetId]?.has(row);
     }
     getFilterHiddenValues(position) {
         const id = this.getters.getFilterId(position);
@@ -52177,8 +52214,7 @@ class FilterEvaluationPlugin extends UIPlugin {
             this.filterValues[sheetId] = {};
         this.filterValues[sheetId][id] = hiddenValues;
     }
-    updateHiddenRows() {
-        const sheetId = this.getters.getActiveSheetId();
+    updateHiddenRows(sheetId) {
         const filters = this.getters
             .getFilters(sheetId)
             .sort((filter1, filter2) => filter1.rangeWithHeaders.zone.top - filter2.rangeWithHeaders.zone.top);
@@ -52200,7 +52236,7 @@ class FilterEvaluationPlugin extends UIPlugin {
                 }
             }
         }
-        this.hiddenRows = hiddenRows;
+        this.hiddenRows[sheetId] = hiddenRows;
     }
     getCellValueAsString(sheetId, col, row) {
         const value = this.getters.getEvaluatedCell({ sheetId, col, row }).formattedValue;
@@ -53319,13 +53355,14 @@ class SheetViewPlugin extends UIPlugin {
         }
     }
     handleEvent(event) {
+        const sheetId = this.getters.getActiveSheetId();
         if (event.options.scrollIntoView) {
             let { col, row } = findCellInNewZone(event.previousAnchor.zone, event.anchor.zone);
             if (event.mode === "updateAnchor") {
                 const oldZone = event.previousAnchor.zone;
                 const newZone = event.anchor.zone;
                 // altering a zone should not move the viewport in a dimension that wasn't changed
-                const { top, bottom, left, right } = this.getters.getActiveMainViewport();
+                const { top, bottom, left, right } = this.getMainInternalViewport(sheetId);
                 if (oldZone.left === newZone.left && oldZone.right === newZone.right) {
                     col = left > col || col > right ? left : col;
                 }
@@ -53333,7 +53370,6 @@ class SheetViewPlugin extends UIPlugin {
                     row = top > row || row > bottom ? top : row;
                 }
             }
-            const sheetId = this.getters.getActiveSheetId();
             col = Math.min(col, this.getters.getNumberCols(sheetId) - 1);
             row = Math.min(row, this.getters.getNumberRows(sheetId) - 1);
             if (!this.sheetsWithDirtyViewports.has(sheetId)) {
@@ -53370,16 +53406,16 @@ class SheetViewPlugin extends UIPlugin {
                 this.setSheetViewOffset(cmd.offsetX, cmd.offsetY);
                 break;
             case "SHIFT_VIEWPORT_DOWN":
-                const { top } = this.getActiveMainViewport();
                 const sheetId = this.getters.getActiveSheetId();
-                const shiftedOffsetY = this.clipOffsetY(this.getters.getRowDimensions(sheetId, top).start + this.sheetViewHeight);
-                this.shiftVertically(shiftedOffsetY);
+                const { top, viewportHeight, offsetCorrectionY } = this.getMainInternalViewport(sheetId);
+                const topRowDims = this.getters.getRowDimensions(sheetId, top);
+                this.shiftVertically(topRowDims.start + viewportHeight - offsetCorrectionY);
                 break;
             case "SHIFT_VIEWPORT_UP": {
-                const { top } = this.getActiveMainViewport();
                 const sheetId = this.getters.getActiveSheetId();
-                const shiftedOffsetY = this.clipOffsetY(this.getters.getRowDimensions(sheetId, top).end - this.sheetViewHeight);
-                this.shiftVertically(shiftedOffsetY);
+                const { top, viewportHeight, offsetCorrectionY } = this.getMainInternalViewport(sheetId);
+                const topRowDims = this.getters.getRowDimensions(sheetId, top);
+                this.shiftVertically(topRowDims.end - offsetCorrectionY - viewportHeight);
                 break;
             }
             case "REMOVE_TABLE":
@@ -53802,17 +53838,6 @@ class SheetViewPlugin extends UIPlugin {
         const { maxOffsetX, maxOffsetY } = this.getMaximumSheetOffset();
         Object.values(this.getSubViewports(sheetId)).forEach((viewport) => viewport.setViewportOffset(clip(offsetX, 0, maxOffsetX), clip(offsetY, 0, maxOffsetY)));
     }
-    /**
-     * Clip the vertical offset within the allowed range.
-     * Not above the sheet, nor below the sheet.
-     */
-    clipOffsetY(offsetY) {
-        const { height } = this.getMainViewportRect();
-        const maxOffset = height - this.sheetViewHeight;
-        offsetY = Math.min(offsetY, maxOffset);
-        offsetY = Math.max(offsetY, 0);
-        return offsetY;
-    }
     getViewportOffset(sheetId) {
         return {
             x: this.viewports[sheetId]?.bottomRight.offsetScrollbarX || 0,
@@ -53868,12 +53893,15 @@ class SheetViewPlugin extends UIPlugin {
      * viewport top.
      */
     shiftVertically(offset) {
-        const { top } = this.getActiveMainViewport();
+        const sheetId = this.getters.getActiveSheetId();
+        const { top } = this.getMainInternalViewport(sheetId);
         const { scrollX } = this.getActiveSheetScrollInfo();
         this.setSheetViewOffset(scrollX, offset);
         const { anchor } = this.getters.getSelection();
-        const deltaRow = this.getActiveMainViewport().top - top;
-        this.selection.selectCell(anchor.cell.col, anchor.cell.row + deltaRow);
+        if (anchor.cell.row >= this.getters.getPaneDivisions(sheetId).ySplit) {
+            const deltaRow = this.getMainInternalViewport(sheetId).top - top;
+            this.selection.selectCell(anchor.cell.col, anchor.cell.row + deltaRow);
+        }
     }
     getVisibleFigures() {
         const sheetId = this.getters.getActiveSheetId();
@@ -54792,7 +54820,6 @@ css /* scss */ `
     cursor: pointer;
   }
 `;
-let tKey = 1;
 class SpreadsheetDashboard extends owl.Component {
     static template = "o-spreadsheet-SpreadsheetDashboard";
     static props = {};
@@ -54871,13 +54898,9 @@ class SpreadsheetDashboard extends owl.Component {
                     coordinates: rect,
                     position: { col, row },
                     action,
-                    // we can't rely on position only because a row or a column could
-                    // be inserted at any time.
-                    tKey: `${tKey}-${col}-${row}`,
                 });
             }
         }
-        tKey++;
         return cells;
     }
     getClickableAction(position) {
@@ -55689,6 +55712,13 @@ class TopBarComposer extends owl.Component {
             "border-color": SELECTION_BORDER_COLOR,
         });
     }
+    get delimitation() {
+        const { width, height } = this.env.model.getters.getSheetViewDimensionWithHeaders();
+        return {
+            width,
+            height,
+        };
+    }
     onFocus(selection) {
         this.composerFocusStore.focusTopBarComposer(selection);
     }
@@ -58320,8 +58350,7 @@ function addContent(content, sharedStrings, forceString = false) {
         attrs.push(["t", "b"]);
     }
     else if (forceString || !isNumber(value, DEFAULT_LOCALE)) {
-        const { id } = pushElement(content, sharedStrings);
-        value = id.toString();
+        value = pushElement(content, sharedStrings);
         attrs.push(["t", "s"]);
     }
     return { attrs, node: escapeXml /*xml*/ `<v>${value}</v>` };
@@ -58446,8 +58475,7 @@ function addCellIsRule(cf, rule, dxfs) {
     if (rule.style.fillColor) {
         dxf.fill = { fgColor: { rgb: rule.style.fillColor } };
     }
-    const { id } = pushElement(dxf, dxfs);
-    ruleAttributes.push(["dxfId", id]);
+    ruleAttributes.push(["dxfId", pushElement(dxf, dxfs)]);
     return escapeXml /*xml*/ `
     <conditionalFormatting sqref="${cf.ranges.join(" ")}">
       <cfRule ${formatAttributes(ruleAttributes)}>
@@ -59277,7 +59305,7 @@ function addSheetViews(sheet) {
  */
 function getXLSX(data) {
     const files = [];
-    const construct = getDefaultXLSXStructure();
+    const construct = getDefaultXLSXStructure(data);
     files.push(createWorkbook(data, construct));
     files.push(...createWorksheets(data, construct));
     files.push(createStylesSheet(construct));
@@ -60212,6 +60240,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
 
-__info__.version = "17.2.2";
-__info__.date = "2024-04-05T14:01:19.824Z";
-__info__.hash = "c15836d";
+__info__.version = "17.2.4";
+__info__.date = "2024-04-18T16:41:38.407Z";
+__info__.hash = "0c66038";

package/dist/o-spreadsheet.d.ts

@@ -4151,7 +4151,7 @@ declare class ClipboardPlugin extends UIPlugin {
 declare class FilterEvaluationPlugin extends UIPlugin {
     static getters: readonly ["getFilterHiddenValues", "getFirstTableInSelection", "isRowFiltered", "isFilterActive"];
     private filterValues;
-    hiddenRows: Set<number>;
+    hiddenRows: Record<UID, Set<number> | undefined>;
     isEvaluationDirty: boolean;
     allowDispatch(cmd: LocalCommand): CommandResult;
     handle(cmd: Command): void;
@@ -4288,8 +4288,8 @@ declare class InternalViewport {
     canScrollHorizontally: boolean;
     viewportWidth: Pixel;
     viewportHeight: Pixel;
-    private offsetCorrectionX;
-    private offsetCorrectionY;
+    offsetCorrectionX: Pixel;
+    offsetCorrectionY: Pixel;
     constructor(getters: Getters, sheetId: UID, boundaries: Zone, sizeInGrid: DOMDimension, options: {
         canScrollVertically: boolean;
         canScrollHorizontally: boolean;
@@ -4494,11 +4494,6 @@ declare class SheetViewPlugin extends UIPlugin {
     private resizeSheetView;
     private recomputeViewports;
     private setSheetViewOffset;
-    /**
-     * Clip the vertical offset within the allowed range.
-     * Not above the sheet, nor below the sheet.
-     */
-    private clipOffsetY;
     private getViewportOffset;
     private resetViewports;
     /**
@@ -6685,6 +6680,7 @@ interface ComposerProps {
     delimitation?: DOMDimension;
     onComposerContentFocused: () => void;
     onComposerCellFocused?: (content: String) => void;
+    onInputContextMenu?: (event: MouseEvent) => void;
     isDefaultFocus?: boolean;
 }
 interface ComposerState {
@@ -6728,6 +6724,10 @@ declare class Composer extends Component<ComposerProps, SpreadsheetChildEnv> {
             type: BooleanConstructor;
             optional: boolean;
         };
+        onInputContextMenu: {
+            type: FunctionConstructor;
+            optional: boolean;
+        };
     };
     static components: {
         TextValueProvider: typeof TextValueProvider;
@@ -6784,6 +6784,7 @@ declare class Composer extends Component<ComposerProps, SpreadsheetChildEnv> {
     onMousedown(ev: MouseEvent): void;
     onClick(): void;
     onDblClick(): void;
+    onContextMenu(ev: MouseEvent): void;
     private processContent;
     /**
      * Get the HTML content corresponding to the current composer token, divided by lines.
@@ -7088,6 +7089,7 @@ declare class ClientTag extends Component<ClientTagProps, SpreadsheetChildEnv> {
 
 interface Props$s {
     gridDims: DOMDimension;
+    onInputContextMenu: (event: MouseEvent) => void;
 }
 /**
  * This component is a composer which positions itself on the grid at the anchor cell.
@@ -7097,6 +7099,7 @@ declare class GridComposer extends Component<Props$s, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         gridDims: ObjectConstructor;
+        onInputContextMenu: FunctionConstructor;
     };
     static components: {
         Composer: typeof Composer;
@@ -8308,7 +8311,6 @@ interface ClickableCell {
     coordinates: Rect;
     position: Position$1;
     action: (position: CellPosition, env: SpreadsheetChildEnv) => void;
-    tKey: string;
 }
 declare class SpreadsheetDashboard extends Component<Props$8, SpreadsheetChildEnv> {
     static template: string;
@@ -8830,6 +8832,7 @@ declare class TopBarComposer extends Component<any, SpreadsheetChildEnv> {
     get focus(): Omit<ComposerFocusType, "cellFocus">;
     get composerStyle(): string;
     get containerStyle(): string;
+    get delimitation(): DOMDimension;
     onFocus(selection: ComposerSelection): void;
 }