@odoo/o-spreadsheet 18.1.18 → 18.1.19

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 18.1.18
- * @date 2025-05-02T12:30:47.822Z
- * @hash 29c21c6
+ * @version 18.1.19
+ * @date 2025-05-12T05:26:05.861Z
+ * @hash 44cc170
  */
 
 import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, useState, onPatched, onWillPatch, onWillUpdateProps, useExternalListener, onWillStart, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
@@ -6271,6 +6271,25 @@ function moveHeaderIndexesOnHeaderDeletion(deletedHeaders, headers) {
     })
         .filter(isDefined);
 }
+function getNextSheetName(existingNames, baseName = "Sheet") {
+    let i = 1;
+    let name = `${baseName}${i}`;
+    while (existingNames.includes(name)) {
+        name = `${baseName}${i}`;
+        i++;
+    }
+    return name;
+}
+function getDuplicateSheetName(nameToDuplicate, existingNames) {
+    let i = 1;
+    const baseName = _t("Copy of %s", nameToDuplicate);
+    let name = baseName.toString();
+    while (existingNames.includes(name)) {
+        name = `${baseName} (${i})`;
+        i++;
+    }
+    return name;
+}
 
 function computeTextLinesHeight(textLineHeight, numberOfLines = 1) {
     return numberOfLines * (textLineHeight + MIN_CELL_TEXT_MARGIN) - MIN_CELL_TEXT_MARGIN;
@@ -7969,6 +7988,24 @@ const monthNumberAdapter = {
         return `${normalizedValue}`;
     },
 };
+/**
+ * normalizes month number + year
+ */
+const monthAdapter = {
+    normalizeFunctionValue(value) {
+        const date = toNumber(value, DEFAULT_LOCALE);
+        return formatValue(date, { locale: DEFAULT_LOCALE, format: "mm/yyyy" });
+    },
+    toValueAndFormat(normalizedValue) {
+        return {
+            value: toNumber(normalizedValue, DEFAULT_LOCALE),
+            format: "mmmm yyyy",
+        };
+    },
+    toFunctionValue(normalizedValue) {
+        return `"${normalizedValue}"`;
+    },
+};
 /**
  * normalizes quarter number
  */
@@ -8099,6 +8136,7 @@ pivotTimeAdapterRegistry
     .add("day_of_month", nullHandlerDecorator(dayOfMonthAdapter))
     .add("iso_week_number", nullHandlerDecorator(isoWeekNumberAdapter))
     .add("month_number", nullHandlerDecorator(monthNumberAdapter))
+    .add("month", nullHandlerDecorator(monthAdapter))
     .add("quarter_number", nullHandlerDecorator(quarterNumberAdapter))
     .add("day_of_week", nullHandlerDecorator(dayOfWeekAdapter))
     .add("hour_number", nullHandlerDecorator(hourNumberAdapter))
