@odoo/o-spreadsheet 17.2.0 → 17.2.1

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.1
+ * @date 2024-03-25T09:41:58.737Z
+ * @hash f97284c
  */
 
 '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";
@@ -8005,6 +8004,9 @@ class DependencyContainer {
     instantiate(Store, ...args) {
         return this.factory.build(Store, ...args);
     }
+    resetStores() {
+        this.dependencies.clear();
+    }
 }
 class StoreFactory {
     get;
@@ -24215,14 +24217,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 +28387,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;
@@ -31086,6 +31091,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 +31112,7 @@ class FigureComponent extends owl.Component {
                 this.props.onFigureDeleted();
                 ev.stopPropagation();
                 ev.preventDefault();
+                ev.stopPropagation();
                 break;
             case "ArrowDown":
             case "ArrowLeft":
@@ -31124,6 +31133,7 @@ class FigureComponent extends owl.Component {
                 });
                 ev.stopPropagation();
                 ev.preventDefault();
+                ev.stopPropagation();
                 break;
         }
     }
@@ -31791,6 +31801,7 @@ function compareContentToSpanElement(content, node) {
 // -----------------------------------------------------------------------------
 css /* scss */ `
   .o-formula-assistant {
+    background: #ffffff;
     .o-formula-assistant-head {
       background-color: #f2f2f2;
       padding: 10px;
@@ -31846,6 +31857,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;
@@ -34615,19 +34629,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 +34646,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);
         }
@@ -44820,7 +44828,6 @@ class SheetPlugin extends CorePlugin {
 
 class TablePlugin extends CorePlugin {
     static getters = [
-        "doesZonesContainFilter",
         "getFilter",
         "getFilters",
         "getTable",
@@ -44977,10 +44984,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)) {
@@ -52475,6 +52478,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. */
@@ -56093,9 +56097,6 @@ css /* scss */ `
     .text-muted {
       color: grey !important;
     }
-    button {
-      color: #333;
-    }
     .o-disabled {
       opacity: 0.4;
       pointer: default;
@@ -56216,17 +56217,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 +56241,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 {
@@ -60167,6 +60177,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.1";
+__info__.date = "2024-03-25T09:41:58.737Z";
+__info__.hash = "f97284c";

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 = {

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.0
- * @date 2024-03-20T08:12:44.398Z
- * @hash 1869c24
+ * @version 17.2.1
+ * @date 2024-03-25T09:41:58.737Z
+ * @hash f97284c
  */
 
 import { reactive, useEnv, useSubEnv, useState, onWillUnmount, markRaw, toRaw, Component, useRef, onMounted, useEffect, onPatched, useComponent, onWillPatch, onWillUpdateProps, useExternalListener, onWillStart, xml, useChildSubEnv } from '@odoo/owl';
@@ -29,7 +29,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";
@@ -8003,6 +8002,9 @@ class DependencyContainer {
     instantiate(Store, ...args) {
         return this.factory.build(Store, ...args);
     }
+    resetStores() {
+        this.dependencies.clear();
+    }
 }
 class StoreFactory {
     get;
@@ -24213,14 +24215,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),
@@ -28378,11 +28385,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;
@@ -31084,6 +31089,9 @@ class FigureComponent extends Component {
                 el?.focus({ preventScroll: true });
             }
         }, () => [this.env.model.getters.getSelectedFigureId(), this.props.figure.id, this.figureRef.el]);
+        onWillUnmount(() => {
+            this.props.onFigureDeleted();
+        });
     }
     clickAnchor(dirX, dirY, ev) {
         this.props.onClickAnchor(dirX, dirY, ev);
@@ -31102,6 +31110,7 @@ class FigureComponent extends Component {
                 this.props.onFigureDeleted();
                 ev.stopPropagation();
                 ev.preventDefault();
+                ev.stopPropagation();
                 break;
             case "ArrowDown":
             case "ArrowLeft":
@@ -31122,6 +31131,7 @@ class FigureComponent extends Component {
                 });
                 ev.stopPropagation();
                 ev.preventDefault();
+                ev.stopPropagation();
                 break;
         }
     }
@@ -31789,6 +31799,7 @@ function compareContentToSpanElement(content, node) {
 // -----------------------------------------------------------------------------
 css /* scss */ `
   .o-formula-assistant {
+    background: #ffffff;
     .o-formula-assistant-head {
       background-color: #f2f2f2;
       padding: 10px;
@@ -31844,6 +31855,9 @@ class FunctionDescriptionProvider extends Component {
             this.assistantState.allowCellSelectionBehind = false;
         }, 2000);
     }
+    get formulaArgSeparator() {
+        return this.env.model.getters.getLocale().formulaArgSeparator + " ";
+    }
 }
 
 const functions$2 = functionRegistry.content;
@@ -34613,19 +34627,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);
         }
@@ -34633,19 +34644,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);
         }
@@ -44818,7 +44826,6 @@ class SheetPlugin extends CorePlugin {
 
 class TablePlugin extends CorePlugin {
     static getters = [
-        "doesZonesContainFilter",
         "getFilter",
         "getFilters",
         "getTable",
@@ -44975,10 +44982,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)) {
@@ -52473,6 +52476,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. */
@@ -56091,9 +56095,6 @@ css /* scss */ `
     .text-muted {
       color: grey !important;
     }
-    button {
-      color: #333;
-    }
     .o-disabled {
       opacity: 0.4;
       pointer: default;
@@ -56214,17 +56215,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 {
@@ -56238,6 +56239,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 {
@@ -60124,6 +60134,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.0";
-__info__.date = "2024-03-20T08:12:44.398Z";
-__info__.hash = "1869c24";
+__info__.version = "17.2.1";
+__info__.date = "2024-03-25T09:41:58.737Z";
+__info__.hash = "f97284c";