@odoo/o-spreadsheet 19.5.0-alpha.1 → 19.5.0-alpha.2

package/dist/o_spreadsheet.xml

@@ -1,9 +1,9 @@
 <!--
  This file is generated by o-spreadsheet build tools. Do not edit it.
  @see https://github.com/odoo/o-spreadsheet
- @version 19.5.0-alpha.1
- @date 2026-07-01T05:05:43.248Z
- @hash 3c78107
+ @version 19.5.0-alpha.2
+ @date 2026-07-13T06:26:21.365Z
+ @hash a4d2f90
 -->
 <odoo>
   <t t-name="o-spreadsheet-ValidationMessages">
@@ -2227,19 +2227,33 @@
   </t>
 
   <t t-name="o-spreadsheet-DoubleInputCriterionForm">
-    <CriterionInput
-      value="this.props.criterion.values[0]"
-      onValueChanged.bind="this.onFirstValueChanged"
-      criterionType="this.props.criterion.type"
-      disableFormulas="this.props.disableFormulas"
-      focused="this.props.autofocus"
-    />
-    <CriterionInput
-      value="this.props.criterion.values[1]"
-      onValueChanged.bind="this.onSecondValueChanged"
-      criterionType="this.props.criterion.type"
-      disableFormulas="this.props.disableFormulas"
-    />
+    <div class="d-flex align-items-center m-2">
+      <CriterionInput
+        value="this.props.criterion.values[0]"
+        onValueChanged.bind="this.onFirstValueChanged"
+        criterionType="this.props.criterion.type"
+        disableFormulas="this.props.disableFormulas"
+        focused="this.props.autofocus"
+      />
+      <CalendarButton
+        t-if="this.isDateType"
+        onChange.bind="this.onFirstValueChanged"
+        value="this.props.criterion.values[0]"
+      />
+    </div>
+    <div class="d-flex align-items-center m-2">
+      <CriterionInput
+        value="this.props.criterion.values[1]"
+        onValueChanged.bind="this.onSecondValueChanged"
+        criterionType="this.props.criterion.type"
+        disableFormulas="this.props.disableFormulas"
+      />
+      <CalendarButton
+        t-if="this.isDateType"
+        onChange.bind="this.onSecondValueChanged"
+        value="this.props.criterion.values[1]"
+      />
+    </div>
   </t>
 
   <t t-name="o-spreadsheet-DataValidationDateCriterion">
@@ -2249,15 +2263,16 @@
       selectedValue="this.currentDateValue"
       onChange.bind="this.onDateValueChanged"
     />
-
-    <CriterionInput
-      t-if="this.currentDateValue === 'exactDate'"
-      value="this.props.criterion.values[0]"
-      onValueChanged.bind="this.onValueChanged"
-      criterionType="this.props.criterion.type"
-      disableFormulas="this.props.disableFormulas"
-      focused="this.props.autofocus"
-    />
+    <div class="d-flex align-items-center" t-if="this.currentDateValue === 'exactDate'">
+      <CriterionInput
+        value="this.props.criterion.values[0]"
+        onValueChanged.bind="this.onValueChanged"
+        criterionType="this.props.criterion.type"
+        disableFormulas="this.props.disableFormulas"
+        focused="this.props.autofocus"
+      />
+      <CalendarButton onChange.bind="this.onValueChanged" value="this.props.criterion.values[0]"/>
+    </div>
   </t>
 
   <t t-name="o-spreadsheet-CriterionInput">
@@ -2280,7 +2295,10 @@
         />
       </t>
       <t t-else="">
-        <StandaloneComposer t-props="this.getDataValidationRuleInputComposerProps()"/>
+        <StandaloneComposer
+          t-props="this.getDataValidationRuleInputComposerProps()"
+          t-key="this.props.value"
+        />
       </t>
       <span
         t-if="this.errorMessage"
@@ -2291,6 +2309,21 @@
     </div>
   </t>
 
