@odoo/o-spreadsheet 17.2.22 → 17.2.24

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.22
- * @date 2024-08-26T13:48:03.927Z
- * @hash 4157fb8
+ * @version 17.2.24
+ * @date 2024-10-14T07:49:56.845Z
+ * @hash 7e88bec
  */
 
 'use strict';
@@ -163,7 +163,7 @@ const DEFAULT_STYLE = {
     underline: false,
     fontSize: 10,
     fillColor: "",
-    textColor: "#000000",
+    textColor: "",
 };
 const DEFAULT_VERTICAL_ALIGN = DEFAULT_STYLE.verticalAlign;
 const DEFAULT_WRAPPING_MODE = DEFAULT_STYLE.wrapping;
@@ -5787,9 +5787,11 @@ class CellClipboardHandler extends AbstractCellClipboardHandler {
         const targetCell = this.getters.getEvaluatedCell(target);
         const originFormat = origin.cell?.format ?? origin.evaluatedCell.format;
         if (clipboardOption?.pasteOption === "asValue") {
-            const locale = this.getters.getLocale();
-            const content = formatValue(origin.evaluatedCell.value, { locale });
-            this.dispatch("UPDATE_CELL", { ...target, content, format: originFormat });
+            this.dispatch("UPDATE_CELL", {
+                ...target,
+                content: origin.evaluatedCell.value?.toString() || "",
+                format: originFormat,
+            });
             return;
         }
         if (clipboardOption?.pasteOption === "onlyFormat") {
@@ -6299,25 +6301,26 @@ class TableClipboardHandler extends AbstractCellClipboardHandler {
             for (let col of columnsIndexes) {
                 const position = { col, row, sheetId };
                 const table = this.getters.getTable(position);
-                if (!table || copiedTablesIds.has(table.id)) {
+                if (!table) {
                     tableCellsInRow.push({});
                     continue;
                 }
+                let copiedTable = undefined;
                 // Copy whole table
-                if (zones.some((z) => isZoneInside(table.range.zone, z))) {
+                if (!copiedTablesIds.has(table.id) &&
+                    zones.some((z) => isZoneInside(table.range.zone, z))) {
                     copiedTablesIds.add(table.id);
                     const values = [];
                     for (const col of range(table.range.zone.left, table.range.zone.right + 1)) {
                         values.push(this.getters.getFilterHiddenValues({ sheetId, col, row: table.range.zone.top }));
                     }
-                    tableCellsInRow.push({
-                        table: { filtersValues: values, range: table.range, config: table.config },
-                    });
-                }
-                // Copy only style of cell
-                else {
-                    tableCellsInRow.push({ style: this.getTableStyleToCopy(position) });
+                    copiedTable = { filtersValues: values, range: table.range, config: table.config };
                 }
+                tableCellsInRow.push({
+                    table: copiedTable,
+                    style: this.getTableStyleToCopy(position),
+                    isWholeTableCopied: copiedTablesIds.has(table.id),
+                });
             }
         }
         return {
@@ -6409,8 +6412,12 @@ class TableClipboardHandler extends AbstractCellClipboardHandler {
             }
         }
         // Do not paste table style if we're inside another table
-        if (!this.getters.getTable(position)) {
-            if (tableCell.style?.style && options?.pasteOption !== "asValue") {
+        if (this.getters.getTable(position) || options?.pasteOption === "asValue") {
+            return;
+        }
+        if ((!options?.pasteOption && !tableCell.isWholeTableCopied) ||
+            options?.pasteOption === "onlyFormat") {
+            if (tableCell.style?.style) {
                 this.dispatch("UPDATE_CELL", { ...position, style: tableCell.style.style });
             }
             if (tableCell.style?.border) {
@@ -37590,6 +37597,18 @@ function convertOperator(operator) {
 // -------------------------------------
 //        WORKSHEET HELPERS
 // -------------------------------------
+function getCellType(value) {
+    switch (typeof value) {
+        case "boolean":
+            return "b";
+        case "string":
+            return "str";
+        case "number":
+            return "n";
+        default:
+            return undefined;
+    }
+}
 function convertHeightToExcel(height) {
     return Math.round(HEIGHT_FACTOR * height * 100) / 100;
 }
@@ -50425,9 +50444,9 @@ class Session extends EventBus {
     /**
      * Notify the server that the user client left the collaborative session
      */
-    leave(data) {
+    async leave(data) {
         if (Object.keys(this.clients).length === 1 && this.processedRevisions.size) {
-            this.snapshot(data());
+            await this.snapshot(data());
         }
         delete this.clients[this.clientId];
         this.transportService.leave(this.clientId);
@@ -50440,12 +50459,12 @@ class Session extends EventBus {
     /**
      * Send a snapshot of the spreadsheet to the collaboration server
      */
-    snapshot(data) {
+    async snapshot(data) {
         if (this.pendingMessages.length !== 0) {
             return;
         }
         const snapshotId = this.uuidGenerator.uuidv4();
-        this.transportService.sendMessage({
+        await this.transportService.sendMessage({
             type: "SNAPSHOT",
             nextRevisionId: snapshotId,
             serverRevisionId: this.serverRevisionId,
@@ -50659,6 +50678,7 @@ class Session extends EventBus {
             case "REMOTE_REVISION":
             case "REVISION_REDONE":
             case "REVISION_UNDONE":
+            case "SNAPSHOT_CREATED":
                 return this.processedRevisions.has(message.nextRevisionId);
             default:
                 return false;
@@ -52125,6 +52145,9 @@ class TableStylePlugin extends UIPlugin {
             case "FOLD_HEADER_GROUP":
             case "FOLD_ALL_HEADER_GROUPS":
             case "UNFOLD_ALL_HEADER_GROUPS":
+            case "FOLD_HEADER_GROUPS_IN_ZONE":
+            case "UNFOLD_HEADER_GROUPS_IN_ZONE":
+            case "UNGROUP_HEADERS":
             case "UPDATE_TABLE":
             case "UPDATE_FILTER":
                 delete this.tableStyles[cmd.sheetId];
@@ -52820,6 +52843,8 @@ class FilterEvaluationPlugin extends UIPlugin {
             case "UNFOLD_HEADER_GROUP":
             case "FOLD_ALL_HEADER_GROUPS":
             case "UNFOLD_ALL_HEADER_GROUPS":
+            case "FOLD_HEADER_GROUPS_IN_ZONE":
+            case "UNFOLD_HEADER_GROUPS_IN_ZONE":
                 this.updateHiddenRows(cmd.sheetId);
                 break;
             case "UPDATE_FILTER":
@@ -53214,6 +53239,8 @@ class GridSelectionPlugin extends UIPlugin {
                 this.selectedFigureId = null;
                 break;
         }
+    }
+    finalize() {
         /** Any change to the selection has to be  reflected in the selection processor. */
         this.selection.resetDefaultAnchor(this, deepCopy(this.gridSelection.anchor));
     }
@@ -54042,7 +54069,6 @@ class SheetViewPlugin extends UIPlugin {
         }
     }
     handle(cmd) {
-        this.cleanViewports();
         // changing the evaluation can hide/show rows because of data filters
         if (invalidateEvaluationCommands.has(cmd.type)) {
             for (const sheetId of this.getters.getSheetIds()) {
@@ -54058,6 +54084,7 @@ class SheetViewPlugin extends UIPlugin {
                 break;
             case "UNDO":
             case "REDO":
+                this.cleanViewports();
                 for (const sheetId of this.getters.getSheetIds()) {
                     this.sheetsWithDirtyViewports.add(sheetId);
                 }
@@ -54112,6 +54139,9 @@ class SheetViewPlugin extends UIPlugin {
                     }
                 }
                 break;
+            case "DELETE_SHEET":
+                this.cleanViewports();
+                break;
             case "ACTIVATE_SHEET":
                 this.sheetsWithDirtyViewports.add(cmd.sheetIdTo);
                 break;
@@ -55272,6 +55302,17 @@ css /* scss */ `
       .o-bottom-bar-fade-in {
         background-image: linear-gradient(90deg, #cfcfcf, transparent 1%);
       }
+
+      .o-sheet-list {
+        overflow-y: hidden;
+        overflow-x: auto;
+
+        &::-webkit-scrollbar {
+          display: none; /* Chrome */
+        }
+        -ms-overflow-style: none; /* IE and Edge */
+        scrollbar-width: none; /* Firefox */
+      }
     }
 
     .o-bottom-bar-arrows {
@@ -57168,7 +57209,7 @@ class Spreadsheet extends owl.Component {
 
 class LocalTransportService {
     listeners = [];
-    sendMessage(message) {
+    async sendMessage(message) {
         for (const { callback } of this.listeners) {
             callback(message);
         }
@@ -59005,17 +59046,13 @@ function addFormula(cell) {
     if (!formula) {
         return { attrs: [], node: escapeXml `` };
     }
-    const attrs = [];
-    let node = escapeXml ``;
-    let cycle = escapeXml ``;
-    const XlsxFormula = adaptFormulaToExcel(formula);
-    // hack for cycles : if we don't set a value (be it 0 or #VALUE!), it will appear as invisible on excel,
-    // Making it very hard for the client to find where the recursion is.
-    if (cell.value === CellErrorType.CircularDependency) {
-        attrs.push(["t", "str"]);
-        cycle = escapeXml /*xml*/ `<v>${cell.value}</v>`;
+    const type = getCellType(cell.value);
+    if (type === undefined) {
+        return { attrs: [], node: escapeXml `` };
     }
-    node = escapeXml /*xml*/ `<f>${XlsxFormula}</f>${cycle}`;
+    const attrs = [["t", type]];
+    const XlsxFormula = adaptFormulaToExcel(formula);
+    const node = escapeXml /*xml*/ `<f>${XlsxFormula}</f><v>${cell.value}</v>`;
     return { attrs, node };
 }
 function addContent(content, sharedStrings, forceString = false) {
@@ -60367,8 +60404,8 @@ class Model extends EventBus {
     joinSession() {
         this.session.join(this.config.client);
     }
-    leaveSession() {
-        this.session.leave(lazy(() => this.exportData()));
+    async leaveSession() {
+        await this.session.leave(lazy(() => this.exportData()));
     }
     setupUiPlugin(Plugin) {
         const plugin = new Plugin(this.uiPluginConfig);
@@ -60922,6 +60959,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
 
-__info__.version = "17.2.22";
-__info__.date = "2024-08-26T13:48:03.927Z";
-__info__.hash = "4157fb8";
+__info__.version = "17.2.24";
+__info__.date = "2024-10-14T07:49:56.845Z";
+__info__.hash = "7e88bec";

package/dist/o-spreadsheet.d.ts

@@ -3354,7 +3354,7 @@ interface TransportService<T = any> {
     /**
      * Send a message to all clients
      */
-    sendMessage: (message: T) => void;
+    sendMessage: (message: T) => Promise<void>;
     /**
      * Register a callback function which will be called each time
      * a new message is received.
@@ -3451,11 +3451,11 @@ declare class Session extends EventBus<CollaborativeEvent> {
     /**
      * Notify the server that the user client left the collaborative session
      */
-    leave(data: Lazy<WorkbookData>): void;
+    leave(data: Lazy<WorkbookData>): Promise<void>;
     /**
      * Send a snapshot of the spreadsheet to the collaboration server
      */
-    snapshot(data: WorkbookData): void;
+    snapshot(data: WorkbookData): Promise<void>;
     getClient(): Client;
     getConnectedClients(): Set<Client>;
     getRevisionId(): UID;
@@ -4227,6 +4227,7 @@ declare class GridSelectionPlugin extends UIPlugin {
     allowDispatch(cmd: LocalCommand): CommandResult;
     private handleEvent;
     handle(cmd: Command): void;
+    finalize(): void;
     isGridSelectionActive(): boolean;
     getActiveSheet(): Readonly<Sheet>;
     getActiveSheetId(): UID;
@@ -5167,7 +5168,7 @@ declare class Model extends EventBus<any> implements CommandDispatcher {
     private readonly coreHandlers;
     constructor(data?: any, config?: Partial<ModelConfig>, stateUpdateMessages?: StateUpdateMessage[], uuidGenerator?: UuidGenerator, verboseImport?: boolean);
     joinSession(): void;
-    leaveSession(): void;
+    leaveSession(): Promise<void>;
     private setupUiPlugin;
     /**
      * Initialize and properly configure a plugin.

package/dist/o-spreadsheet.esm.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.22
- * @date 2024-08-26T13:48:03.927Z
- * @hash 4157fb8
+ * @version 17.2.24
+ * @date 2024-10-14T07:49:56.845Z
+ * @hash 7e88bec
  */
 
 import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, useState, onPatched, onWillPatch, onWillUpdateProps, useExternalListener, onWillStart, xml, useChildSubEnv, markRaw } from '@odoo/owl';
@@ -161,7 +161,7 @@ const DEFAULT_STYLE = {
     underline: false,
     fontSize: 10,
     fillColor: "",
-    textColor: "#000000",
+    textColor: "",
 };
 const DEFAULT_VERTICAL_ALIGN = DEFAULT_STYLE.verticalAlign;
 const DEFAULT_WRAPPING_MODE = DEFAULT_STYLE.wrapping;
@@ -5785,9 +5785,11 @@ class CellClipboardHandler extends AbstractCellClipboardHandler {
         const targetCell = this.getters.getEvaluatedCell(target);
         const originFormat = origin.cell?.format ?? origin.evaluatedCell.format;
         if (clipboardOption?.pasteOption === "asValue") {
-            const locale = this.getters.getLocale();
-            const content = formatValue(origin.evaluatedCell.value, { locale });
-            this.dispatch("UPDATE_CELL", { ...target, content, format: originFormat });
+            this.dispatch("UPDATE_CELL", {
+                ...target,
+                content: origin.evaluatedCell.value?.toString() || "",
+                format: originFormat,
+            });
             return;
         }
         if (clipboardOption?.pasteOption === "onlyFormat") {
@@ -6297,25 +6299,26 @@ class TableClipboardHandler extends AbstractCellClipboardHandler {
             for (let col of columnsIndexes) {
                 const position = { col, row, sheetId };
                 const table = this.getters.getTable(position);
-                if (!table || copiedTablesIds.has(table.id)) {
+                if (!table) {
                     tableCellsInRow.push({});
                     continue;
                 }
+                let copiedTable = undefined;
                 // Copy whole table
-                if (zones.some((z) => isZoneInside(table.range.zone, z))) {
+                if (!copiedTablesIds.has(table.id) &&
+                    zones.some((z) => isZoneInside(table.range.zone, z))) {
                     copiedTablesIds.add(table.id);
                     const values = [];
                     for (const col of range(table.range.zone.left, table.range.zone.right + 1)) {
                         values.push(this.getters.getFilterHiddenValues({ sheetId, col, row: table.range.zone.top }));
                     }
-                    tableCellsInRow.push({
-                        table: { filtersValues: values, range: table.range, config: table.config },
-                    });
-                }
-                // Copy only style of cell
-                else {
-                    tableCellsInRow.push({ style: this.getTableStyleToCopy(position) });
+                    copiedTable = { filtersValues: values, range: table.range, config: table.config };
                 }
+                tableCellsInRow.push({
+                    table: copiedTable,
+                    style: this.getTableStyleToCopy(position),
+                    isWholeTableCopied: copiedTablesIds.has(table.id),
+                });
             }
         }
         return {
@@ -6407,8 +6410,12 @@ class TableClipboardHandler extends AbstractCellClipboardHandler {
             }
         }
         // Do not paste table style if we're inside another table
-        if (!this.getters.getTable(position)) {
-            if (tableCell.style?.style && options?.pasteOption !== "asValue") {
+        if (this.getters.getTable(position) || options?.pasteOption === "asValue") {
+            return;
+        }
+        if ((!options?.pasteOption && !tableCell.isWholeTableCopied) ||
+            options?.pasteOption === "onlyFormat") {
+            if (tableCell.style?.style) {
                 this.dispatch("UPDATE_CELL", { ...position, style: tableCell.style.style });
             }
             if (tableCell.style?.border) {
@@ -37588,6 +37595,18 @@ function convertOperator(operator) {
 // -------------------------------------
 //        WORKSHEET HELPERS
 // -------------------------------------
+function getCellType(value) {
+    switch (typeof value) {
+        case "boolean":
+            return "b";
+        case "string":
+            return "str";
+        case "number":
+            return "n";
+        default:
+            return undefined;
+    }
+}
 function convertHeightToExcel(height) {
     return Math.round(HEIGHT_FACTOR * height * 100) / 100;
 }
@@ -50423,9 +50442,9 @@ class Session extends EventBus {
     /**
      * Notify the server that the user client left the collaborative session
      */
-    leave(data) {
+    async leave(data) {
         if (Object.keys(this.clients).length === 1 && this.processedRevisions.size) {
-            this.snapshot(data());
+            await this.snapshot(data());
         }
         delete this.clients[this.clientId];
         this.transportService.leave(this.clientId);
@@ -50438,12 +50457,12 @@ class Session extends EventBus {
     /**
      * Send a snapshot of the spreadsheet to the collaboration server
      */
-    snapshot(data) {
+    async snapshot(data) {
         if (this.pendingMessages.length !== 0) {
             return;
         }
         const snapshotId = this.uuidGenerator.uuidv4();
-        this.transportService.sendMessage({
+        await this.transportService.sendMessage({
             type: "SNAPSHOT",
             nextRevisionId: snapshotId,
             serverRevisionId: this.serverRevisionId,
@@ -50657,6 +50676,7 @@ class Session extends EventBus {
             case "REMOTE_REVISION":
             case "REVISION_REDONE":
             case "REVISION_UNDONE":
+            case "SNAPSHOT_CREATED":
                 return this.processedRevisions.has(message.nextRevisionId);
             default:
                 return false;
@@ -52123,6 +52143,9 @@ class TableStylePlugin extends UIPlugin {
             case "FOLD_HEADER_GROUP":
             case "FOLD_ALL_HEADER_GROUPS":
             case "UNFOLD_ALL_HEADER_GROUPS":
+            case "FOLD_HEADER_GROUPS_IN_ZONE":
+            case "UNFOLD_HEADER_GROUPS_IN_ZONE":
+            case "UNGROUP_HEADERS":
             case "UPDATE_TABLE":
             case "UPDATE_FILTER":
                 delete this.tableStyles[cmd.sheetId];
@@ -52818,6 +52841,8 @@ class FilterEvaluationPlugin extends UIPlugin {
             case "UNFOLD_HEADER_GROUP":
             case "FOLD_ALL_HEADER_GROUPS":
             case "UNFOLD_ALL_HEADER_GROUPS":
+            case "FOLD_HEADER_GROUPS_IN_ZONE":
+            case "UNFOLD_HEADER_GROUPS_IN_ZONE":
                 this.updateHiddenRows(cmd.sheetId);
                 break;
             case "UPDATE_FILTER":
@@ -53212,6 +53237,8 @@ class GridSelectionPlugin extends UIPlugin {
                 this.selectedFigureId = null;
                 break;
         }
+    }
+    finalize() {
         /** Any change to the selection has to be  reflected in the selection processor. */
         this.selection.resetDefaultAnchor(this, deepCopy(this.gridSelection.anchor));
     }
@@ -54040,7 +54067,6 @@ class SheetViewPlugin extends UIPlugin {
         }
     }
     handle(cmd) {
-        this.cleanViewports();
         // changing the evaluation can hide/show rows because of data filters
         if (invalidateEvaluationCommands.has(cmd.type)) {
             for (const sheetId of this.getters.getSheetIds()) {
@@ -54056,6 +54082,7 @@ class SheetViewPlugin extends UIPlugin {
                 break;
             case "UNDO":
             case "REDO":
+                this.cleanViewports();
                 for (const sheetId of this.getters.getSheetIds()) {
                     this.sheetsWithDirtyViewports.add(sheetId);
                 }
@@ -54110,6 +54137,9 @@ class SheetViewPlugin extends UIPlugin {
                     }
                 }
                 break;
+            case "DELETE_SHEET":
+                this.cleanViewports();
+                break;
             case "ACTIVATE_SHEET":
                 this.sheetsWithDirtyViewports.add(cmd.sheetIdTo);
                 break;
@@ -55270,6 +55300,17 @@ css /* scss */ `
       .o-bottom-bar-fade-in {
         background-image: linear-gradient(90deg, #cfcfcf, transparent 1%);
       }
+
+      .o-sheet-list {
+        overflow-y: hidden;
+        overflow-x: auto;
+
+        &::-webkit-scrollbar {
+          display: none; /* Chrome */
+        }
+        -ms-overflow-style: none; /* IE and Edge */
+        scrollbar-width: none; /* Firefox */
+      }
     }
 
     .o-bottom-bar-arrows {
@@ -57166,7 +57207,7 @@ class Spreadsheet extends Component {
 
 class LocalTransportService {
     listeners = [];
-    sendMessage(message) {
+    async sendMessage(message) {
         for (const { callback } of this.listeners) {
             callback(message);
         }
@@ -59003,17 +59044,13 @@ function addFormula(cell) {
     if (!formula) {
         return { attrs: [], node: escapeXml `` };
     }
-    const attrs = [];
-    let node = escapeXml ``;
-    let cycle = escapeXml ``;
-    const XlsxFormula = adaptFormulaToExcel(formula);
-    // hack for cycles : if we don't set a value (be it 0 or #VALUE!), it will appear as invisible on excel,
-    // Making it very hard for the client to find where the recursion is.
-    if (cell.value === CellErrorType.CircularDependency) {
-        attrs.push(["t", "str"]);
-        cycle = escapeXml /*xml*/ `<v>${cell.value}</v>`;
+    const type = getCellType(cell.value);
+    if (type === undefined) {
+        return { attrs: [], node: escapeXml `` };
     }
-    node = escapeXml /*xml*/ `<f>${XlsxFormula}</f>${cycle}`;
+    const attrs = [["t", type]];
+    const XlsxFormula = adaptFormulaToExcel(formula);
+    const node = escapeXml /*xml*/ `<f>${XlsxFormula}</f><v>${cell.value}</v>`;
     return { attrs, node };
 }
 function addContent(content, sharedStrings, forceString = false) {
@@ -60365,8 +60402,8 @@ class Model extends EventBus {
     joinSession() {
         this.session.join(this.config.client);
     }
-    leaveSession() {
-        this.session.leave(lazy(() => this.exportData()));
+    async leaveSession() {
+        await this.session.leave(lazy(() => this.exportData()));
     }
     setupUiPlugin(Plugin) {
         const plugin = new Plugin(this.uiPluginConfig);
@@ -60879,6 +60916,6 @@ const constants = {
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, CommandResult, CorePlugin, DispatchResult, EvaluationError, Model, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, compile, compileTokens, components, constants, convertAstNodes, coreTypes, findCellInNewZone, functionCache, helpers, hooks, invalidateCFEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
 
-__info__.version = "17.2.22";
-__info__.date = "2024-08-26T13:48:03.927Z";
-__info__.hash = "4157fb8";
+__info__.version = "17.2.24";
+__info__.date = "2024-10-14T07:49:56.845Z";
+__info__.hash = "7e88bec";