@odoo/o-spreadsheet 17.0.82 → 17.0.84

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 17.0.82
- * @date 2025-12-26T10:17:37.110Z
- * @hash df7c781
+ * @version 17.0.84
+ * @date 2026-01-14T09:59:26.542Z
+ * @hash ae64224
  */
 
 'use strict';
@@ -274,6 +274,7 @@ const DEFAULT_STYLE = {
     fillColor: "",
     textColor: "",
 };
+const DEFAULT_NUMBER_STYLE = { ...DEFAULT_STYLE, align: "right" };
 const DEFAULT_VERTICAL_ALIGN = DEFAULT_STYLE.verticalAlign;
 const DEFAULT_WRAPPING_MODE = DEFAULT_STYLE.wrapping;
 // Fonts
@@ -29915,7 +29916,6 @@ class Grid extends owl.Component {
         owl.useChildSubEnv({ getPopoverContainerRect: () => this.getGridRect() });
         owl.useExternalListener(document.body, "cut", this.copy.bind(this, true));
         owl.useExternalListener(document.body, "copy", this.copy.bind(this, false));
-        owl.useExternalListener(window, "click", this.onExternalClick, { capture: true });
         owl.useExternalListener(document.body, "paste", this.paste);
         owl.onMounted(() => this.focusDefaultElement());
         this.props.exposeFocus(() => this.focusDefaultElement());
@@ -30482,12 +30482,6 @@ class Grid extends owl.Component {
             }
         }
     }
-    onExternalClick(ev) {
-        if (isChildEvent(this.gridEl, ev) || ev.target?.closest(".o-popover")) {
-            return;
-        }
-        this.onClosePopover();
-    }
 }
 Grid.props = {
     sidePanelIsOpen: Boolean,
@@ -32651,6 +32645,7 @@ function extractStyle(cell, data) {
                 ? V_ALIGNMENT_EXPORT_CONVERSION_MAP[style.verticalAlign]
                 : undefined,
             wrapText: style.wrapping === "wrap" || cell.content?.includes(NEWLINE) ? true : undefined,
+            shrinkToFit: style.wrapping === "clip" ? true : undefined,
         },
     };
     styles.font["strike"] = !!style?.strikethrough || undefined;
@@ -32677,6 +32672,7 @@ function normalizeStyle(construct, styles) {
             vertical: styles.alignment.vertical,
             horizontal: styles.alignment.horizontal,
             wrapText: styles.alignment.wrapText,
+            shrinkToFit: styles.alignment.shrinkToFit,
         },
     };
     return pushElement(style, construct.styles);