+  <t t-name="o-spreadsheet-CalendarButton">
+    <div class="o-calendar-button ms-1">
+      <button type="button" class="o-button btn" t-on-click="this.openCalendar">
+        <i class="fa fa-calendar"/>
+      </button>
+      <input
+        type="date"
+        class="o-calendar-input"
+        t-att-value="this.formatDateForInput(this.props.value)"
+        t-ref="this.datePickerRef"
+        t-on-change="(ev) => this.onDateInputValueChanged(ev.target.value)"
+      />
+    </div>
+  </t>
+
   <t t-name="o-spreadsheet-ConditionalFormatPreviewList">
     <div class="o-cf-preview-list h-100 overflow-auto" t-ref="this.cfListRef">
       <t t-foreach="this.conditionalFormats" t-as="cf" t-key="cf.id">

package/dist/types/components/figures/chart/scorecard/chart_scorecard.d.ts

@@ -1,5 +1,6 @@
 import { Component } from "../../../../owl3_compatibility_layer";
 import { ScorecardChartRuntime } from "../../../../types/chart/scorecard_chart";
+import { Rect } from "../../../../types/rendering";
 import { SpreadsheetChildEnv } from "../../../../types/spreadsheet_env";
 export declare class ScorecardChart extends Component<SpreadsheetChildEnv> {
     static template: string;
@@ -11,5 +12,6 @@ export declare class ScorecardChart extends Component<SpreadsheetChildEnv> {
     get runtime(): ScorecardChartRuntime;
     get title(): string;
     setup(): void;
+    config(canvasRect: Rect, zoom: number): import("../../../../helpers/figures/charts/scorecard_chart_config_builder").ScorecardChartConfig;
     private createChart;
 }

package/dist/types/components/figures/figure_container/figure_container.d.ts

@@ -23,7 +23,7 @@ interface DndState {
     horizontalSnap?: Snap<HFigureAxisType>;
     verticalSnap?: Snap<VFigureAxisType>;
     cancelDnd: (() => void) | undefined;
-    overlappingCarousel?: FigureUI;
+    overlappingChartOrCarousel?: FigureUI;
 }
 /**
  * Each figure ⭐ is positioned inside a container `div` placed and sized
@@ -119,6 +119,6 @@ export declare class FiguresContainer extends Component<SpreadsheetChildEnv> {
     getFigureClass(figureUI: FigureUI): string;
     private getSnap;
     private getSnapLineStyle;
-    private getCarouselOverlappingChart;
+    private getOverlappingFigure;
 }
 export {};

package/dist/types/components/side_panel/criterion_form/calendar_button/calendar_button.d.ts

@@ -0,0 +1,13 @@
+import { Component } from "../../../../owl3_compatibility_layer";
+import { SpreadsheetChildEnv } from "../../../../types/spreadsheet_env";
+export declare class CalendarButton extends Component<SpreadsheetChildEnv> {
+    static template: string;
+    protected props: import("@odoo/owl").PropsWithDefaults<{
+        value: string;
+        onChange: (value: string) => void;
+    }, "value">;
+    datePickerRef: import("@odoo/owl").Signal<HTMLInputElement | null>;
+    openCalendar(): void;
+    formatDateForInput(value: string): "" | import("../../../..").FormattedValue;
+    onDateInputValueChanged(value: string): void;
+}

package/dist/types/components/side_panel/criterion_form/date_criterion/date_criterion.d.ts

@@ -1,6 +1,7 @@
 import { DateCriterionValue, GenericDateCriterion } from "../../../../types/generic_criterion";
 import { ValueAndLabel } from "../../../../types/misc";
 import { Select } from "../../../select/select";
+import { CalendarButton } from "../calendar_button/calendar_button";
 import { CriterionForm } from "../criterion_form";
 import { CriterionInput } from "../criterion_input/criterion_input";
 export declare class DateCriterionForm extends CriterionForm<GenericDateCriterion> {
@@ -8,6 +9,7 @@ export declare class DateCriterionForm extends CriterionForm<GenericDateCriterio
     static components: {
         CriterionInput: typeof CriterionInput;
         Select: typeof Select;
+        CalendarButton: typeof CalendarButton;
     };
     get currentDateValue(): DateCriterionValue;
     onValueChanged(value: string): void;

package/dist/types/components/side_panel/criterion_form/double_input_criterion/double_input_criterion.d.ts

@@ -1,10 +1,13 @@
+import { CalendarButton } from "../calendar_button/calendar_button";
 import { CriterionForm } from "../criterion_form";
 import { CriterionInput } from "../criterion_input/criterion_input";
 export declare class DoubleInputCriterionForm extends CriterionForm {
     static template: string;
     static components: {
         CriterionInput: typeof CriterionInput;
+        CalendarButton: typeof CalendarButton;
     };
     onFirstValueChanged(value: string): void;
     onSecondValueChanged(value: string): void;
+    get isDateType(): boolean;
 }

package/dist/types/constants.d.ts

@@ -95,6 +95,7 @@ export declare const DEFAULT_NUMBER_STYLE: {
 };
 export declare const DEFAULT_VERTICAL_ALIGN: "bottom";
 export declare const DEFAULT_WRAPPING_MODE: "overflow";
+export declare const DEFAULT_TEXT_HIGHLIGHT_PERCENT = 0.25;
 export declare const DEFAULT_FONT_WEIGHT = "400";
 export declare const DEFAULT_FONT_SIZE: number;
 export declare const HEADER_FONT_SIZE = 11;

package/dist/types/helpers/figures/charts/scorecard_chart_config_builder.d.ts

@@ -8,6 +8,7 @@ type ScorecardChartElement = {
         color: Color;
         strikethrough?: boolean;
         underline?: boolean;
+        highlightText?: boolean;
     };
     position: PixelPosition;
 };
@@ -23,6 +24,7 @@ export type ScorecardChartConfig = {
         style: {
             size: Pixel;
             color: Color;
+            highlight?: boolean;
         };
         position: PixelPosition;
     };

package/dist/types/helpers/internal_viewport.d.ts

@@ -49,6 +49,7 @@ export declare class InternalViewport {
     willNewOffsetScrollViewport(offsetX: Pixel, offsetY: Pixel): boolean;
     setViewportOffset(offsetX: Pixel, offsetY: Pixel): void;
     adjustViewportZone(): void;
+    isZoneVisible(zone: Zone): boolean;
     /**
      *
      * Computes the visible coordinates & dimensions of a given zone inside the viewport

package/dist/types/helpers/text_helper.d.ts

@@ -19,6 +19,10 @@ export declare function computeTextDimension(context: Canvas2DContext, text: str
     width: number;
     height: number;
 };
+export declare function computeCachedTextDimension(context: Canvas2DContext, text: string, font: string): {
+    width: number;
+    height: number;
+};
 export declare function fontSizeInPixels(fontSize: number): number;
 export declare function computeTextFont(style: Style, fontUnit?: "px" | "pt"): string;
 export declare function computeTextFontSizeInPixels(style?: Style): number;
@@ -38,7 +42,8 @@ export declare function getFontSizeMatchingWidth(lineWidth: number, maxFontSize:
 export declare function toTrimmedLowerCase(str: string | undefined): string;
 export declare function getContextFontSize(font: string): Pixel;
 export declare function clipTextWithEllipsis(ctx: Canvas2DContext, text: string, maxWidth: number): string;
-export declare function drawDecoratedText(context: Canvas2DContext, text: string, position: PixelPosition, underline?: boolean | undefined, strikethrough?: boolean | undefined, strokeWidth?: number): void;
+export declare function drawDecoratedText(context: Canvas2DContext, text: string, position: PixelPosition, underline?: boolean | undefined, strikethrough?: boolean | undefined, strokeWidth?: number, //This value is defined to get a good looking stroke
+highlightText?: boolean | undefined): void;
 export declare function sliceTextToFitWidth(context: Canvas2DContext, width: number, text: string, style: Style, fontUnit?: "px" | "pt"): string;
 /**
  * Return the position to draw text on a rotated canvas to ensure that the rotated text alignment correspond

package/dist/types/helpers/viewport_collection.d.ts

@@ -94,6 +94,7 @@ export declare class ViewportCollection {
      * Check if a given position is visible in the viewport.
      */
     isVisibleInViewport({ sheetId, col, row }: CellPosition): boolean;
+    isZoneVisibleInViewport(sheetId: UID, zone: Zone): boolean;
     getScrollBarWidth(): Pixel;
     getEdgeScrollCol(sheetId: UID, x: number, previousX: number, startingX: number): EdgeScrollInfo;
     getEdgeScrollRow(sheetId: UID, y: number, previousY: number, startingY: number): EdgeScrollInfo;

package/dist/types/index.d.ts

@@ -55,8 +55,8 @@ import { openLink, urlRepresentation } from "./helpers/links";
 import { deepCopy, deepEquals, doesCellContainFunction, getCanonicalSymbolName, getUniqueText, isDefined, isFormula, isMarkdownLink, lazy, markdownLink, parseMarkdownLink, sanitizeSheetName, unquote } from "./helpers/misc";
 import { isNumber } from "./helpers/numbers";
 import { insertTokenAfterArgSeparator, insertTokenAfterLeftParenthesis, makeFieldProposal } from "./helpers/pivot/pivot_composer_helpers";
-import { splitReference } from "./helpers/references";
-import { computeTextWidth } from "./helpers/text_helper";
+import { isSingleCellReference, splitReference } from "./helpers/references";
+import { computeCachedTextDimension, computeTextWidth } from "./helpers/text_helper";
 import { UuidGenerator } from "./helpers/uuid";
 import { expandZoneOnInsertion, isInside, mergeContiguousZones, overlap, positionToZone, reduceZoneOnDeletion, toUnboundedZone, toZone, union } from "./helpers/zones";
 import { Component } from "./owl3_compatibility_layer";
@@ -232,6 +232,7 @@ import { Composer } from "./components/composer/composer/composer";
 import { StandaloneComposer } from "./components/composer/standalone_composer/standalone_composer";
 import { Select } from "./components/select/select";
 import { ChartRangeDataSourceComponent } from "./components/side_panel/chart/building_blocks/range_data_source/range_data_source";
+import { CalendarButton } from "./components/side_panel/criterion_form/calendar_button/calendar_button";
 import { TopBar } from "./components/top_bar/top_bar";
 import { parseFormat } from "./helpers/format/format_parser";
 import { replaceSymbolInFormula } from "./helpers/formulas";
@@ -313,6 +314,8 @@ export declare const helpers: {
     getCanonicalSymbolName: typeof getCanonicalSymbolName;
     fuzzyLookup: typeof fuzzyLookup;
     replaceSymbolInFormula: typeof replaceSymbolInFormula;
+    isSingleCellReference: typeof isSingleCellReference;
+    computeCachedTextDimension: typeof computeCachedTextDimension;
 };
 export declare const links: {
     isMarkdownLink: typeof isMarkdownLink;
@@ -383,6 +386,7 @@ export declare const components: {
     NumberInput: typeof NumberInput;
     TopBar: typeof TopBar;
     Composer: typeof Composer;
+    CalendarButton: typeof CalendarButton;
 };
 export declare const hooks: {
     useDragAndDropListItems: typeof useDragAndDropListItems;

package/dist/types/types/chart/scorecard_chart.d.ts

@@ -22,10 +22,12 @@ export interface ScorecardChartRuntime {
     readonly title: TitleDesign;
     readonly keyValue: string;
     readonly keyDescr: string;
+    readonly keyHighlight?: boolean;
     readonly baselineDisplay: string;
     readonly baselineColor?: string;
     readonly baselineArrow: BaselineArrowDirection;
     readonly baselineDescr?: string;
+    readonly baselineHighlight?: boolean;
     readonly background: Color;
     readonly fontColor: Color;
     readonly keyValueStyle?: Style;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odoo/o-spreadsheet",
-  "version": "19.5.0-alpha.1",
+  "version": "19.5.0-alpha.2",
   "description": "A spreadsheet component",
   "type": "module",
   "main": "dist/o_spreadsheet.cjs",