@odoo/o-spreadsheet 17.2.0 → 17.2.2

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.0
- * @date 2024-03-20T08:12:44.398Z
- * @hash 1869c24
+ * @version 17.2.2
+ * @date 2024-04-05T14:01:19.824Z
+ * @hash c15836d
  */
 
 'use strict';
@@ -31,7 +31,6 @@ const DEFAULT_COLOR_SCALE_MIDPOINT_COLOR = 0xb6d7a8;
 const LINK_COLOR = "#017E84";
 const FILTERS_COLOR = "#188038";
 const BACKGROUND_HEADER_FILTER_COLOR = "#E6F4EA";
-const BACKGROUND_HEADER_SELECTED_FILTER_COLOR = "#CEEAD6";
 const SEPARATOR_COLOR = "#E0E2E4";
 const ICONS_COLOR = "#4A4F59";
 const HEADER_GROUPING_BACKGROUND_COLOR = "#F5F5F5";
@@ -467,7 +466,7 @@ function getItemId(item, itemsDic) {
     }
     // Generate new Id if the item didn't exist in the dictionary
     const ids = Object.keys(itemsDic);
-    const maxId = ids.length === 0 ? 0 : Math.max(...ids.map((id) => parseInt(id, 10)));
+    const maxId = ids.length === 0 ? 0 : largeMax(ids.map((id) => parseInt(id, 10)));
     itemsDic[maxId + 1] = item;
     return maxId + 1;
 }
@@ -687,6 +686,34 @@ function getSearchRegex(searchStr, searchOptions) {
     }
     return RegExp(searchValue, flags);
 }
+/**
+ * Alternative to Math.max that works with large arrays.
+ * Typically useful for arrays bigger than 100k elements.
+ */
+function largeMax(array) {
+    let len = array.length;
+    if (len < 100000)
+        return Math.max(...array);
+    let max = -Infinity;
+    while (len--) {
+        max = array[len] > max ? array[len] : max;
+    }
+    return max;
+}
+/**
+ * Alternative to Math.min that works with large arrays.
+ * Typically useful for arrays bigger than 100k elements.
+ */
+function largeMin(array) {
+    let len = array.length;
+    if (len < 100000)
+        return Math.min(...array);
+    let min = +Infinity;
+    while (len--) {
+        min = array[len] < min ? array[len] : min;
+    }
+    return min;
+}
 
 const RBA_REGEX = /rgba?\(|\s+|\)/gi;
 const HEX_MATCH = /^#([A-F\d]{2}){3,4}$/;
