@odoo/o-spreadsheet 19.0.15 → 19.0.16

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 19.0.15
- * @date 2025-12-26T10:19:23.408Z
- * @hash fe625c9
+ * @version 19.0.16
+ * @date 2026-01-07T16:21:15.857Z
+ * @hash 9f3f13a
  */
 
 'use strict';
@@ -51371,7 +51371,6 @@ class GridOverlay extends owl.Component {
         onGridMoved: Function,
         gridOverlayDimensions: String,
         slots: { type: Object, optional: true },
-        getGridSize: Function,
     };
     static components = {
         FiguresContainer,
@@ -51390,14 +51389,7 @@ class GridOverlay extends owl.Component {
     setup() {
         useCellHovered(this.env, this.gridOverlay);
         const resizeObserver = new ResizeObserver(() => {
-            const boundingRect = this.gridOverlayEl.getBoundingClientRect();
-            const { width, height } = this.props.getGridSize();
-            this.props.onGridResized({
-                x: boundingRect.left,
-                y: boundingRect.top,
-                height: height,
-                width: width,
-            });
+            this.props.onGridResized();
         });
         owl.onMounted(() => {
             resizeObserver.observe(this.gridOverlayEl);
@@ -61421,7 +61413,8 @@ class Grid extends owl.Component {
         });
         return !(rect.width === 0 || rect.height === 0);
     }
-    onGridResized({ height, width }) {
+    onGridResized() {
+        const { height, width } = this.props.getGridSize();
         this.env.model.dispatch("RESIZE_SHEETVIEW", {
             width: width - HEADER_WIDTH,
             height: height - HEADER_HEIGHT,
@@ -74419,7 +74412,7 @@ class Session extends EventBus {
         }
         delete this.clients[this.clientId];
         this.transportService.leave(this.clientId);
-        this.transportService.sendMessage({
+        this.sendToTransport({
             type: "CLIENT_LEFT",
             clientId: this.clientId,
             version: MESSAGE_VERSION,
@@ -74433,7 +74426,7 @@ class Session extends EventBus {
             return;
         }
         const snapshotId = this.uuidGenerator.uuidv4();
-        await this.transportService.sendMessage({
+        await this.sendToTransport({
             type: "SNAPSHOT",
             nextRevisionId: snapshotId,
             serverRevisionId: this.serverRevisionId,
@@ -74481,10 +74474,14 @@ class Session extends EventBus {
         const type = currentPosition ? "CLIENT_MOVED" : "CLIENT_JOINED";
         const client = this.getCurrentClient();
         this.clients[this.clientId] = { ...client, position };
-        this.transportService.sendMessage({
+        this.sendToTransport({
             type,
             version: MESSAGE_VERSION,
             client: { ...client, position },
+        }).then(() => {
+            if (this.pendingMessages.length > 0 && !this.waitingAck) {
+                this.sendPendingMessage();
+            }
         });
     }
     /**
@@ -74565,7 +74562,7 @@ class Session extends EventBus {
             if (client) {
                 const { position } = client;
                 if (position) {
-                    this.transportService.sendMessage({
+                    this.sendToTransport({
                         type: "CLIENT_MOVED",
                         version: MESSAGE_VERSION,
                         client: { ...client, position },
@@ -74586,6 +74583,10 @@ class Session extends EventBus {
         }
         this.sendPendingMessage();
     }
+    async sendToTransport(message) {
+        // wrap in an async function to ensure it returns a promise
+        return this.transportService.sendMessage(message);
+    }
     /**
      * Send the next pending message
      */
@@ -74614,9 +74615,14 @@ class Session extends EventBus {
       ${JSON.stringify(message)}`);
         }
         this.waitingAck = true;
-        this.transportService.sendMessage({
+        this.sendToTransport({
             ...message,
             serverRevisionId: this.serverRevisionId,
+        }).catch((e) => {
+            if (!(e instanceof ClientDisconnectedError)) {
+                throw e.cause || e;
+            }
+            this.waitingAck = false;
         });
     }
     acknowledge(message) {
@@ -82122,10 +82128,8 @@ class SpreadsheetDashboard extends owl.Component {
         });
     }
     get gridContainer() {
-        const sheetId = this.env.model.getters.getActiveSheetId();
-        const { right } = this.env.model.getters.getSheetZone(sheetId);
-        const { end } = this.env.model.getters.getColDimensions(sheetId, right);
-        return cssPropertiesToCss({ "max-width": `${end}px` });
+        const maxWidth = this.getMaxSheetWidth();
+        return cssPropertiesToCss({ "max-width": `${maxWidth}px` });
     }
     get gridOverlayDimensions() {
         return cssPropertiesToCss({
@@ -82157,10 +82161,12 @@ class SpreadsheetDashboard extends owl.Component {
     onClosePopover() {
         this.cellPopovers.close();
     }
-    onGridResized({ height, width }) {
+    onGridResized() {
+        const { height, width } = this.props.getGridSize();
+        const maxWidth = this.getMaxSheetWidth();
         this.env.model.dispatch("RESIZE_SHEETVIEW", {
-            width: width,
-            height: height,
+            width: Math.min(maxWidth, width),
+            height,
             gridOffsetX: 0,
             gridOffsetY: 0,
         });
@@ -82178,6 +82184,11 @@ class SpreadsheetDashboard extends owl.Component {
             ...this.env.model.getters.getSheetViewDimensionWithHeaders(),
         };
     }
+    getMaxSheetWidth() {
+        const sheetId = this.env.model.getters.getActiveSheetId();
+        const { right } = this.env.model.getters.getSheetZone(sheetId);
+        return this.env.model.getters.getColDimensions(sheetId, right).end;
+    }
 }
 
 css /* scss */ `
@@ -84419,22 +84430,20 @@ class Spreadsheet extends owl.Component {
         return this.env.model.getters.getVisibleGroupLayers(sheetId, "COL");
     }
     getGridSize() {
-        const topBarHeight = this.spreadsheetRef.el
-            ?.querySelector(".o-spreadsheet-topbar-wrapper")
-            ?.getBoundingClientRect().height || 0;
-        const bottomBarHeight = this.spreadsheetRef.el
-            ?.querySelector(".o-spreadsheet-bottombar-wrapper")
-            ?.getBoundingClientRect().height || 0;
-        const gridWidth = this.spreadsheetRef.el?.querySelector(".o-grid")?.getBoundingClientRect().width || 0;
-        const gridHeight = (this.spreadsheetRef.el?.getBoundingClientRect().height || 0) -
-            (this.spreadsheetRef.el?.querySelector(".o-column-groups")?.getBoundingClientRect().height ||
-                0) -
-            topBarHeight -
-            bottomBarHeight;
-        return {
-            width: Math.max(gridWidth - SCROLLBAR_WIDTH, 0),
-            height: Math.max(gridHeight - SCROLLBAR_WIDTH, 0),
-        };
+        const el = this.spreadsheetRef.el;
+        if (!el) {
+            return { width: 0, height: 0 };
+        }
+        const getHeight = (selector) => el.querySelector(selector)?.getBoundingClientRect().height || 0;
+        const getWidth = (selector) => el.querySelector(selector)?.getBoundingClientRect().width || 0;
+        const rect = el.getBoundingClientRect();
+        const topBarHeight = getHeight(".o-spreadsheet-topbar-wrapper");
+        const bottomBarHeight = getHeight(".o-spreadsheet-bottombar-wrapper");
+        const colGroupHeight = getHeight(".o-column-groups");
+        const gridWidth = getWidth(".o-grid");
+        const width = Math.max(gridWidth - SCROLLBAR_WIDTH, 0);
+        const height = Math.max(rect.height - topBarHeight - bottomBarHeight - colGroupHeight - SCROLLBAR_WIDTH, 0);
+        return { width, height };
     }
 }
 
@@ -84447,7 +84456,7 @@ class ReadonlyTransportFilter {
         if (message.type === "CLIENT_JOINED" ||
             message.type === "CLIENT_LEFT" ||
             message.type === "CLIENT_MOVED") {
-            this.transportService.sendMessage(message);
+            await this.transportService.sendMessage(message);
         }
         // ignore all other messages
     }
@@ -89116,6 +89125,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
 
-__info__.version = "19.0.15";
-__info__.date = "2025-12-26T10:19:23.408Z";
-__info__.hash = "fe625c9";
+__info__.version = "19.0.16";
+__info__.date = "2026-01-07T16:21:15.857Z";
+__info__.hash = "9f3f13a";

package/dist/o-spreadsheet.d.ts

@@ -4714,6 +4714,7 @@ declare class Session extends EventBus<CollaborativeEvent> {
     private onClientJoined;
     private onClientLeft;
     private sendUpdateMessage;
+    private sendToTransport;
     /**
      * Send the next pending message
      */
@@ -10025,13 +10026,9 @@ interface Props$N {
     onCellDoubleClicked: (col: HeaderIndex, row: HeaderIndex) => void;
     onCellClicked: (col: HeaderIndex, row: HeaderIndex, modifiers: GridClickModifiers, ev: PointerEvent | MouseEvent) => void;
     onCellRightClicked: (col: HeaderIndex, row: HeaderIndex, coordinates: DOMCoordinates) => void;
-    onGridResized: (dimension: Rect) => void;
+    onGridResized: () => void;
     onGridMoved: (deltaX: Pixel, deltaY: Pixel) => void;
     gridOverlayDimensions: string;
-    getGridSize: () => {
-        width: number;
-        height: number;
-    };
 }
 declare class GridOverlay extends Component<Props$N, SpreadsheetChildEnv> {
     static template: string;
@@ -10058,7 +10055,6 @@ declare class GridOverlay extends Component<Props$N, SpreadsheetChildEnv> {
             type: ObjectConstructor;
             optional: boolean;
         };
-        getGridSize: FunctionConstructor;
     };
     static components: {
         FiguresContainer: typeof FiguresContainer;
@@ -10598,7 +10594,7 @@ declare class Grid extends Component<Props$E, SpreadsheetChildEnv> {
         top: number;
     };
     get isAutofillVisible(): boolean;
-    onGridResized({ height, width }: DOMDimension): void;
+    onGridResized(): void;
     private moveCanvas;
     private processSpaceKey;
     getClientPositionKey(client: Client): string;
@@ -12502,6 +12498,7 @@ declare class ClickableCellsStore extends SpreadsheetStore {
 }
 
 interface Props$4 {
+    getGridSize: () => DOMDimension;
 }
 declare class SpreadsheetDashboard extends Component<Props$4, SpreadsheetChildEnv> {
     static template: string;
@@ -12534,9 +12531,10 @@ declare class SpreadsheetDashboard extends Component<Props$4, SpreadsheetChildEn
     getClickableCells(): ClickableCell[];
     selectClickableCell(ev: MouseEvent, clickableCell: ClickableCell): void;
     onClosePopover(): void;
-    onGridResized({ height, width }: DOMDimension): void;
+    onGridResized(): void;
     private moveCanvas;
     private getGridRect;
+    private getMaxSheetWidth;
 }
 
 interface Props$3 {

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 19.0.15
- * @date 2025-12-26T10:19:23.408Z
- * @hash fe625c9
+ * @version 19.0.16
+ * @date 2026-01-07T16:21:15.857Z
+ * @hash 9f3f13a
  */
 
 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';
@@ -51369,7 +51369,6 @@ class GridOverlay extends Component {
         onGridMoved: Function,
         gridOverlayDimensions: String,
         slots: { type: Object, optional: true },
-        getGridSize: Function,
     };
     static components = {
         FiguresContainer,
@@ -51388,14 +51387,7 @@ class GridOverlay extends Component {
     setup() {
         useCellHovered(this.env, this.gridOverlay);
         const resizeObserver = new ResizeObserver(() => {
-            const boundingRect = this.gridOverlayEl.getBoundingClientRect();
-            const { width, height } = this.props.getGridSize();
-            this.props.onGridResized({
-                x: boundingRect.left,
-                y: boundingRect.top,
-                height: height,
-                width: width,
-            });
+            this.props.onGridResized();
         });
         onMounted(() => {
             resizeObserver.observe(this.gridOverlayEl);
@@ -61419,7 +61411,8 @@ class Grid extends Component {
         });
         return !(rect.width === 0 || rect.height === 0);
     }
-    onGridResized({ height, width }) {
+    onGridResized() {
+        const { height, width } = this.props.getGridSize();
         this.env.model.dispatch("RESIZE_SHEETVIEW", {
             width: width - HEADER_WIDTH,
             height: height - HEADER_HEIGHT,
@@ -74417,7 +74410,7 @@ class Session extends EventBus {
         }
         delete this.clients[this.clientId];
         this.transportService.leave(this.clientId);
-        this.transportService.sendMessage({
+        this.sendToTransport({
             type: "CLIENT_LEFT",
             clientId: this.clientId,
             version: MESSAGE_VERSION,
@@ -74431,7 +74424,7 @@ class Session extends EventBus {
             return;
         }
         const snapshotId = this.uuidGenerator.uuidv4();
-        await this.transportService.sendMessage({
+        await this.sendToTransport({
             type: "SNAPSHOT",
             nextRevisionId: snapshotId,
             serverRevisionId: this.serverRevisionId,
@@ -74479,10 +74472,14 @@ class Session extends EventBus {
         const type = currentPosition ? "CLIENT_MOVED" : "CLIENT_JOINED";
         const client = this.getCurrentClient();
         this.clients[this.clientId] = { ...client, position };
-        this.transportService.sendMessage({
+        this.sendToTransport({
             type,
             version: MESSAGE_VERSION,
             client: { ...client, position },
+        }).then(() => {
+            if (this.pendingMessages.length > 0 && !this.waitingAck) {
+                this.sendPendingMessage();
+            }
         });
     }
     /**
@@ -74563,7 +74560,7 @@ class Session extends EventBus {
             if (client) {
                 const { position } = client;
                 if (position) {
-                    this.transportService.sendMessage({
+                    this.sendToTransport({
                         type: "CLIENT_MOVED",
                         version: MESSAGE_VERSION,
                         client: { ...client, position },
@@ -74584,6 +74581,10 @@ class Session extends EventBus {
         }
         this.sendPendingMessage();
     }
+    async sendToTransport(message) {
+        // wrap in an async function to ensure it returns a promise
+        return this.transportService.sendMessage(message);
+    }
     /**
      * Send the next pending message
      */
@@ -74612,9 +74613,14 @@ class Session extends EventBus {
       ${JSON.stringify(message)}`);
         }
         this.waitingAck = true;
-        this.transportService.sendMessage({
+        this.sendToTransport({
             ...message,
             serverRevisionId: this.serverRevisionId,
+        }).catch((e) => {
+            if (!(e instanceof ClientDisconnectedError)) {
+                throw e.cause || e;
+            }
+            this.waitingAck = false;
         });
     }
     acknowledge(message) {
@@ -82120,10 +82126,8 @@ class SpreadsheetDashboard extends Component {
         });
     }
     get gridContainer() {
-        const sheetId = this.env.model.getters.getActiveSheetId();
-        const { right } = this.env.model.getters.getSheetZone(sheetId);
-        const { end } = this.env.model.getters.getColDimensions(sheetId, right);
-        return cssPropertiesToCss({ "max-width": `${end}px` });
+        const maxWidth = this.getMaxSheetWidth();
+        return cssPropertiesToCss({ "max-width": `${maxWidth}px` });
     }
     get gridOverlayDimensions() {
         return cssPropertiesToCss({
@@ -82155,10 +82159,12 @@ class SpreadsheetDashboard extends Component {
     onClosePopover() {
         this.cellPopovers.close();
     }
-    onGridResized({ height, width }) {
+    onGridResized() {
+        const { height, width } = this.props.getGridSize();
+        const maxWidth = this.getMaxSheetWidth();
         this.env.model.dispatch("RESIZE_SHEETVIEW", {
-            width: width,
-            height: height,
+            width: Math.min(maxWidth, width),
+            height,
             gridOffsetX: 0,
             gridOffsetY: 0,
         });
@@ -82176,6 +82182,11 @@ class SpreadsheetDashboard extends Component {
             ...this.env.model.getters.getSheetViewDimensionWithHeaders(),
         };
     }
+    getMaxSheetWidth() {
+        const sheetId = this.env.model.getters.getActiveSheetId();
+        const { right } = this.env.model.getters.getSheetZone(sheetId);
+        return this.env.model.getters.getColDimensions(sheetId, right).end;
+    }
 }
 
 css /* scss */ `
@@ -84417,22 +84428,20 @@ class Spreadsheet extends Component {
         return this.env.model.getters.getVisibleGroupLayers(sheetId, "COL");
     }
     getGridSize() {
-        const topBarHeight = this.spreadsheetRef.el
-            ?.querySelector(".o-spreadsheet-topbar-wrapper")
-            ?.getBoundingClientRect().height || 0;
-        const bottomBarHeight = this.spreadsheetRef.el
-            ?.querySelector(".o-spreadsheet-bottombar-wrapper")
-            ?.getBoundingClientRect().height || 0;
-        const gridWidth = this.spreadsheetRef.el?.querySelector(".o-grid")?.getBoundingClientRect().width || 0;
-        const gridHeight = (this.spreadsheetRef.el?.getBoundingClientRect().height || 0) -
-            (this.spreadsheetRef.el?.querySelector(".o-column-groups")?.getBoundingClientRect().height ||
-                0) -
-            topBarHeight -
-            bottomBarHeight;
-        return {
-            width: Math.max(gridWidth - SCROLLBAR_WIDTH, 0),
-            height: Math.max(gridHeight - SCROLLBAR_WIDTH, 0),
-        };
+        const el = this.spreadsheetRef.el;
+        if (!el) {
+            return { width: 0, height: 0 };
+        }
+        const getHeight = (selector) => el.querySelector(selector)?.getBoundingClientRect().height || 0;
+        const getWidth = (selector) => el.querySelector(selector)?.getBoundingClientRect().width || 0;
+        const rect = el.getBoundingClientRect();
+        const topBarHeight = getHeight(".o-spreadsheet-topbar-wrapper");
+        const bottomBarHeight = getHeight(".o-spreadsheet-bottombar-wrapper");
+        const colGroupHeight = getHeight(".o-column-groups");
+        const gridWidth = getWidth(".o-grid");
+        const width = Math.max(gridWidth - SCROLLBAR_WIDTH, 0);
+        const height = Math.max(rect.height - topBarHeight - bottomBarHeight - colGroupHeight - SCROLLBAR_WIDTH, 0);
+        return { width, height };
     }
 }
 
@@ -84445,7 +84454,7 @@ class ReadonlyTransportFilter {
         if (message.type === "CLIENT_JOINED" ||
             message.type === "CLIENT_LEFT" ||
             message.type === "CLIENT_MOVED") {
-            this.transportService.sendMessage(message);
+            await this.transportService.sendMessage(message);
         }
         // ignore all other messages
     }
@@ -89064,6 +89073,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, getCaretDownSvg, getCaretUpSvg, helpers, hooks, invalidateCFEvaluationCommands, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
 
-__info__.version = "19.0.15";
-__info__.date = "2025-12-26T10:19:23.408Z";
-__info__.hash = "fe625c9";
+__info__.version = "19.0.16";
+__info__.date = "2026-01-07T16:21:15.857Z";
+__info__.hash = "9f3f13a";