@@ -8278,10 +8316,7 @@ function toNormalizedPivotValue(dimension, groupValue) {
     return normalizer(groupValueString, dimension.granularity);
 }
 function normalizeDateTime(value, granularity) {
-    if (!granularity) {
-        throw new Error("Missing granularity");
-    }
-    return pivotTimeAdapter(granularity).normalizeFunctionValue(value);
+    return pivotTimeAdapter(granularity ?? "month").normalizeFunctionValue(value);
 }
 function toFunctionPivotValue(value, dimension) {
     if (value === null) {
@@ -8293,10 +8328,7 @@ function toFunctionPivotValue(value, dimension) {
     return pivotToFunctionValueRegistry.get(dimension.type)(value, dimension.granularity);
 }
 function toFunctionValueDateTime(value, granularity) {
-    if (!granularity) {
-        throw new Error("Missing granularity");
-    }
-    return pivotTimeAdapter(granularity).toFunctionValue(value);
+    return pivotTimeAdapter(granularity ?? "month").toFunctionValue(value);
 }
 const pivotNormalizationValueRegistry = new Registry();
 pivotNormalizationValueRegistry
@@ -9611,12 +9643,24 @@ class ComposerFocusStore extends SpreadsheetStore {
 }
 
 const chartJsExtensionRegistry = new Registry();
-/** Return window.Chart, making sure all our extensions are loaded in ChartJS */
-function getChartJSConstructor() {
-    if (window.Chart && !window.Chart?.registry.plugins.get("chartShowValuesPlugin")) {
-        window.Chart.register(...chartJsExtensionRegistry.getAll());
+function areChartJSExtensionsLoaded() {
+    return !!window.Chart.registry.plugins.get("chartShowValuesPlugin");
+}
+function registerChartJSExtensions() {
+    if (!window.Chart || areChartJSExtensionsLoaded()) {
+        return;
+    }
+    for (const registryItem of chartJsExtensionRegistry.getAll()) {
+        registryItem.register(window.Chart);
+    }
+}
+function unregisterChartJsExtensions() {
+    if (!window.Chart) {
+        return;
+    }
+    for (const registryItem of chartJsExtensionRegistry.getAll()) {
+        registryItem.unregister(window.Chart);
     }
-    return window.Chart;
 }
 
 const TREND_LINE_XAXIS_ID = "x1";
@@ -10157,8 +10201,14 @@ function getNextNonEmptyBar(bars, startIndex) {
     return bars.find((bar, i) => i > startIndex && bar.height !== 0);
 }
 
-chartJsExtensionRegistry.add("chartShowValuesPlugin", chartShowValuesPlugin);
-chartJsExtensionRegistry.add("waterfallLinesPlugin", waterfallLinesPlugin);
+chartJsExtensionRegistry.add("chartShowValuesPlugin", {
+    register: (Chart) => Chart.register(chartShowValuesPlugin),
+    unregister: (Chart) => Chart.unregister(chartShowValuesPlugin),
+});
+chartJsExtensionRegistry.add("waterfallLinesPlugin", {
+    register: (Chart) => Chart.register(waterfallLinesPlugin),
+    unregister: (Chart) => Chart.unregister(waterfallLinesPlugin),
+});
 class ChartJsComponent extends Component {
     static template = "o-spreadsheet-ChartJsComponent";
     static props = {
@@ -10210,8 +10260,7 @@ class ChartJsComponent extends Component {
     createChart(chartData) {
         const canvas = this.canvas.el;
         const ctx = canvas.getContext("2d");
-        const Chart = getChartJSConstructor();
-        this.chart = new Chart(ctx, chartData);
+        this.chart = new window.Chart(ctx, chartData);
     }
     updateChartJs(chartData) {
         if (chartData.data && chartData.data.datasets) {
@@ -18343,7 +18392,7 @@ const IF = {
             return { value: "" };
         }
         if (result.value === null) {
-            result.value = "";
+            return { ...result, value: "" };
         }
         return result;
     },
@@ -18364,7 +18413,7 @@ const IFERROR = {
             return { value: "" };
         }
         if (result.value === null) {
-            result.value = "";
+            return { ...result, value: "" };
         }
         return result;
     },
@@ -18385,7 +18434,7 @@ const IFNA = {
             return { value: "" };
         }
         if (result.value === null) {
-            result.value = "";
+            return { ...result, value: "" };
         }
         return result;
     },
@@ -18411,7 +18460,7 @@ const IFS = {
                     return { value: "" };
                 }
                 if (result.value === null) {
-                    result.value = "";
+                    return { ...result, value: "" };
                 }
                 return result;
             }
@@ -18529,6 +18578,11 @@ function addPivotDependencies(evalContext, coreDefinition, forMeasures) {
         if (range === undefined || range.invalidXc || range.invalidSheetName) {
             throw new InvalidReferenceError();
         }
+        if (evalContext.__originCellPosition &&
+            range.sheetId === evalContext.__originSheetId &&
+            isZoneInside(positionToZone(evalContext.__originCellPosition), zone)) {
+            throw new CircularDependencyError();
+        }
         dependencies.push(range);
     }
     for (const measure of forMeasures) {
@@ -22790,6 +22844,7 @@ const CHART_COMMON_OPTIONS = {
         },
     },
     animation: false,
+    events: ["mousemove", "mouseout", "click", "touchstart", "touchmove", "mouseup"],
 };
 function truncateLabel(label) {
     if (!label) {
@@ -22815,8 +22870,7 @@ function chartToImage(runtime, figure, type) {
     if ("chartJsConfig" in runtime) {
         const config = deepCopy(runtime.chartJsConfig);
         config.plugins = [backgroundColorChartJSPlugin];
-        const Chart = getChartJSConstructor();
-        const chart = new Chart(canvas, config);
+        const chart = new window.Chart(canvas, config);
         const imgContent = chart.toBase64Image();
         chart.destroy();
         div.remove();
@@ -27948,6 +28002,7 @@ function repairInitialMessages(data, initialMessages) {
     initialMessages = dropCommands(initialMessages, "SORT_CELLS");
     initialMessages = dropCommands(initialMessages, "SET_DECIMAL");
     initialMessages = fixChartDefinitions(data, initialMessages);
+    initialMessages = fixTranslatedDuplicateSheetName(data, initialMessages);
     return initialMessages;
 }
 /**
@@ -28047,6 +28102,40 @@ function fixChartDefinitions(data, initialMessages) {
     }
     return messages;
 }
+function fixTranslatedDuplicateSheetName(data, initialMessages) {
+    const sheetNames = {};
+    for (const sheet of data.sheets || []) {
+        sheetNames[sheet.id] = sheet.name;
+    }
+    const messages = [];
+    for (const message of initialMessages) {
+        if (message.type === "REMOTE_REVISION") {
+            const commands = [];
+            for (const cmd of message.commands) {
+                switch (cmd.type) {
+                    case "DUPLICATE_SHEET":
+                        cmd.sheetNameTo =
+                            cmd.sheetNameTo ??
+                                getDuplicateSheetName(sheetNames[cmd.sheetId], Object.values(sheetNames));
+                        break;
+                    case "CREATE_SHEET":
+                    case "RENAME_SHEET":
+                        sheetNames[cmd.sheetId] = cmd.name || getNextSheetName(Object.values(sheetNames));
+                        break;
+                }
+                commands.push(cmd);
+            }
+            messages.push({
+                ...message,
+                commands,
+            });
+        }
+        else {
+            messages.push(message);
+        }
+    }
+    return initialMessages;
+}
 // -----------------------------------------------------------------------------
 // Helpers
 // -----------------------------------------------------------------------------
@@ -28844,12 +28933,11 @@ function canBeLinearChart(definition, dataSets, labelRange, getters) {
 }
 let missingTimeAdapterAlreadyWarned = false;
 function isLuxonTimeAdapterInstalled() {
-    const Chart = getChartJSConstructor();
-    if (!Chart) {
+    if (!window.Chart) {
         return false;
     }
     // @ts-ignore
-    const adapter = new Chart._adapters._date({});
+    const adapter = new window.Chart._adapters._date({});
     const isInstalled = adapter._id === "luxon";
     if (!isInstalled && !missingTimeAdapterAlreadyWarned) {
         missingTimeAdapterAlreadyWarned = true;
@@ -29487,6 +29575,9 @@ const INTERACTIVE_LEGEND_CONFIG = {
         target.style.cursor = "default";
     },
     onClick: (event, legendItem, legend) => {
+        if (event.type !== "click") {
+            return;
+        }
         const index = legendItem.datasetIndex;
         if (!legend.legendItems || index === undefined) {
             return;
@@ -33212,10 +33303,13 @@ const duplicateSheet = {
     name: _t("Duplicate"),
     execute: (env) => {
         const sheetIdFrom = env.model.getters.getActiveSheetId();
+        const sheetNameFrom = env.model.getters.getSheetName(sheetIdFrom);
         const sheetIdTo = env.model.uuidGenerator.smallUuid();
+        const sheetNameTo = env.model.getters.getDuplicateSheetName(sheetNameFrom);
         env.model.dispatch("DUPLICATE_SHEET", {
             sheetId: sheetIdFrom,
             sheetIdTo,
+            sheetNameTo,
         });
         env.model.dispatch("ACTIVATE_SHEET", { sheetIdFrom, sheetIdTo });
     },
@@ -41035,6 +41129,13 @@ class Composer extends Component {
     openAssistant() {
         this.assistant.forcedClosed = false;
     }
+    onWheel(event) {
+        // detect if scrollbar is available
+        if (this.composerRef.el &&
+            this.composerRef.el.scrollHeight > this.composerRef.el.clientHeight) {
+            event.stopPropagation();
+        }
+    }
     // ---------------------------------------------------------------------------
     // Private
     // ---------------------------------------------------------------------------
@@ -45972,8 +46073,8 @@ function compareDimensionValues(dimension, a, b) {
 
 const NULL_SYMBOL = Symbol("NULL");
 function createDate(dimension, value, locale) {
-    const granularity = dimension.granularity;
-    if (!granularity || !(granularity in MAP_VALUE_DIMENSION_DATE)) {
+    const granularity = dimension.granularity || "month";
+    if (!(granularity in MAP_VALUE_DIMENSION_DATE)) {
         throw new Error(`Unknown date granularity: ${granularity}`);
     }
     const keyInMap = typeof value === "number" || typeof value === "string" ? value : NULL_SYMBOL;
@@ -45992,6 +46093,9 @@ function createDate(dimension, value, locale) {
                 case "month_number":
                     number = date.getMonth() + 1;
                     break;
+                case "month":
+                    number = Math.floor(toNumber(value, locale));
+                    break;
                 case "iso_week_number":
                     number = date.getIsoWeek();
                     break;
@@ -46085,6 +46189,10 @@ const MAP_VALUE_DIMENSION_DATE = {
         set: new Set(),
         values: {},
     },
+    month: {
+        set: new Set(),
+        values: {},
+    },
     iso_week_number: {
         set: new Set(),
         values: {},
@@ -46295,7 +46403,7 @@ class SpreadsheetPivot {
         const cells = this.filterDataEntriesFromDomain(this.dataEntries, domain);
         const finalCell = cells[0]?.[dimension.nameWithGranularity];
         if (dimension.type === "datetime") {
-            const adapter = pivotTimeAdapter(dimension.granularity);
+            const adapter = pivotTimeAdapter((dimension.granularity || "month"));
             return adapter.toValueAndFormat(lastNode.value, this.getters.getLocale());
         }
         if (!finalCell) {
@@ -46413,7 +46521,7 @@ class SpreadsheetPivot {
         if (nonEmptyCells.length === 0) {
             return "integer";
         }
-        if (nonEmptyCells.every((cell) => cell.format && isDateTimeFormat(cell.format))) {
+        if (nonEmptyCells.every((cell) => cell.type === CellValueType.number && cell.format && isDateTimeFormat(cell.format))) {
             return "datetime";
         }
         if (nonEmptyCells.every((cell) => cell.type === CellValueType.boolean)) {
@@ -46508,7 +46616,7 @@ class SpreadsheetPivot {
             for (const entry of dataEntries) {
                 for (const dimension of dateDimensions) {
                     const value = createDate(dimension, entry[dimension.fieldName]?.value || null, this.getters.getLocale());
-                    const adapter = pivotTimeAdapter(dimension.granularity);
+                    const adapter = pivotTimeAdapter((dimension.granularity || "month"));
                     const { format, value: valueToFormat } = adapter.toValueAndFormat(value, locale);
                     entry[dimension.nameWithGranularity] = {
                         value,
@@ -46528,6 +46636,7 @@ const dateGranularities = [
     "year",
     "quarter_number",
     "month_number",
+    "month",
     "iso_week_number",
     "day_of_month",
     "day",
@@ -46775,7 +46884,7 @@ class PivotSidePanelStore extends SpreadsheetStore {
                 : this.datetimeGranularities);
         }
         for (const field of dateFields) {
-            granularitiesPerFields[field.fieldName].delete(field.granularity);
+            granularitiesPerFields[field.fieldName].delete(field.granularity || "month");
         }
         return granularitiesPerFields;
     }
@@ -48950,6 +49059,8 @@ class GridComposer extends Component {
     }
     get composerProps() {
         const { width, height } = this.env.model.getters.getSheetViewDimensionWithHeaders();
+        // Remove the wrapper border width
+        const maxHeight = this.props.gridDims.height - this.rect.y - 2 * COMPOSER_BORDER_WIDTH;
         return {
             rect: { ...this.rect },
             delimitation: {
@@ -48967,6 +49078,7 @@ class GridComposer extends Component {
             }),
             onInputContextMenu: this.props.onInputContextMenu,
             composerStore: this.composerStore,
+            inputStyle: `max-height: ${maxHeight}px;`,
         };
     }
     get containerStyle() {
@@ -54257,9 +54369,7 @@ class ChartPlugin extends CorePlugin {
             : "Success" /* CommandResult.Success */;
     }
     checkChartExists(cmd) {
-        return this.getters.getFigureSheetId(cmd.id)
-            ? "Success" /* CommandResult.Success */
-            : "ChartDoesNotExist" /* CommandResult.ChartDoesNotExist */;
+        return this.isChartDefined(cmd.id) ? "Success" /* CommandResult.Success */ : "ChartDoesNotExist" /* CommandResult.ChartDoesNotExist */;
     }
 }
 
@@ -56544,6 +56654,7 @@ class SheetPlugin extends CorePlugin {
         "getCommandZones",
         "getUnboundedZone",
         "checkElementsIncludeAllNonFrozenHeaders",
+        "getDuplicateSheetName",
     ];
     sheetIdsMapName = {};
     orderedSheetIds = [];
@@ -56568,7 +56679,11 @@ class SheetPlugin extends CorePlugin {
                 return this.checkValidations(cmd, this.checkSheetName, this.checkSheetPosition);
             }
             case "DUPLICATE_SHEET": {
-                return this.sheets[cmd.sheetIdTo] ? "DuplicatedSheetId" /* CommandResult.DuplicatedSheetId */ : "Success" /* CommandResult.Success */;
+                if (this.sheets[cmd.sheetIdTo])
+                    return "DuplicatedSheetId" /* CommandResult.DuplicatedSheetId */;
+                if (this.orderedSheetIds.map(this.getSheetName.bind(this)).includes(cmd.sheetNameTo))
+                    return "DuplicatedSheetName" /* CommandResult.DuplicatedSheetName */;
+                return "Success" /* CommandResult.Success */;
             }
             case "MOVE_SHEET":
                 try {
@@ -56645,7 +56760,7 @@ class SheetPlugin extends CorePlugin {
                 this.showSheet(cmd.sheetId);
                 break;
             case "DUPLICATE_SHEET":
-                this.duplicateSheet(cmd.sheetId, cmd.sheetIdTo);
+                this.duplicateSheet(cmd.sheetId, cmd.sheetIdTo, cmd.sheetNameTo);
                 break;
             case "DELETE_SHEET":
                 this.deleteSheet(this.sheets[cmd.sheetId]);
@@ -56851,14 +56966,8 @@ class SheetPlugin extends CorePlugin {
         return dimension === "COL" ? this.getNumberCols(sheetId) : this.getNumberRows(sheetId);
     }
     getNextSheetName(baseName = "Sheet") {
-        let i = 1;
         const names = this.orderedSheetIds.map(this.getSheetName.bind(this));
-        let name = `${baseName}${i}`;
-        while (names.includes(name)) {
-            name = `${baseName}${i}`;
-            i++;
-        }
-        return name;
+        return getNextSheetName(names, baseName);
     }
     getSheetSize(sheetId) {
         return {
@@ -57104,9 +57213,8 @@ class SheetPlugin extends CorePlugin {
     showSheet(sheetId) {
         this.history.update("sheets", sheetId, "isVisible", true);
     }
-    duplicateSheet(fromId, toId) {
+    duplicateSheet(fromId, toId, toName) {
         const sheet = this.getSheet(fromId);
-        const toName = this.getDuplicateSheetName(sheet.name);
         const newSheet = deepCopy(sheet);
         newSheet.id = toId;
         newSheet.name = toName;
@@ -57138,15 +57246,8 @@ class SheetPlugin extends CorePlugin {
         this.history.update("sheetIdsMapName", sheetIdsMapName);
     }
     getDuplicateSheetName(sheetName) {
-        let i = 1;
         const names = this.orderedSheetIds.map(this.getSheetName.bind(this));
-        const baseName = _t("Copy of %s", sheetName);
-        let name = baseName.toString();
-        while (names.includes(name)) {
-            name = `${baseName} (${i})`;
-            i++;
-        }
-        return name;
+        return getDuplicateSheetName(sheetName, names);
     }
     deleteSheet(sheet) {
         const name = sheet.name;
@@ -59973,8 +60074,8 @@ class SpreadingRelation {
 const EMPTY_ARRAY = [];
 
 const MAX_ITERATION = 30;
-const ERROR_CYCLE_CELL = createEvaluatedCell(new CircularDependencyError());
-const EMPTY_CELL = createEvaluatedCell({ value: null });
+const ERROR_CYCLE_CELL = Object.freeze(createEvaluatedCell(new CircularDependencyError()));
+const EMPTY_CELL = Object.freeze(createEvaluatedCell({ value: null }));
 class Evaluator {
     context;
     getters;
@@ -71306,11 +71407,13 @@ class Spreadsheet extends Component {
             this.checkViewportSize();
             stores.on("store-updated", this, render);
             resizeObserver.observe(this.spreadsheetRef.el);
+            registerChartJSExtensions();
         });
         onWillUnmount(() => {
             this.unbindModelEvents();
             stores.off("store-updated", this);
             resizeObserver.disconnect();
+            unregisterChartJsExtensions();
         });
         onPatched(() => {
             this.checkViewportSize();
@@ -75760,6 +75863,6 @@ const chartHelpers = { ...CHART_HELPERS, ...CHART_RUNTIME_HELPERS };
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, CommandResult, CorePlugin, DispatchResult, EvaluationError, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, chartHelpers, 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 = "18.1.18";
-__info__.date = "2025-05-02T12:30:47.822Z";
-__info__.hash = "29c21c6";
+__info__.version = "18.1.19";
+__info__.date = "2025-05-12T05:26:05.861Z";
+__info__.hash = "44cc170";