@odoo/o-spreadsheet 18.5.0-alpha.4 → 18.5.0-alpha.5

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.5.0-alpha.4
- * @date 2025-07-30T11:23:18.805Z
- * @hash 34a4ab3
+ * @version 18.5.0-alpha.5
+ * @date 2025-08-04T06:53:29.412Z
+ * @hash 71c9a36
  */
 
 import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, App, blockDom, useState, onPatched, useExternalListener, onWillUpdateProps, onWillStart, onWillPatch, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
@@ -1056,16 +1056,21 @@ const colors = [
     "#001f3f",
 ];
 /*
- * transform a color number (R * 256^2 + G * 256 + B) into classic hex6 value
+ * transform a color number (R * 256^2 + G * 256 + B) into classic hex (+alpha) value
  * */
-function colorNumberString(color) {
-    return toHex(color.toString(16).padStart(6, "0"));
+function colorNumberToHex(color, alpha = 1) {
+    const alphaHex = alpha !== 1
+        ? Math.round(alpha * 255)
+            .toString(16)
+            .padStart(2, "0")
+        : "";
+    return toHex(color.toString(16).padStart(6, "0")) + alphaHex;
 }
 function colorToNumber(color) {
     if (typeof color === "number") {
         return color;
     }
-    return Number.parseInt(toHex(color).slice(1), 16);
+    return Number.parseInt(toHex(color).slice(1, 7), 16);
 }
 /**
  * Converts any CSS color value to a standardized hex6 value.
@@ -1324,6 +1329,12 @@ function hslaToHex(hsla) {
 function hexToHSLA(hex) {
     return rgbaToHSLA(colorToRGBA(hex));
 }
+function colorOrNumberToRGBA(color) {
+    if (typeof color === "number") {
+        return colorToRGBA(colorNumberToHex(color));
+    }
+    return colorToRGBA(color);
+}
 /**
  * Will compare two color strings
  * A tolerance can be provided to account for small differences that could
@@ -1605,6 +1616,8 @@ function getColorScale(colorScalePoints) {
     const sortedColorScalePoints = [...colorScalePoints.sort((a, b) => a.value - b.value)];
     const thresholds = [];
     for (let i = 1; i < sortedColorScalePoints.length; i++) {
+        const minColorAlpha = colorOrNumberToRGBA(sortedColorScalePoints[i - 1].color).a;
+        const maxColorAlpha = colorOrNumberToRGBA(sortedColorScalePoints[i].color).a;
         const minColor = colorToNumber(sortedColorScalePoints[i - 1].color);
         const maxColor = colorToNumber(sortedColorScalePoints[i].color);
         thresholds.push({
@@ -1612,19 +1625,21 @@ function getColorScale(colorScalePoints) {
             max: sortedColorScalePoints[i].value,
             minColor,
             maxColor,
+            minColorAlpha: minColorAlpha,
+            maxColorAlpha: maxColorAlpha,
             colorDiff: computeColorDiffUnits(sortedColorScalePoints[i - 1].value, sortedColorScalePoints[i].value, minColor, maxColor),
         });
     }
     return (value) => {
         if (value < thresholds[0].min) {
-            return colorNumberString(thresholds[0].minColor);
+            return colorNumberToHex(thresholds[0].minColor, thresholds[0].minColorAlpha);
         }
         for (const threshold of thresholds) {
             if (value >= threshold.min && value <= threshold.max) {
-                return colorNumberString(colorCell(value, threshold.min, threshold.minColor, threshold.colorDiff));
+                return colorNumberToHex(colorCell(value, threshold.min, threshold.minColor, threshold.colorDiff), threshold.maxColorAlpha);
             }
         }
-        return colorNumberString(thresholds[thresholds.length - 1].maxColor);
+        return colorNumberToHex(thresholds[thresholds.length - 1].maxColor, thresholds[thresholds.length - 1].maxColorAlpha);
     };
 }
 function computeColorDiffUnits(minValue, maxValue, minColor, maxColor) {
@@ -20476,6 +20491,54 @@ const PROPER = {
     },
     isExported: true,
 };
+const REGEXEXTRACT_DEFAULT_MODE = 0;
+const REGEXEXTRACT_DEFAULT_CASE_SENSITIVITY = 0;
+// -----------------------------------------------------------------------------
+// REGEXEXTRACT
+// -----------------------------------------------------------------------------
+const REGEXEXTRACT = {
+    description: _t("Extract text from a string based on the supplied regular expression."),
+    args: [
+        arg("text (string)", _t("The string on which you want to extract text.")),
+        arg("pattern (string)", _t("The regular expression pattern to match against the text.")),
+        arg(`return_mode (number, default=${REGEXEXTRACT_DEFAULT_MODE})`, _t("0 = first match, 1 = all matches as an array, 2 = capturing groups from the first match as an array.")),
+        arg(`case_sensitivity (number, default=${REGEXEXTRACT_DEFAULT_CASE_SENSITIVITY})`, _t("0 = case-sensitive, 1 = case-insensitive.")),
+    ],
+    compute: function (text, pattern, return_mode = { value: REGEXEXTRACT_DEFAULT_MODE }, newText = { value: REGEXEXTRACT_DEFAULT_CASE_SENSITIVITY }) {
+        const _text = toString(text);
+        const _pattern = toString(pattern);
+        const _returnMode = toNumber(return_mode, this.locale);
+        const _caseSensitivity = toNumber(newText, this.locale);
+        if (_text === "" || _pattern === "") {
+            return { value: "" };
+        }
+        if (_returnMode < 0 || _returnMode > 2) {
+            return new EvaluationError(_t("The return_mode (%s) must be 0, 1 or 2.", _returnMode));
+        }
+        if (_caseSensitivity !== 0 && _caseSensitivity !== 1) {
+            return new EvaluationError(_t("The case_sensitivity (%s) must be 0 or 1.", _caseSensitivity));
+        }
+        const flags = _caseSensitivity === 1 ? "gi" : "g";
+        const regex = new RegExp(_pattern, flags);
+        const matches = [..._text.matchAll(regex)];
+        if (matches.length === 0) {
+            return { value: CellErrorType.NotAvailable, message: _t("No matches found.") };
+        }
+        if (_returnMode === 0) {
+            return matches[0][0];
+        }
+        else if (_returnMode === 1) {
+            return matches.map((match) => [match[0]]);
+        }
+        else {
+            if (matches[0].length < 2) {
+                return new EvaluationError(_t("No capturing groups found."));
+            }
+            return matches[0].slice(1).map((s) => [s]);
+        }
+    },
+    isExported: true,
+};
 // -----------------------------------------------------------------------------
 // REPLACE
 // -----------------------------------------------------------------------------
@@ -20752,6 +20815,105 @@ const VALUE = {
     },
     isExported: true,
 };
+// -----------------------------------------------------------------------------
+// TEXTAFTER
+// -----------------------------------------------------------------------------
+const TEXT_FN_DEFAULT_INSTANCE = 1;
+const TEXT_FN_DEFAULT_MATCH_MODE = 0;
+const TEXT_FN_DEFAULT_MATCH_END = 0;
+const TEXTAFTER = {
+    description: _t("Returns text that occurs after a given substring or delimiter."),
+    args: [
+        arg("text (string)", _t("The source text.")),
+        arg("delimiter (string)", _t("The substring after which text will be returned.")),
+        arg(`instance_num (number, default=${TEXT_FN_DEFAULT_INSTANCE})`, _t("The desired instance of the delimiter after which we extract the text. A negative number searches from the end.")),
+        arg(`match_mode (number, default=${TEXT_FN_DEFAULT_MATCH_MODE})`, _t("0 = case-sensitive, 1 = case-insensitive.")),
+        arg(`match_end (number, default=${TEXT_FN_DEFAULT_MATCH_END}))`, _t("Whether to treat the end of text as a delimiter.")),
+        arg(`if_not_found (string, default="${CellErrorType.NotAvailable}")`, _t("Value to return if the delimiter is not found.")),
+    ],
+    compute: function (text, delimiter, matchIndex = { value: TEXT_FN_DEFAULT_INSTANCE }, matchMode = { value: TEXT_FN_DEFAULT_MATCH_MODE }, matchEnd = { value: TEXT_FN_DEFAULT_MATCH_END }, ifNotFound = new NotAvailableError()) {
+        const _text = toString(text);
+        const _matchIndex = toNumber(matchIndex, this.locale);
+        const _matchMode = toNumber(matchMode, this.locale);
+        const _matchEnd = toNumber(matchEnd, this.locale);
+        if (_matchIndex === 0) {
+            return new EvaluationError(_t("The instance_num (%s) must not be zero.", _matchIndex));
+        }
+        if (_matchMode !== 0 && _matchMode !== 1) {
+            return new EvaluationError(_t("match_mode should have a value of 0 or 1."));
+        }
+        if (_matchEnd !== 0 && _matchEnd !== 1) {
+            return new EvaluationError(_t("match_end should have a value of 0 or 1."));
+        }
+        const _delimiter = toString(delimiter);
+        if (_delimiter === "") {
+            return Math.sign(_matchIndex) > 0 ? { value: _text } : { value: "" };
+        }
+        const flags = _matchMode === 1 ? "gi" : "g";
+        const pattern = escapeRegExp(_delimiter);
+        const regexp = new RegExp(pattern, flags);
+        let matchIndices = [..._text.matchAll(regexp)].map((match) => match.index + pattern.length);
+        if (_matchIndex < 0) {
+            matchIndices = matchIndices.reverse();
+        }
+        // If _matchEnd, we act like the text is appended by the delimiter (or prepended if negative index)
+        if (_matchEnd && Math.abs(_matchIndex) === matchIndices.length + 1) {
+            return Math.sign(_matchIndex) > 0 ? { value: "" } : { value: _text };
+        }
+        const targetIndex = matchIndices[Math.abs(_matchIndex) - 1];
+        return targetIndex === undefined ? ifNotFound : { value: _text.substring(targetIndex) };
+    },
+    isExported: true,
+};
+// -----------------------------------------------------------------------------
+// TEXTBEFORE
+// -----------------------------------------------------------------------------
+const TEXTBEFORE = {
+    description: _t("Returns text that occurs before a given substring or delimiter."),
+    args: [
+        arg("text (string)", _t("The source text.")),
+        arg("delimiter (string)", _t("The substring after which text will be returned.")),
+        arg(`instance_num (number, default=${TEXT_FN_DEFAULT_INSTANCE})`, _t("The desired instance of the delimiter before which we extract the text. A negative number searches from the end.")),
+        arg(`match_mode (number, default=${TEXT_FN_DEFAULT_MATCH_MODE})`, _t("0 = case-sensitive, 1 = case-insensitive.")),
+        arg(`match_end (number, default=${TEXT_FN_DEFAULT_MATCH_END}))`, _t("Whether to match a delimiter against the end of the text.")),
+        arg(`if_not_found (string, default="${CellErrorType.NotAvailable}")`, _t("Value to return if the delimiter is not found.")),
+    ],
+    compute: function (text, delimiter, matchIndex = { value: TEXT_FN_DEFAULT_INSTANCE }, matchMode = { value: TEXT_FN_DEFAULT_MATCH_MODE }, matchEnd = { value: TEXT_FN_DEFAULT_MATCH_END }, ifNotFound = new NotAvailableError()) {
+        const _text = toString(text);
+        const _matchIndex = toNumber(matchIndex, this.locale);
+        const _matchMode = toNumber(matchMode, this.locale);
+        const _matchEnd = toNumber(matchEnd, this.locale);
+        if (_matchIndex === 0) {
+            return new EvaluationError(_t("The instance_num (%s) must not be zero.", _matchIndex));
+        }
+        if (_matchMode !== 0 && _matchMode !== 1) {
+            return new EvaluationError(_t("match_mode should have a value of 0 or 1."));
+        }
+        if (_matchEnd !== 0 && _matchEnd !== 1) {
+            return new EvaluationError(_t("match_end should have a value of 0 or 1."));
+        }
+        const _delimiter = toString(delimiter);
+        if (_delimiter === "") {
+            return Math.sign(_matchIndex) > 0 ? { value: "" } : { value: _text };
+        }
+        const flags = _matchMode === 1 ? "gi" : "g";
+        const pattern = escapeRegExp(_delimiter);
+        const regexp = new RegExp(pattern, flags);
+        let matchIndices = [..._text.matchAll(regexp)].map((match) => match.index + pattern.length);
+        if (_matchIndex < 0) {
+            matchIndices = matchIndices.reverse();
+        }
+        // If _matchEnd, we act like the text is appended by the delimiter (or prepended if negative index)
+        if (_matchEnd && Math.abs(_matchIndex) === matchIndices.length + 1) {
+            return Math.sign(_matchIndex) > 0 ? { value: _text } : { value: "" };
+        }
+        const targetIndex = matchIndices[Math.abs(_matchIndex) - 1];
+        return targetIndex === undefined
+            ? ifNotFound
+            : { value: _text.substring(0, targetIndex - _delimiter.length) };
+    },
+    isExported: true,
+};
 
 var text = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -20766,12 +20928,15 @@ var text = /*#__PURE__*/Object.freeze({
   LOWER: LOWER,
   MID: MID,
   PROPER: PROPER,
+  REGEXEXTRACT: REGEXEXTRACT,
   REPLACE: REPLACE,
   RIGHT: RIGHT,
   SEARCH: SEARCH,
   SPLIT: SPLIT,
   SUBSTITUTE: SUBSTITUTE,
   TEXT: TEXT,
+  TEXTAFTER: TEXTAFTER,
+  TEXTBEFORE: TEXTBEFORE,
   TEXTJOIN: TEXTJOIN,
   TEXTSPLIT: TEXTSPLIT,
   TRIM: TRIM,
@@ -22775,6 +22940,7 @@ class ChartJsComponent extends Component {
             this.animationStore = useStore(ChartAnimationStore);
         }
         onMounted(() => {
+            registerChartJSExtensions();
             const runtime = this.chartRuntime;
             this.currentRuntime = runtime;
             // Note: chartJS modify the runtime in place, so it's important to give it a copy
@@ -32177,40 +32343,6 @@ function compareContentToSpanElement(content, node) {
     return sameColor && sameClass && sameContent;
 }
 
-// -----------------------------------------------------------------------------
-// Formula Assistant component
-// -----------------------------------------------------------------------------
-css /* scss */ `
-  .o-formula-assistant {
-    background: #ffffff;
-    .o-formula-assistant-head {
-      background-color: #f2f2f2;
-      padding: 10px;
-    }
-    .collapsed {
-      transform: rotate(180deg);
-    }
-    .o-formula-assistant-core {
-      border-bottom: 1px solid gray;
-    }
-    .o-formula-assistant-arg-description {
-      font-size: 85%;
-    }
-    .o-formula-assistant-focus {
-      div:first-child,
-      span {
-        color: ${COMPOSER_ASSISTANT_COLOR};
-        text-shadow: 0px 0px 1px ${COMPOSER_ASSISTANT_COLOR};
-      }
-      div:last-child {
-        color: black;
-      }
-    }
-    .o-formula-assistant-gray {
-      color: gray;
-    }
-  }
-`;
 class FunctionDescriptionProvider extends Component {
     static template = "o-spreadsheet-FunctionDescriptionProvider";
     static props = {
@@ -51923,16 +52055,16 @@ class ConditionalFormatPreview extends Component {
             return cssPropertiesToCss(cellStyleToCss(rule.style));
         }
         else if (rule.type === "ColorScaleRule") {
-            const minColor = colorNumberString(rule.minimum.color);
-            const midColor = rule.midpoint ? colorNumberString(rule.midpoint.color) : null;
-            const maxColor = colorNumberString(rule.maximum.color);
+            const minColor = colorNumberToHex(rule.minimum.color);
+            const midColor = rule.midpoint ? colorNumberToHex(rule.midpoint.color) : null;
+            const maxColor = colorNumberToHex(rule.maximum.color);
             const baseString = "background-image: linear-gradient(to right, ";
             return midColor
                 ? baseString + minColor + ", " + midColor + ", " + maxColor + ")"
                 : baseString + minColor + ", " + maxColor + ")";
         }
         else if (rule.type === "DataBarRule") {
-            const color = colorNumberString(rule.color);
+            const color = colorNumberToHex(rule.color);
             return `background-image: linear-gradient(to right, ${color} 50%, white 50%)`;
         }
         return "";
@@ -52140,7 +52272,7 @@ class ConditionalFormattingEditor extends Component {
     icons = ICONS;
     iconSets = ICON_SETS;
     getTextDecoration = getTextDecoration;
-    colorNumberString = colorNumberString;
+    colorNumberToHex = colorNumberToHex;
     state;
     setup() {
         this.state = useState({
@@ -52391,9 +52523,9 @@ class ConditionalFormattingEditor extends Component {
     }
     getPreviewGradient() {
         const rule = this.state.rules.colorScale;
-        const minColor = colorNumberString(rule.minimum.color);
-        const midColor = colorNumberString(rule.midpoint?.color || DEFAULT_COLOR_SCALE_MIDPOINT_COLOR);
-        const maxColor = colorNumberString(rule.maximum.color);
+        const minColor = colorNumberToHex(rule.minimum.color);
+        const midColor = colorNumberToHex(rule.midpoint?.color || DEFAULT_COLOR_SCALE_MIDPOINT_COLOR);
+        const maxColor = colorNumberToHex(rule.maximum.color);
         const baseString = "background-image: linear-gradient(to right, ";
         return rule.midpoint === undefined
             ? baseString + minColor + ", " + maxColor + ")"
@@ -52401,8 +52533,8 @@ class ConditionalFormattingEditor extends Component {
     }
     getThresholdColor(threshold) {
         return threshold
-            ? colorNumberString(threshold.color)
-            : colorNumberString(DEFAULT_COLOR_SCALE_MIDPOINT_COLOR);
+            ? colorNumberToHex(threshold.color)
+            : colorNumberToHex(DEFAULT_COLOR_SCALE_MIDPOINT_COLOR);
     }
     onMidpointChange(ev) {
         const type = ev.target.value;
@@ -66626,9 +66758,9 @@ class CustomColorsPlugin extends CoreViewPlugin {
                 formatColors.push(rule.style.fillColor);
             }
             else if (rule.type === "ColorScaleRule") {
-                formatColors.push(colorNumberString(rule.minimum.color));
-                formatColors.push(rule.midpoint ? colorNumberString(rule.midpoint.color) : undefined);
-                formatColors.push(colorNumberString(rule.maximum.color));
+                formatColors.push(colorNumberToHex(rule.minimum.color));
+                formatColors.push(rule.midpoint ? colorNumberToHex(rule.midpoint.color) : undefined);
+                formatColors.push(colorNumberToHex(rule.maximum.color));
             }
         }
         return formatColors.filter(isDefined);
@@ -66999,7 +67131,7 @@ class EvaluationConditionalFormatPlugin extends CoreViewPlugin {
                 if (!computedDataBars[col])
                     computedDataBars[col] = [];
                 computedDataBars[col][row] = {
-                    color: colorNumberString(color),
+                    color: colorNumberToHex(color),
                     percentage: (cell.value * 100) / max,
                 };
             }
@@ -80023,7 +80155,6 @@ css /* scss */ `
     }
   }
 
-  .o-spreadsheet-topbar-wrapper,
   .o-spreadsheet-bottombar-wrapper {
     z-index: ${ComponentsImportance.ScrollBar + 1};
   }
@@ -80138,7 +80269,6 @@ class Spreadsheet extends Component {
             this.checkViewportSize();
             stores.on("store-updated", this, render);
             resizeObserver.observe(this.spreadsheetRef.el);
-            registerChartJSExtensions();
         });
         onWillUnmount(() => {
             this.unbindModelEvents();
@@ -82784,7 +82914,7 @@ function addDataBarRule(cf, rule) {
         <dataBar>
           <cfvo type="min" val="0"/>
           <cfvo type="max" val="100"/>
-          <color rgb="${toXlsxHexColor(colorNumberString(rule.color))}"/>
+          <color rgb="${toXlsxHexColor(colorNumberToHex(rule.color))}"/>
         </dataBar>
       </cfRule>
     </conditionalFormatting>
@@ -82812,7 +82942,7 @@ function addColorScaleRule(cf, rule) {
                 continue;
             }
             cfValueObject.push(thresholdAttributes(threshold, position));
-            colors.push([["rgb", toXlsxHexColor(colorNumberString(threshold.color))]]);
+            colors.push([["rgb", toXlsxHexColor(colorNumberToHex(threshold.color))]]);
         }
         if (!canExport) {
             console.warn("Conditional formats with formula rules are not supported at the moment. The rule is therefore skipped.");
@@ -84826,6 +84956,6 @@ const chartHelpers = { ...CHART_HELPERS, ...CHART_RUNTIME_HELPERS };
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, ClientDisconnectedError, CommandResult, CorePlugin, CoreViewPlugin, DispatchResult, EvaluationError, LocalTransportService, 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, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
 
-__info__.version = "18.5.0-alpha.4";
-__info__.date = "2025-07-30T11:23:18.805Z";
-__info__.hash = "34a4ab3";
+__info__.version = "18.5.0-alpha.5";
+__info__.date = "2025-08-04T06:53:29.412Z";
+__info__.hash = "71c9a36";