@@ -4546,8 +4573,9 @@ function computeTextLinesHeight(textLineHeight, numberOfLines = 1) {
  * Get the default height of the cell given its style.
  */
 function getDefaultCellHeight(ctx, cell, colSize) {
-    if (!cell || !cell.content)
+    if (!cell || (!cell.isFormula && !cell.content)) {
         return DEFAULT_CELL_HEIGHT;
+    }
     const maxWidth = cell.style?.wrapping === "wrap" ? colSize - 2 * MIN_CELL_TEXT_MARGIN : undefined;
     const numberOfLines = cell.isFormula
         ? 1
@@ -8005,6 +8033,9 @@ class DependencyContainer {
     instantiate(Store, ...args) {
         return this.factory.build(Store, ...args);
     }
+    resetStores() {
+        this.dependencies.clear();
+    }
 }
 class StoreFactory {
     get;
@@ -9938,11 +9969,11 @@ autoCompleteProviders.add("dataValidation", {
         }
         else {
             const range = this.getters.getRangeFromSheetXC(position.sheetId, rule.criterion.values[0]);
-            values = this.getters
+            values = Array.from(new Set(this.getters
                 .getRangeValues(range)
                 .filter(isNotNull)
                 .map((value) => value.toString())
-                .filter((val) => val !== "");
+                .filter((val) => val !== "")));
         }
         return values.map((value) => ({ text: value }));
     },
@@ -19389,10 +19420,10 @@ function aggregateDataForLabels(labels, datasets) {
         }
     }
     return {
-        labels: Object.keys(labelMap),
+        labels: Array.from(labelSet),
         dataSetsValues: datasets.map((dataset, indexOfDataset) => ({
             ...dataset,
-            data: Object.values(labelMap).map((dataOfLabel) => dataOfLabel[indexOfDataset]),
+            data: Array.from(labelSet).map((label) => labelMap[label][indexOfDataset]),
         })),
     };
 }
@@ -20124,7 +20155,7 @@ function getBestTimeUnitForScale(labels, format, locale) {
         return undefined;
     }
     const labelsTimestamps = labelDates.map((date) => date.getTime());
-    const period = Math.max(...labelsTimestamps) - Math.min(...labelsTimestamps);
+    const period = largeMax(labelsTimestamps) - largeMin(labelsTimestamps);
     const minUnit = getFormatMinDisplayUnit(format);
     if (UNIT_LENGTH.second >= UNIT_LENGTH[minUnit] && Milliseconds.inSeconds(period) < 180) {
         return "second";
@@ -20612,7 +20643,7 @@ function getPieConfiguration(chart, labels, localeFormat) {
 }
 function getPieColors(colors, dataSetsValues) {
     const pieColors = [];
-    const maxLength = Math.max(...dataSetsValues.map((ds) => ds.data.length));
+    const maxLength = largeMax(dataSetsValues.map((ds) => ds.data.length));
     for (let i = 0; i <= maxLength; i++) {
         pieColors.push(colors.next());
     }
@@ -23417,8 +23448,8 @@ const DELETE_CONTENT_ROWS_NAME = (env) => {
     let last;
     const activesRows = env.model.getters.getActiveRows();
     if (activesRows.size !== 0) {
-        first = Math.min(...activesRows);
-        last = Math.max(...activesRows);
+        first = largeMin([...activesRows]);
+        last = largeMax([...activesRows]);
     }
     else {
         const zone = env.model.getters.getSelectedZones()[0];
@@ -23446,8 +23477,8 @@ const DELETE_CONTENT_COLUMNS_NAME = (env) => {
     let last;
     const activeCols = env.model.getters.getActiveCols();
     if (activeCols.size !== 0) {
-        first = Math.min(...activeCols);
-        last = Math.max(...activeCols);
+        first = largeMin([...activeCols]);
+        last = largeMax([...activeCols]);
     }
     else {
         const zone = env.model.getters.getSelectedZones()[0];
@@ -23475,8 +23506,8 @@ const REMOVE_ROWS_NAME = (env) => {
     let last;
     const activesRows = env.model.getters.getActiveRows();
     if (activesRows.size !== 0) {
-        first = Math.min(...activesRows);
-        last = Math.max(...activesRows);
+        first = largeMin([...activesRows]);
+        last = largeMax([...activesRows]);
     }
     else {
         const zone = env.model.getters.getSelectedZones()[0];
@@ -23517,8 +23548,8 @@ const REMOVE_COLUMNS_NAME = (env) => {
     let last;
     const activeCols = env.model.getters.getActiveCols();
     if (activeCols.size !== 0) {
-        first = Math.min(...activeCols);
-        last = Math.max(...activeCols);
+        first = largeMin([...activeCols]);
+        last = largeMax([...activeCols]);
     }
     else {
         const zone = env.model.getters.getSelectedZones()[0];
@@ -23559,7 +23590,7 @@ const INSERT_ROWS_BEFORE_ACTION = (env) => {
     let row;
     let quantity;
     if (activeRows.size) {
-        row = Math.min(...activeRows);
+        row = largeMin([...activeRows]);
         quantity = activeRows.size;
     }
     else {
@@ -23580,7 +23611,7 @@ const INSERT_ROWS_AFTER_ACTION = (env) => {
     let row;
     let quantity;
     if (activeRows.size) {
-        row = Math.max(...activeRows);
+        row = largeMax([...activeRows]);
         quantity = activeRows.size;
     }
     else {
@@ -23601,7 +23632,7 @@ const INSERT_COLUMNS_BEFORE_ACTION = (env) => {
     let column;
     let quantity;
     if (activeCols.size) {
-        column = Math.min(...activeCols);
+        column = largeMin([...activeCols]);
         quantity = activeCols.size;
     }
     else {
@@ -23622,7 +23653,7 @@ const INSERT_COLUMNS_AFTER_ACTION = (env) => {
     let column;
     let quantity;
     if (activeCols.size) {
-        column = Math.max(...activeCols);
+        column = largeMax([...activeCols]);
         quantity = activeCols.size;
     }
     else {
@@ -24215,14 +24246,19 @@ const categorieFunctionAll = {
     children: [allFunctionListMenuBuilder],
 };
 function allFunctionListMenuBuilder() {
-    const fnNames = functionRegistry.getKeys();
+    const fnNames = functionRegistry.getKeys().filter((key) => !functionRegistry.get(key).hidden);
     return createFormulaFunctions(fnNames);
 }
 const categoriesFunctionListMenuBuilder = () => {
     const functions = functionRegistry.content;
-    const categories = [...new Set(functionRegistry.getAll().map((fn) => fn.category))].filter(isDefined$1);
+    const categories = [
+        ...new Set(functionRegistry
+            .getAll()
+            .filter((fn) => !fn.hidden)
+            .map((fn) => fn.category)),
+    ].filter(isDefined$1);
     return categories.sort().map((category, i) => {
-        const functionsInCategory = Object.keys(functions).filter((key) => functions[key].category === category);
+        const functionsInCategory = Object.keys(functions).filter((key) => functions[key].category === category && !functions[key].hidden);
         return {
             name: category,
             children: createFormulaFunctions(functionsInCategory),
@@ -28380,11 +28416,9 @@ css /* scss */ `
     }
     .o-cell-is-operator {
       margin-bottom: 5px;
-      width: 96%;
     }
     .o-cell-is-value {
       margin-bottom: 5px;
-      width: 96%;
     }
     .o-color-picker-widget .o-color-picker-button {
       pointer-events: all;
@@ -30218,7 +30252,11 @@ class SplitIntoColumnsPanel extends owl.Component {
         const composerStore = useStore(ComposerStore);
         // The feature makes no sense if we are editing a cell, because then the selection isn't active
         // Stop the edition when the panel is mounted, and close the panel if the user start editing a cell
-        owl.useEffect(this.props.onCloseSidePanel, () => [composerStore.editionMode]);
+        owl.useEffect((editionMode) => {
+            if (editionMode !== "inactive") {
+                this.props.onCloseSidePanel();
+            }
+        }, () => [composerStore.editionMode]);
         owl.onMounted(() => {
             composerStore.stopEdition();
         });
@@ -31086,6 +31124,9 @@ class FigureComponent extends owl.Component {
                 el?.focus({ preventScroll: true });
             }
         }, () => [this.env.model.getters.getSelectedFigureId(), this.props.figure.id, this.figureRef.el]);
+        owl.onWillUnmount(() => {
+            this.props.onFigureDeleted();
+        });
     }
     clickAnchor(dirX, dirY, ev) {
         this.props.onClickAnchor(dirX, dirY, ev);
@@ -31104,6 +31145,7 @@ class FigureComponent extends owl.Component {
                 this.props.onFigureDeleted();
                 ev.stopPropagation();
                 ev.preventDefault();
+                ev.stopPropagation();
                 break;
             case "ArrowDown":
             case "ArrowLeft":
@@ -31124,6 +31166,7 @@ class FigureComponent extends owl.Component {
                 });
                 ev.stopPropagation();
                 ev.preventDefault();
+                ev.stopPropagation();
                 break;
         }
     }
@@ -31791,6 +31834,7 @@ function compareContentToSpanElement(content, node) {
 // -----------------------------------------------------------------------------
 css /* scss */ `
   .o-formula-assistant {
+    background: #ffffff;
     .o-formula-assistant-head {
       background-color: #f2f2f2;
       padding: 10px;
@@ -31846,6 +31890,9 @@ class FunctionDescriptionProvider extends owl.Component {
             this.assistantState.allowCellSelectionBehind = false;
         }, 2000);
     }
+    get formulaArgSeparator() {
+        return this.env.model.getters.getLocale().formulaArgSeparator + " ";
+    }
 }
 
 const functions$2 = functionRegistry.content;
@@ -32005,6 +32052,12 @@ class Composer extends owl.Component {
         owl.useEffect(() => {
             this.processContent();
         });
+        owl.onPatched(() => {
+            // Required because typing '=SUM' and double-clicking another cell leaves ShowProvider/ShowDescription true
+            if (this.composerStore.editionMode === "inactive") {
+                this.processTokenAtCursor();
+            }
+        });
     }
     // ---------------------------------------------------------------------------
     // Handlers
@@ -33985,11 +34038,6 @@ css /* scss */ `
       height: 10000px;
       background-color: ${SELECTION_BORDER_COLOR};
     }
-    .o-unhide-buttons {
-      width: fit-content;
-      gap: 5px;
-      transform: translate(-50%, 0);
-    }
     .o-unhide:hover {
       z-index: ${ComponentsImportance.Grid + 1};
       background-color: lightgrey;
@@ -34151,10 +34199,6 @@ css /* scss */ `
       height: 1px;
       background-color: ${SELECTION_BORDER_COLOR};
     }
-    .o-unhide-buttons {
-      height: fit-content;
-      transform: translate(0, -50%);
-    }
     .o-unhide:hover {
       z-index: ${ComponentsImportance.Grid + 1};
       background-color: lightgrey;
@@ -34615,19 +34659,16 @@ class GridRenderer {
         for (let col = left; col <= right; col++) {
             const colZone = { left: col, right: col, top: 0, bottom: numberOfRows - 1 };
             const { x, width } = this.getters.getVisibleRect(colZone);
-            const colHasFilter = this.getters.doesZonesContainFilter(sheetId, [colZone]);
             const isColActive = activeCols.has(col);
             const isColSelected = selectedCols.has(col);
             if (isColActive) {
-                ctx.fillStyle = colHasFilter ? FILTERS_COLOR : BACKGROUND_HEADER_ACTIVE_COLOR;
+                ctx.fillStyle = BACKGROUND_HEADER_ACTIVE_COLOR;
             }
             else if (isColSelected) {
-                ctx.fillStyle = colHasFilter
-                    ? BACKGROUND_HEADER_SELECTED_FILTER_COLOR
-                    : BACKGROUND_HEADER_SELECTED_COLOR;
+                ctx.fillStyle = BACKGROUND_HEADER_SELECTED_COLOR;
             }
             else {
-                ctx.fillStyle = colHasFilter ? BACKGROUND_HEADER_FILTER_COLOR : BACKGROUND_HEADER_COLOR;
+                ctx.fillStyle = BACKGROUND_HEADER_COLOR;
             }
             ctx.fillRect(x, 0, width, HEADER_HEIGHT);
         }
@@ -34635,19 +34676,16 @@ class GridRenderer {
         for (let row = top; row <= bottom; row++) {
             const rowZone = { top: row, bottom: row, left: 0, right: numberOfCols - 1 };
             const { y, height } = this.getters.getVisibleRect(rowZone);
-            const rowHasFilter = this.getters.doesZonesContainFilter(sheetId, [rowZone]);
             const isRowActive = activeRows.has(row);
             const isRowSelected = selectedRows.has(row);
             if (isRowActive) {
-                ctx.fillStyle = rowHasFilter ? FILTERS_COLOR : BACKGROUND_HEADER_ACTIVE_COLOR;
+                ctx.fillStyle = BACKGROUND_HEADER_ACTIVE_COLOR;
             }
             else if (isRowSelected) {
-                ctx.fillStyle = rowHasFilter
-                    ? BACKGROUND_HEADER_SELECTED_FILTER_COLOR
-                    : BACKGROUND_HEADER_SELECTED_COLOR;
+                ctx.fillStyle = BACKGROUND_HEADER_SELECTED_COLOR;
             }
             else {
-                ctx.fillStyle = rowHasFilter ? BACKGROUND_HEADER_FILTER_COLOR : BACKGROUND_HEADER_COLOR;
+                ctx.fillStyle = BACKGROUND_HEADER_COLOR;
             }
             ctx.fillRect(0, y, HEADER_WIDTH, height);
         }
@@ -37854,7 +37892,7 @@ function convertHyperlink(link, cellValue, warningManager) {
 function getSheetDims(sheet) {
     const dims = [0, 0];
     for (let row of sheet.rows) {
-        dims[0] = Math.max(dims[0], ...row.cells.map((cell) => toCartesian(cell.xc).col));
+        dims[0] = Math.max(dims[0], largeMax(row.cells.map((cell) => toCartesian(cell.xc).col)));
         dims[1] = Math.max(dims[1], row.index);
     }
     dims[0] = Math.max(dims[0], EXCEL_IMPORT_DEFAULT_NUMBER_OF_COLS);
@@ -42361,6 +42399,9 @@ class DataValidationPlugin extends CorePlugin {
         if (newRule.criterion.type === "isBoolean") {
             this.setCenterStyleToBooleanCells(newRule);
         }
+        else if (newRule.criterion.type === "isValueInList") {
+            newRule.criterion.values = Array.from(new Set(newRule.criterion.values));
+        }
         const adaptedRules = this.removeRangesFromRules(sheetId, newRule.ranges, rules);
         const ruleIndex = adaptedRules.findIndex((rule) => rule.id === newRule.id);
         if (ruleIndex !== -1) {
@@ -42757,7 +42798,7 @@ class HeaderVisibilityPlugin extends CorePlugin {
                 if (hiddenElements.size >= elements) {
                     return "TooManyHiddenElements" /* CommandResult.TooManyHiddenElements */;
                 }
-                else if (Math.min(...cmd.elements) < 0 || Math.max(...cmd.elements) > elements) {
+                else if (largeMin(cmd.elements) < 0 || largeMax(cmd.elements) > elements) {
                     return "InvalidHeaderIndex" /* CommandResult.InvalidHeaderIndex */;
                 }
                 else {
@@ -43575,8 +43616,8 @@ class RangeAdapter {
                     let newRange = range;
                     let changeType = "NONE";
                     for (let group of groups) {
-                        const min = Math.min(...group);
-                        const max = Math.max(...group);
+                        const min = largeMin(group);
+                        const max = largeMax(group);
                         if (range.zone[start] <= min && min <= range.zone[end]) {
                             const toRemove = Math.min(range.zone[end], max) - min + 1;
                             changeType = "RESIZE";
@@ -44025,8 +44066,8 @@ class SheetPlugin extends CorePlugin {
                 }
                 return "Success" /* CommandResult.Success */;
             case "REMOVE_COLUMNS_ROWS": {
-                const min = Math.min(...cmd.elements);
-                const max = Math.max(...cmd.elements);
+                const min = largeMin(cmd.elements);
+                const max = largeMax(cmd.elements);
                 if (min < 0 || !this.doesHeaderExist(cmd.sheetId, cmd.dimension, max)) {
                     return "InvalidHeaderIndex" /* CommandResult.InvalidHeaderIndex */;
                 }
@@ -44820,7 +44861,6 @@ class SheetPlugin extends CorePlugin {
 
 class TablePlugin extends CorePlugin {
     static getters = [
-        "doesZonesContainFilter",
         "getFilter",
         "getFilters",
         "getTable",
@@ -44977,10 +45017,6 @@ class TablePlugin extends CorePlugin {
     getTablesOverlappingZones(sheetId, zones) {
         return this.getTables(sheetId).filter((table) => zones.some((zone) => overlap(table.range.zone, zone)));
     }
-    doesZonesContainFilter(sheetId, zones) {
-        return (this.getTablesOverlappingZones(sheetId, zones).filter((table) => table.config.hasFilters)
-            .length > 0);
-    }
     getFilterHeaders(sheetId) {
         const headers = [];
         for (const table of this.getTables(sheetId)) {
@@ -47495,7 +47531,7 @@ class EvaluationPlugin extends UIPlugin {
                 ? getItemId(newFormat, data.formats)
                 : exportedCellData.format;
             let content;
-            if (formulaCell instanceof FormulaCellWithDependencies) {
+            if (isFormula && formulaCell instanceof FormulaCellWithDependencies) {
                 content = formulaCell.contentWithFixedReferences;
             }
             else {
@@ -47944,13 +47980,13 @@ class EvaluationConditionalFormatPlugin extends UIPlugin {
             .map((cell) => cell.value);
         switch (threshold.type) {
             case "value":
-                const result = functionName === "max" ? Math.max(...rangeValues) : Math.min(...rangeValues);
+                const result = functionName === "max" ? largeMax(rangeValues) : largeMin(rangeValues);
                 return result;
             case "number":
                 return Number(threshold.value);
             case "percentage":
-                const min = Math.min(...rangeValues);
-                const max = Math.max(...rangeValues);
+                const min = largeMin(rangeValues);
+                const max = largeMax(rangeValues);
                 const delta = max - min;
                 return min + (delta * Number(threshold.value)) / 100;
             case "percentile":
@@ -49023,13 +49059,13 @@ class AutomaticSumPlugin extends UIPlugin {
         const cells = this.getters.getEvaluatedCellsInZone(sheet.id, zone);
         const cellPositions = range(end, -1, -1);
         const invalidCells = cellPositions.filter((position) => cells[position] && !cells[position].isAutoSummable);
-        const maxValidPosition = Math.max(...invalidCells);
+        const maxValidPosition = largeMax(invalidCells);
         const numberSequences = groupConsecutive(cellPositions.filter((position) => this.isNumber(cells[position])));
         const firstSequence = numberSequences[0] || [];
-        if (Math.max(...firstSequence) < maxValidPosition) {
+        if (largeMax(firstSequence) < maxValidPosition) {
             return Infinity;
         }
-        return Math.min(...firstSequence);
+        return largeMin(firstSequence);
     }
     shouldFindData(sheetId, zone) {
         return this.getters.isEmpty(sheetId, zone) || this.getters.isSingleCellOrMerge(sheetId, zone);
@@ -50770,7 +50806,7 @@ class SheetUIPlugin extends UIPlugin {
     getColMaxWidth(sheetId, index) {
         const cellsPositions = positions(this.getters.getColsZone(sheetId, index, index));
         const sizes = cellsPositions.map((position) => this.getCellWidth({ sheetId, ...position }));
-        return Math.max(0, ...sizes);
+        return Math.max(0, largeMax(sizes));
     }
     /**
      * Check that any "sheetId" in the command matches an existing
@@ -52475,6 +52511,7 @@ class GridSelectionPlugin extends UIPlugin {
                 this.gridSelection.zones = this.gridSelection.zones.map((z) => this.getters.expandZone(sheetId, z));
                 this.gridSelection.anchor.zone = this.getters.expandZone(sheetId, this.gridSelection.anchor.zone);
                 this.setSelectionMixin(this.gridSelection.anchor, this.gridSelection.zones);
+                this.selectedFigureId = null;
                 break;
         }
         /** Any change to the selection has to be  reflected in the selection processor. */
@@ -53665,7 +53702,7 @@ class SheetViewPlugin extends UIPlugin {
      * column of the current viewport
      */
     getColDimensionsInViewport(sheetId, col) {
-        const left = Math.min(...this.getters.getSheetViewVisibleCols());
+        const left = largeMin(this.getters.getSheetViewVisibleCols());
         const start = this.getters.getColRowOffsetInViewport("COL", left, col);
         const size = this.getters.getColSize(sheetId, col);
         const isColHidden = this.getters.isColHidden(sheetId, col);
@@ -53680,7 +53717,7 @@ class SheetViewPlugin extends UIPlugin {
      * of the current viewport
      */
     getRowDimensionsInViewport(sheetId, row) {
-        const top = Math.min(...this.getters.getSheetViewVisibleRows());
+        const top = largeMin(this.getters.getSheetViewVisibleRows());
         const start = this.getters.getColRowOffsetInViewport("ROW", top, row);
         const size = this.getters.getRowSize(sheetId, row);
         const isRowHidden = this.getters.isRowHidden(sheetId, row);
@@ -54393,12 +54430,14 @@ class BottomBarSheet extends owl.Component {
         this.editionState = "initializing";
     }
     stopEdition() {
-        if (!this.state.isEditing)
+        const input = this.sheetNameRef.el;
+        if (!this.state.isEditing || !input)
             return;
         this.state.isEditing = false;
         this.editionState = "initializing";
-        this.sheetNameRef.el?.blur();
+        input.blur();
         const inputValue = this.getInputContent() || "";
+        input.innerText = inputValue;
         interactiveRenameSheet(this.env, this.props.sheetId, inputValue, () => this.startEdition());
     }
     cancelEdition() {
@@ -54689,7 +54728,7 @@ class BottomBar extends owl.Component {
         this.sheetListRef.el.scrollTo({ top: 0, left: scroll, behavior: "smooth" });
     }
     onSheetMouseDown(sheetId, event) {
-        if (event.button !== 0)
+        if (event.button !== 0 || this.env.model.getters.isReadonly())
             return;
         this.closeMenu();
         const visibleSheets = this.getVisibleSheets();
@@ -56093,9 +56132,6 @@ css /* scss */ `
     .text-muted {
       color: grey !important;
     }
-    button {
-      color: #333;
-    }
     .o-disabled {
       opacity: 0.4;
       pointer: default;
@@ -56216,17 +56252,17 @@ css /* scss */ `
   }
 
   .o-button {
-    border: 1px solid lightgrey;
+    border: 1px solid;
     padding: 0px 20px 0px 20px;
     border-radius: 4px;
     font-weight: 500;
     font-size: 14px;
     height: 30px;
     line-height: 16px;
-    background: white;
     margin-right: 8px;
-    &:hover:enabled {
-      background-color: rgba(0, 0, 0, 0.08);
+
+    &:not(:hover) {
+      background-color: transparent;
     }
 
     &:enabled {
@@ -56240,6 +56276,15 @@ css /* scss */ `
     &:last-child {
       margin-right: 0px;
     }
+
+    &.o-button-grey {
+      border-color: lightgrey;
+      background: #ffffff;
+      color: #333;
+      &:hover:enabled {
+        background-color: rgba(0, 0, 0, 0.08);
+      }
+    }
   }
 
   .o-input {
@@ -58137,7 +58182,7 @@ function addLineChart(chart) {
 }
 function addDoughnutChart(chart, chartSheetIndex, data, { holeSize } = { holeSize: 50 }) {
     const colors = new ChartColors();
-    const maxLength = Math.max(...chart.dataSets.map((ds) => getRangeSize(ds.range, chartSheetIndex, data)));
+    const maxLength = largeMax(chart.dataSets.map((ds) => getRangeSize(ds.range, chartSheetIndex, data)));
     const doughnutColors = range(0, maxLength).map(() => toXlsxHexColor(colors.next()));
     const dataSetsNodes = [];
     for (const [dsIndex, dataset] of Object.entries(chart.dataSets).reverse()) {
@@ -60167,6 +60212,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
 
-__info__.version = "17.2.0";
-__info__.date = "2024-03-20T08:12:44.398Z";
-__info__.hash = "1869c24";
+__info__.version = "17.2.2";
+__info__.date = "2024-04-05T14:01:19.824Z";
+__info__.hash = "c15836d";

package/dist/o-spreadsheet.d.ts

@@ -76,6 +76,7 @@ declare class DependencyContainer {
      */
     get<T>(Store: StoreConstructor<T>): T;
     instantiate<T>(Store: StoreConstructor<T>, ...args: StoreParams<StoreConstructor<T>>): T;
+    resetStores(): void;
 }
 
 /**
@@ -3030,7 +3031,7 @@ interface TableState {
     tables: Record<UID, Record<TableId, Table | undefined>>;
 }
 declare class TablePlugin extends CorePlugin<TableState> implements TableState {
-    static getters: readonly ["doesZonesContainFilter", "getFilter", "getFilters", "getTable", "getTables", "getTablesInZone", "getTablesOverlappingZones", "getFilterId", "getFilterHeaders", "isFilterHeader"];
+    static getters: readonly ["getFilter", "getFilters", "getTable", "getTables", "getTablesInZone", "getTablesOverlappingZones", "getFilterId", "getFilterHeaders", "isFilterHeader"];
     readonly tables: Record<UID, Record<TableId, Table | undefined>>;
     adaptRanges(applyChange: ApplyRangeChange, sheetId?: UID): void;
     allowDispatch(cmd: CoreCommand): CommandResult | CommandResult[];
@@ -3043,7 +3044,6 @@ declare class TablePlugin extends CorePlugin<TableState> implements TableState {
     /** Get the filter tables that are fully inside the given zone */
     getTablesInZone(sheetId: UID, zone: Zone): Table[];
     getTablesOverlappingZones(sheetId: UID, zones: Zone[]): Table[];
-    doesZonesContainFilter(sheetId: UID, zones: Zone[]): boolean;
     getFilterHeaders(sheetId: UID): Position$1[];
     isFilterHeader({ sheetId, col, row }: CellPosition): boolean;
     /** Extend a table down one row */
@@ -6647,7 +6647,7 @@ interface Props$z {
 interface AssistantState {
     allowCellSelectionBehind: boolean;
 }
-declare class FunctionDescriptionProvider extends Component<Props$z> {
+declare class FunctionDescriptionProvider extends Component<Props$z, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         functionName: StringConstructor;
@@ -6659,6 +6659,7 @@ declare class FunctionDescriptionProvider extends Component<Props$z> {
     setup(): void;
     getContext(): Props$z;
     onMouseMove(): void;
+    get formulaArgSeparator(): string;
 }
 
 type HtmlContent = {