@@ -36420,7 +36416,7 @@ class CellPlugin extends CorePlugin {
             for (const position of positions) {
                 const cell = this.getters.getCell(position);
                 const xc = toXC(position.col, position.row);
-                const style = this.removeDefaultStyleValues(cell.style);
+                const style = this.extractCustomStyle(cell);
                 cells[xc] = {
                     style: Object.keys(style).length ? getItemId(style, styles) : undefined,
                     format: cell.format ? getItemId(cell.format, formats) : undefined,
@@ -36441,10 +36437,14 @@ class CellPlugin extends CorePlugin {
     exportForExcel(data) {
         this.export(data);
     }
-    removeDefaultStyleValues(style) {
-        const cleanedStyle = { ...style };
-        for (const property in DEFAULT_STYLE) {
-            if (cleanedStyle[property] === DEFAULT_STYLE[property]) {
+    extractCustomStyle(cell) {
+        const cleanedStyle = { ...cell.style };
+        const defaultStyle = isNumber(cell.content, DEFAULT_LOCALE)
+            ? DEFAULT_NUMBER_STYLE
+            : DEFAULT_STYLE;
+        for (const property in cleanedStyle) {
+            if ((property !== "align" || !cell.isFormula) &&
+                cleanedStyle[property] === defaultStyle[property]) {
                 delete cleanedStyle[property];
             }
         }
@@ -53078,13 +53078,12 @@ class SpreadsheetDashboard extends owl.Component {
     onMouseWheel;
     canvasPosition;
     hoveredCell;
-    gridRef = owl.useRef("grid");
     setup() {
-        this.canvasPosition = useAbsoluteBoundingRect(this.gridRef);
+        const gridRef = owl.useRef("grid");
+        this.canvasPosition = useAbsoluteBoundingRect(gridRef);
         this.hoveredCell = owl.useState({ col: undefined, row: undefined });
         owl.useChildSubEnv({ getPopoverContainerRect: () => this.getGridRect() });
         useGridDrawing("canvas", this.env.model, () => this.env.model.getters.getSheetViewDimension());
-        owl.useExternalListener(window, "click", this.onExternalClick, { capture: true });
         this.onMouseWheel = useWheelHandler((deltaX, deltaY) => {
             this.moveCanvas(deltaX, deltaY);
             this.hoveredCell.col = undefined;
@@ -53181,15 +53180,6 @@ class SpreadsheetDashboard extends owl.Component {
     getGridRect() {
         return { ...this.canvasPosition, ...this.env.model.getters.getSheetViewDimensionWithHeaders() };
     }
-    onExternalClick(ev) {
-        const el = this.gridRef.el;
-        if ((el && isChildEvent(el, ev)) || ev.target?.closest(".o-popover")) {
-            return;
-        }
-        if (this.env.model.getters.hasOpenedPopover()) {
-            this.onClosePopover();
-        }
-    }
 }
 SpreadsheetDashboard.props = {};
 
@@ -57320,6 +57310,9 @@ function addStyles(styles) {
         if (style.alignment && style.alignment.wrapText) {
             alignAttrs.push(["wrapText", "1"]);
         }
+        if (style.alignment && style.alignment.shrinkToFit) {
+            alignAttrs.push(["shrinkToFit", "1"]);
+        }
         if (alignAttrs.length > 0) {
             attributes.push(["applyAlignment", "1"]); // for Libre Office
             styleNodes.push(escapeXml /*xml*/ `<xf ${formatAttributes(attributes)}><alignment ${formatAttributes(alignAttrs)} /></xf> `);
@@ -58556,6 +58549,6 @@ exports.setTranslationMethod = setTranslationMethod;
 exports.tokenize = tokenize;
 
 
-__info__.version = "17.0.82";
-__info__.date = "2025-12-26T10:17:37.110Z";
-__info__.hash = "df7c781";
+__info__.version = "17.0.84";
+__info__.date = "2026-01-14T09:59:26.542Z";
+__info__.hash = "ae64224";

package/dist/o-spreadsheet.d.ts

@@ -3470,7 +3470,7 @@ declare class CellPlugin extends CorePlugin<CoreState> implements CoreState {
         [key: number]: Format;
     }): Cell;
     exportForExcel(data: ExcelWorkbookData): void;
-    private removeDefaultStyleValues;
+    private extractCustomStyle;
     getCells(sheetId: UID): Record<UID, Cell>;
     /**
      * get a cell by ID. Used in evaluation when evaluating an async cell, we need to be able to find it back after
@@ -6695,7 +6695,6 @@ declare class SpreadsheetDashboard extends Component<Props$h, SpreadsheetChildEn
     onMouseWheel: (ev: WheelEvent) => void;
     canvasPosition: DOMCoordinates;
     hoveredCell: Partial<Position$1>;
-    private gridRef;
     setup(): void;
     onCellHovered({ col, row }: {
         col: any;
@@ -6717,7 +6716,6 @@ declare class SpreadsheetDashboard extends Component<Props$h, SpreadsheetChildEn
     onGridResized({ height, width }: DOMDimension): void;
     private moveCanvas;
     private getGridRect;
-    private onExternalClick;
 }
 
 interface Props$g {
@@ -7802,7 +7800,6 @@ declare class Grid extends Component<Props$1, SpreadsheetChildEnv> {
     private processHeaderGroupingEventOnHeaders;
     private processHeaderGroupingEventOnWholeSheet;
     private processHeaderGroupingEventOnGrid;
-    private onExternalClick;
 }
 
 type Direction = "horizontal" | "vertical";

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 17.0.82
- * @date 2025-12-26T10:17:37.110Z
- * @hash df7c781
+ * @version 17.0.84
+ * @date 2026-01-14T09:59:26.542Z
+ * @hash ae64224
  */
 
 import { Component, useRef, onMounted, useEffect, onWillPatch, useState, onWillUpdateProps, onPatched, useComponent, useExternalListener, onWillUnmount, onWillStart, xml, useChildSubEnv, useSubEnv, markRaw } from '@odoo/owl';
@@ -272,6 +272,7 @@ const DEFAULT_STYLE = {
     fillColor: "",
     textColor: "",
 };
+const DEFAULT_NUMBER_STYLE = { ...DEFAULT_STYLE, align: "right" };
 const DEFAULT_VERTICAL_ALIGN = DEFAULT_STYLE.verticalAlign;
 const DEFAULT_WRAPPING_MODE = DEFAULT_STYLE.wrapping;
 // Fonts
@@ -29913,7 +29914,6 @@ class Grid extends Component {
         useChildSubEnv({ getPopoverContainerRect: () => this.getGridRect() });
         useExternalListener(document.body, "cut", this.copy.bind(this, true));
         useExternalListener(document.body, "copy", this.copy.bind(this, false));
-        useExternalListener(window, "click", this.onExternalClick, { capture: true });
         useExternalListener(document.body, "paste", this.paste);
         onMounted(() => this.focusDefaultElement());
         this.props.exposeFocus(() => this.focusDefaultElement());
@@ -30480,12 +30480,6 @@ class Grid extends Component {
             }
         }
     }
-    onExternalClick(ev) {
-        if (isChildEvent(this.gridEl, ev) || ev.target?.closest(".o-popover")) {
-            return;
-        }
-        this.onClosePopover();
-    }
 }
 Grid.props = {
     sidePanelIsOpen: Boolean,
@@ -32649,6 +32643,7 @@ function extractStyle(cell, data) {
                 ? V_ALIGNMENT_EXPORT_CONVERSION_MAP[style.verticalAlign]
                 : undefined,
             wrapText: style.wrapping === "wrap" || cell.content?.includes(NEWLINE) ? true : undefined,
+            shrinkToFit: style.wrapping === "clip" ? true : undefined,
         },
     };
     styles.font["strike"] = !!style?.strikethrough || undefined;
@@ -32675,6 +32670,7 @@ function normalizeStyle(construct, styles) {
             vertical: styles.alignment.vertical,
             horizontal: styles.alignment.horizontal,
             wrapText: styles.alignment.wrapText,
+            shrinkToFit: styles.alignment.shrinkToFit,
         },
     };
     return pushElement(style, construct.styles);
@@ -36418,7 +36414,7 @@ class CellPlugin extends CorePlugin {
             for (const position of positions) {
                 const cell = this.getters.getCell(position);
                 const xc = toXC(position.col, position.row);
-                const style = this.removeDefaultStyleValues(cell.style);
+                const style = this.extractCustomStyle(cell);
                 cells[xc] = {
                     style: Object.keys(style).length ? getItemId(style, styles) : undefined,
                     format: cell.format ? getItemId(cell.format, formats) : undefined,
@@ -36439,10 +36435,14 @@ class CellPlugin extends CorePlugin {
     exportForExcel(data) {
         this.export(data);
     }
-    removeDefaultStyleValues(style) {
-        const cleanedStyle = { ...style };
-        for (const property in DEFAULT_STYLE) {
-            if (cleanedStyle[property] === DEFAULT_STYLE[property]) {
+    extractCustomStyle(cell) {
+        const cleanedStyle = { ...cell.style };
+        const defaultStyle = isNumber(cell.content, DEFAULT_LOCALE)
+            ? DEFAULT_NUMBER_STYLE
+            : DEFAULT_STYLE;
+        for (const property in cleanedStyle) {
+            if ((property !== "align" || !cell.isFormula) &&
+                cleanedStyle[property] === defaultStyle[property]) {
                 delete cleanedStyle[property];
             }
         }
@@ -53076,13 +53076,12 @@ class SpreadsheetDashboard extends Component {
     onMouseWheel;
     canvasPosition;
     hoveredCell;
-    gridRef = useRef("grid");
     setup() {
-        this.canvasPosition = useAbsoluteBoundingRect(this.gridRef);
+        const gridRef = useRef("grid");
+        this.canvasPosition = useAbsoluteBoundingRect(gridRef);
         this.hoveredCell = useState({ col: undefined, row: undefined });
         useChildSubEnv({ getPopoverContainerRect: () => this.getGridRect() });
         useGridDrawing("canvas", this.env.model, () => this.env.model.getters.getSheetViewDimension());
-        useExternalListener(window, "click", this.onExternalClick, { capture: true });
         this.onMouseWheel = useWheelHandler((deltaX, deltaY) => {
             this.moveCanvas(deltaX, deltaY);
             this.hoveredCell.col = undefined;
@@ -53179,15 +53178,6 @@ class SpreadsheetDashboard extends Component {
     getGridRect() {
         return { ...this.canvasPosition, ...this.env.model.getters.getSheetViewDimensionWithHeaders() };
     }
-    onExternalClick(ev) {
-        const el = this.gridRef.el;
-        if ((el && isChildEvent(el, ev)) || ev.target?.closest(".o-popover")) {
-            return;
-        }
-        if (this.env.model.getters.hasOpenedPopover()) {
-            this.onClosePopover();
-        }
-    }
 }
 SpreadsheetDashboard.props = {};
 
@@ -57318,6 +57308,9 @@ function addStyles(styles) {
         if (style.alignment && style.alignment.wrapText) {
             alignAttrs.push(["wrapText", "1"]);
         }
+        if (style.alignment && style.alignment.shrinkToFit) {
+            alignAttrs.push(["shrinkToFit", "1"]);
+        }
         if (alignAttrs.length > 0) {
             attributes.push(["applyAlignment", "1"]); // for Libre Office
             styleNodes.push(escapeXml /*xml*/ `<xf ${formatAttributes(attributes)}><alignment ${formatAttributes(alignAttrs)} /></xf> `);
@@ -58519,6 +58512,6 @@ const constants = {
 export { AbstractChart, CommandResult, CorePlugin, DispatchResult, EvaluationError, Model, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, UIPlugin, __info__, addFunction, astToFormula, compile, compileTokens, components, constants, convertAstNodes, coreTypes, findCellInNewZone, functionCache, helpers, hooks, invalidateCFEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, tokenize };
 
 
-__info__.version = "17.0.82";
-__info__.date = "2025-12-26T10:17:37.110Z";
-__info__.hash = "df7c781";
+__info__.version = "17.0.84";
+__info__.date = "2026-01-14T09:59:26.542Z";
+__info__.hash = "ae64224";

package/dist/o-spreadsheet.iife.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 17.0.82
- * @date 2025-12-26T10:17:37.110Z
- * @hash df7c781
+ * @version 17.0.84
+ * @date 2026-01-14T09:59:26.542Z
+ * @hash ae64224
  */
 
 (function (exports, owl) {
@@ -273,6 +273,7 @@
       fillColor: "",
       textColor: "",
   };
+  const DEFAULT_NUMBER_STYLE = { ...DEFAULT_STYLE, align: "right" };
   const DEFAULT_VERTICAL_ALIGN = DEFAULT_STYLE.verticalAlign;
   const DEFAULT_WRAPPING_MODE = DEFAULT_STYLE.wrapping;
   // Fonts
@@ -29914,7 +29915,6 @@
           owl.useChildSubEnv({ getPopoverContainerRect: () => this.getGridRect() });
           owl.useExternalListener(document.body, "cut", this.copy.bind(this, true));
           owl.useExternalListener(document.body, "copy", this.copy.bind(this, false));
-          owl.useExternalListener(window, "click", this.onExternalClick, { capture: true });
           owl.useExternalListener(document.body, "paste", this.paste);
           owl.onMounted(() => this.focusDefaultElement());
           this.props.exposeFocus(() => this.focusDefaultElement());
@@ -30481,12 +30481,6 @@
               }
           }
       }
-      onExternalClick(ev) {
-          if (isChildEvent(this.gridEl, ev) || ev.target?.closest(".o-popover")) {
-              return;
-          }
-          this.onClosePopover();
-      }
   }
   Grid.props = {
       sidePanelIsOpen: Boolean,
@@ -32650,6 +32644,7 @@
                   ? V_ALIGNMENT_EXPORT_CONVERSION_MAP[style.verticalAlign]
                   : undefined,
               wrapText: style.wrapping === "wrap" || cell.content?.includes(NEWLINE) ? true : undefined,
+              shrinkToFit: style.wrapping === "clip" ? true : undefined,
           },
       };
       styles.font["strike"] = !!style?.strikethrough || undefined;
@@ -32676,6 +32671,7 @@
               vertical: styles.alignment.vertical,
               horizontal: styles.alignment.horizontal,
               wrapText: styles.alignment.wrapText,
+              shrinkToFit: styles.alignment.shrinkToFit,
           },
       };
       return pushElement(style, construct.styles);
@@ -36419,7 +36415,7 @@
               for (const position of positions) {
                   const cell = this.getters.getCell(position);
                   const xc = toXC(position.col, position.row);
-                  const style = this.removeDefaultStyleValues(cell.style);
+                  const style = this.extractCustomStyle(cell);
                   cells[xc] = {
                       style: Object.keys(style).length ? getItemId(style, styles) : undefined,
                       format: cell.format ? getItemId(cell.format, formats) : undefined,
@@ -36440,10 +36436,14 @@
       exportForExcel(data) {
           this.export(data);
       }
-      removeDefaultStyleValues(style) {
-          const cleanedStyle = { ...style };
-          for (const property in DEFAULT_STYLE) {
-              if (cleanedStyle[property] === DEFAULT_STYLE[property]) {
+      extractCustomStyle(cell) {
+          const cleanedStyle = { ...cell.style };
+          const defaultStyle = isNumber(cell.content, DEFAULT_LOCALE)
+              ? DEFAULT_NUMBER_STYLE
+              : DEFAULT_STYLE;
+          for (const property in cleanedStyle) {
+              if ((property !== "align" || !cell.isFormula) &&
+                  cleanedStyle[property] === defaultStyle[property]) {
                   delete cleanedStyle[property];
               }
           }
@@ -53077,13 +53077,12 @@
       onMouseWheel;
       canvasPosition;
       hoveredCell;
-      gridRef = owl.useRef("grid");
       setup() {
-          this.canvasPosition = useAbsoluteBoundingRect(this.gridRef);
+          const gridRef = owl.useRef("grid");
+          this.canvasPosition = useAbsoluteBoundingRect(gridRef);
           this.hoveredCell = owl.useState({ col: undefined, row: undefined });
           owl.useChildSubEnv({ getPopoverContainerRect: () => this.getGridRect() });
           useGridDrawing("canvas", this.env.model, () => this.env.model.getters.getSheetViewDimension());
-          owl.useExternalListener(window, "click", this.onExternalClick, { capture: true });
           this.onMouseWheel = useWheelHandler((deltaX, deltaY) => {
               this.moveCanvas(deltaX, deltaY);
               this.hoveredCell.col = undefined;
@@ -53180,15 +53179,6 @@
       getGridRect() {
           return { ...this.canvasPosition, ...this.env.model.getters.getSheetViewDimensionWithHeaders() };
       }
-      onExternalClick(ev) {
-          const el = this.gridRef.el;
-          if ((el && isChildEvent(el, ev)) || ev.target?.closest(".o-popover")) {
-              return;
-          }
-          if (this.env.model.getters.hasOpenedPopover()) {
-              this.onClosePopover();
-          }
-      }
   }
   SpreadsheetDashboard.props = {};
 
@@ -57319,6 +57309,9 @@
           if (style.alignment && style.alignment.wrapText) {
               alignAttrs.push(["wrapText", "1"]);
           }
+          if (style.alignment && style.alignment.shrinkToFit) {
+              alignAttrs.push(["shrinkToFit", "1"]);
+          }
           if (alignAttrs.length > 0) {
               attributes.push(["applyAlignment", "1"]); // for Libre Office
               styleNodes.push(escapeXml /*xml*/ `<xf ${formatAttributes(attributes)}><alignment ${formatAttributes(alignAttrs)} /></xf> `);
@@ -58555,9 +58548,9 @@
   exports.tokenize = tokenize;
 
 
-  __info__.version = "17.0.82";
-  __info__.date = "2025-12-26T10:17:37.110Z";
-  __info__.hash = "df7c781";
+  __info__.version = "17.0.84";
+  __info__.date = "2026-01-14T09:59:26.542Z";
+  __info__.hash = "ae64224";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);