@odoo/o-spreadsheet 19.4.0-alpha.7 → 19.5.0-alpha.0

package/dist/types/components/color_picker/color_picker_widget.d.ts

@@ -1,54 +1,24 @@
-import { Component } from "@odoo/owl";
-import { Pixel } from "../../types/misc";
+import { Component } from "../../owl3_compatibility_layer";
 import { Rect } from "../../types/rendering";
 import { SpreadsheetChildEnv } from "../../types/spreadsheet_env";
 import { ColorPicker } from "./color_picker";
-interface Props {
-    currentColor: string | undefined;
-    toggleColorPicker: () => void;
-    showColorPicker: boolean;
-    onColorPicked: (color: string) => void;
-    icon: string;
-    title?: string;
-    disabled?: boolean;
-    dropdownMaxHeight?: Pixel;
-    class?: string;
-}
-export declare class ColorPickerWidget extends Component<Props, SpreadsheetChildEnv> {
+export declare class ColorPickerWidget extends Component<SpreadsheetChildEnv> {
     static template: string;
-    static props: {
-        currentColor: {
-            type: StringConstructor;
-            optional: boolean;
-        };
-        toggleColorPicker: FunctionConstructor;
-        showColorPicker: BooleanConstructor;
-        onColorPicked: FunctionConstructor;
-        icon: StringConstructor;
-        title: {
-            type: StringConstructor;
-            optional: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            optional: boolean;
-        };
-        dropdownMaxHeight: {
-            type: NumberConstructor;
-            optional: boolean;
-        };
-        class: {
-            type: StringConstructor;
-            optional: boolean;
-        };
-    };
     static components: {
         ColorPicker: typeof ColorPicker;
     };
-    colorPickerButtonRef: {
-        el: HTMLElement | null;
-    };
+    protected props: import("@odoo/owl").Props<{
+        toggleColorPicker: () => void;
+        showColorPicker: boolean;
+        onColorPicked: (color: string) => void;
+        icon: string;
+        currentColor?: string | undefined;
+        title?: string | undefined;
+        disabled?: boolean | undefined;
+        dropdownMaxHeight?: import("../..").Pixel | undefined;
+        class?: string | undefined;
+    }>;
+    colorPickerButtonRef: import("@odoo/owl").Signal<HTMLElement | null>;
     get iconStyle(): string;
     get colorPickerAnchorRect(): Rect;
 }
-export {};

package/dist/types/components/composer/autocomplete_dropdown/autocomplete_dropdown.d.ts

@@ -1,25 +1,15 @@
-import { Component } from "@odoo/owl";
+import { Component } from "../../../owl3_compatibility_layer";
 import { AutoCompleteProposal } from "../../../registries/auto_completes/auto_complete_registry";
 import { HtmlContent } from "../composer/composer";
-interface Props {
-    proposals: AutoCompleteProposal[];
-    selectedIndex: number | undefined;
-    onValueSelected: (proposal: AutoCompleteProposal) => void;
-    onValueHovered: (index: string) => void;
-}
-export declare class TextValueProvider extends Component<Props> {
+export declare class TextValueProvider extends Component<any> {
     static template: string;
-    static props: {
-        proposals: ArrayConstructor;
-        selectedIndex: {
-            type: NumberConstructor;
-            optional: boolean;
-        };
-        onValueSelected: FunctionConstructor;
-        onValueHovered: FunctionConstructor;
-    };
-    private autoCompleteListRef;
+    protected props: import("@odoo/owl").Props<{
+        proposals: AutoCompleteProposal[];
+        onValueSelected: (proposal: AutoCompleteProposal) => void;
+        onValueHovered: (index: string) => void;
+        selectedIndex?: number | undefined;
+    }>;
+    autoCompleteListRef: import("@odoo/owl").Signal<HTMLElement | null>;
     setup(): void;
     getCss(html: HtmlContent): string;
 }
-export {};

package/dist/types/components/composer/composer/abstract_composer_store.d.ts

@@ -34,6 +34,7 @@ export declare abstract class AbstractComposerStore extends SpreadsheetStore {
         text: string;
         adjustedSelection?: ComposerSelection;
     };
+    protected abstract getCurrentCanonicalContent(): string;
     abstract stopEdition(direction?: Direction): void;
     private handleEvent;
     changeComposerCursorSelection(start: number, end: number): void;
@@ -74,7 +75,6 @@ export declare abstract class AbstractComposerStore extends SpreadsheetStore {
      */
     private _startEdition;
     protected _stopEdition(): void;
-    protected getCurrentCanonicalContent(): string;
     protected cancelEditionAndActivateSheet(): void;
     protected _cancelEdition(): void;
     /**

package/dist/types/components/composer/composer/cell_composer_store.d.ts

@@ -22,4 +22,5 @@ export declare class CellComposerStore extends AbstractComposerStore {
     private checkDataValidation;
     startEdition(text?: string, selection?: ComposerSelection): void | "NoStateChange";
     protected evaluateCanonicalFormula(canonicalFormula: string): import("../../..").FunctionResultObject | import("../../..").Matrix<import("../../..").FunctionResultObject>;
+    protected getCurrentCanonicalContent(): string;
 }

package/dist/types/components/composer/composer/composer.d.ts

@@ -1,11 +1,10 @@
-import { Component } from "@odoo/owl";
+import { Component } from "../../../owl3_compatibility_layer";
 import { EnrichedToken } from "../../../formulas/composer_tokenizer";
 import { AutoCompleteProposal } from "../../../registries/auto_completes/auto_complete_registry";
 import { FunctionDescription } from "../../../types/functions";
-import { CSSProperties, Color, ComposerFocusType } from "../../../types/misc";
-import { DOMDimension, Rect } from "../../../types/rendering";
+import { CSSProperties, Color } from "../../../types/misc";
+import { Rect } from "../../../types/rendering";
 import { SpreadsheetChildEnv } from "../../../types/spreadsheet_env";
-import { Store } from "../../../types/store_engine";
 import { TextValueProvider } from "../autocomplete_dropdown/autocomplete_dropdown";
 import { ContentEditableHelper } from "../content_editable_helper";
 import { FunctionDescriptionProvider } from "../formula_assistant/formula_assistant";
@@ -19,20 +18,6 @@ export type HtmlContent = {
     backgroundColor?: Color;
     classes?: string[];
 };
-export interface CellComposerProps {
-    focus: ComposerFocusType;
-    inputStyle?: string;
-    rect?: Rect;
-    delimitation?: DOMDimension;
-    onComposerContentFocused: (selection: ComposerSelection) => void;
-    onComposerCellFocused?: (content: string) => void;
-    onInputContextMenu?: (event: MouseEvent) => void;
-    isDefaultFocus?: boolean;
-    composerStore: Store<AbstractComposerStore>;
-    placeholder?: string;
-    inputMode?: ElementContentEditable["inputMode"];
-    showAssistant?: boolean;
-}
 interface ComposerState {
     positionStart: number;
     positionEnd: number;
@@ -44,69 +29,30 @@ interface FunctionDescriptionState {
     argsToFocus: number[];
     repeatingArgGroupIndex: number | undefined;
 }
-export declare class Composer extends Component<CellComposerProps, SpreadsheetChildEnv> {
+export declare class Composer extends Component<SpreadsheetChildEnv> {
     static template: string;
-    static props: {
-        focus: {
-            validate: (value: string) => boolean;
-        };
-        inputStyle: {
-            type: StringConstructor;
-            optional: boolean;
-        };
-        rect: {
-            type: ObjectConstructor;
-            optional: boolean;
-        };
-        delimitation: {
-            type: ObjectConstructor;
-            optional: boolean;
-        };
-        onComposerCellFocused: {
-            type: FunctionConstructor;
-            optional: boolean;
-        };
-        onComposerContentFocused: FunctionConstructor;
-        isDefaultFocus: {
-            type: BooleanConstructor;
-            optional: boolean;
-        };
-        onInputContextMenu: {
-            type: FunctionConstructor;
-            optional: boolean;
-        };
-        composerStore: ObjectConstructor;
-        placeholder: {
-            type: StringConstructor;
-            optional: boolean;
-        };
-        inputMode: {
-            type: StringConstructor;
-            optional: boolean;
-        };
-        showAssistant: {
-            type: BooleanConstructor;
-            optional: boolean;
-        };
-    };
     static components: {
         TextValueProvider: typeof TextValueProvider;
         FunctionDescriptionProvider: typeof FunctionDescriptionProvider;
         SpeechBubble: typeof SpeechBubble;
     };
-    static defaultProps: {
+    protected props: import("@odoo/owl").PropsWithDefaults<{
+        focus: "inactive" | "cellFocus" | "contentFocus";
         inputStyle: string;
+        onComposerContentFocused: (selection: ComposerSelection) => void;
         isDefaultFocus: boolean;
+        composerStore: import("../../../types/store_engine").CQS<Pick<AbstractComposerStore, "stopEdition" | "hoverToken" | "changeComposerCursorSelection" | "stopComposerRangeSelection" | "startEdition" | "cancelEdition" | "setCurrentContent" | "replaceComposerCursorSelection" | "cycleReferences" | "toggleEditionMode" | "hideHelp" | "autoCompleteOrStop" | "insertAutoCompleteValue" | "selectAutoCompleteIndex" | "moveAutoCompleteSelection"> & import("../../../types/store_engine").OmitFunctions<AbstractComposerStore>>;
         inputMode: string;
         showAssistant: boolean;
-    };
+        rect?: Rect | undefined;
+        delimitation?: import("../../..").DOMDimension | undefined;
+        onComposerCellFocused?: ((content: string) => void) | undefined;
+        onInputContextMenu?: ((event: MouseEvent) => void) | undefined;
+        placeholder?: string | undefined;
+    }, "inputMode" | "inputStyle" | "isDefaultFocus" | "showAssistant">;
     private DOMFocusableElementStore;
-    composerRef: {
-        el: HTMLElement | null;
-    };
-    containerRef: {
-        el: HTMLElement | null;
-    };
+    composerRef: import("@odoo/owl").Signal<HTMLElement | null>;
+    containerRef: import("@odoo/owl").Signal<HTMLElement | null>;
     contentHelper: ContentEditableHelper;
     composerState: ComposerState;
     functionDescriptionState: FunctionDescriptionState;

package/dist/types/components/composer/formula_assistant/formula_assistant.d.ts

@@ -1,31 +1,22 @@
-import { Component } from "@odoo/owl";
-import { FunctionDescription } from "../../../types/functions";
+import { Component } from "../../../owl3_compatibility_layer";
+import { PropsOf } from "../../../types/props_of";
 import { SpreadsheetChildEnv } from "../../../types/spreadsheet_env";
 import { Collapse } from "../../side_panel/components/collapse/collapse";
-interface Props {
-    functionDescription: FunctionDescription;
-    argsToFocus: number[];
-    repeatingArgGroupIndex: number | undefined;
-}
-export declare class FunctionDescriptionProvider extends Component<Props, SpreadsheetChildEnv> {
+export declare class FunctionDescriptionProvider extends Component<SpreadsheetChildEnv> {
     static template: string;
-    static props: {
-        functionDescription: ObjectConstructor;
-        argsToFocus: ArrayConstructor;
-        repeatingArgGroupIndex: {
-            type: NumberConstructor;
-            optional: boolean;
-        };
-    };
     static components: {
         Collapse: typeof Collapse;
     };
+    protected props: import("@odoo/owl").Props<{
+        functionDescription: import("../../..").FunctionDescription;
+        argsToFocus: number[];
+        repeatingArgGroupIndex?: number | undefined;
+    }>;
     private state;
     toggle(): void;
-    getContext(): Props;
+    getContext(): PropsOf<FunctionDescriptionProvider>;
     get formulaHeaderContent(): {
         content: string;
         focused?: boolean;
     }[];
 }
-export {};

package/dist/types/components/composer/grid_composer/grid_composer.d.ts

@@ -1,27 +1,23 @@
-import { Component } from "@odoo/owl";
+import { Component } from "../../../owl3_compatibility_layer";
 import { ComposerFocusType } from "../../../types/misc";
-import { DOMDimension } from "../../../types/rendering";
+import { PropsOf } from "../../../types/props_of";
 import { SpreadsheetChildEnv } from "../../../types/spreadsheet_env";
 import { Store } from "../../../types/store_engine";
-import { CellComposerProps, Composer } from "../composer/composer";
+import { Composer } from "../composer/composer";
 import { ComposerFocusStore } from "../composer_focus_store";
-interface Props {
-    gridDims: DOMDimension;
-    onInputContextMenu: (event: MouseEvent) => void;
-}
 /**
  * This component is a composer which positions itself on the grid at the anchor cell.
  * It also applies the style of the cell to the composer input.
  */
-export declare class GridComposer extends Component<Props, SpreadsheetChildEnv> {
+export declare class GridComposer extends Component<SpreadsheetChildEnv> {
     static template: string;
-    static props: {
-        gridDims: ObjectConstructor;
-        onInputContextMenu: FunctionConstructor;
-    };
     static components: {
         Composer: typeof Composer;
     };
+    protected props: import("@odoo/owl").Props<{
+        gridDims: import("../../..").DOMDimension;
+        onInputContextMenu: (event: MouseEvent) => void;
+    }>;
     private rect;
     private isEditing;
     private isCellReferenceVisible;
@@ -40,10 +36,9 @@ export declare class GridComposer extends Component<Props, SpreadsheetChildEnv>
     get cellReference(): string;
     get cellReferenceStyle(): string;
     get focus(): ComposerFocusType;
-    get composerProps(): CellComposerProps;
+    get composerProps(): PropsOf<Composer>;
     get containerStyle(): string;
     private updateComponentPosition;
     private updateCellReferenceVisibility;
     onFocus(): void;
 }
-export {};

package/dist/types/components/composer/speech_bubble/speech_bubble.d.ts

@@ -1,17 +1,12 @@
-import { Component } from "@odoo/owl";
-import { Rect } from "../../../types/rendering";
+import { Component } from "../../../owl3_compatibility_layer";
 import { SpreadsheetChildEnv } from "../../../types/spreadsheet_env";
-export interface Props {
-    anchorRect: Rect;
-    content: string;
-}
-export declare class SpeechBubble extends Component<Props, SpreadsheetChildEnv> {
+export declare class SpeechBubble extends Component<SpreadsheetChildEnv> {
     static template: string;
-    static props: {
-        content: StringConstructor;
-        anchorRect: ObjectConstructor;
-    };
     static components: {};
+    protected props: import("@odoo/owl").Props<{
+        content: string;
+        anchorRect: import("../../..").Rect;
+    }>;
     private spreadsheetRect;
     private bubbleRef;
     setup(): void;

package/dist/types/components/composer/standalone_composer/standalone_composer.d.ts

@@ -1,75 +1,27 @@
-import { Component } from "@odoo/owl";
 import { Token } from "../../../formulas/tokenizer";
-import { AutoCompleteProviderDefinition } from "../../../registries/auto_completes/auto_complete_registry";
-import { Color, ComposerFocusType, UID } from "../../../types/misc";
+import { Component } from "../../../owl3_compatibility_layer";
+import { Color, ComposerFocusType } from "../../../types/misc";
 import { SpreadsheetChildEnv } from "../../../types/spreadsheet_env";
 import { ComposerSelection } from "../composer/abstract_composer_store";
 import { Composer } from "../composer/composer";
-interface Props {
-    onConfirm: (content: string) => void;
-    composerContent: string;
-    defaultRangeSheetId: UID;
-    defaultStatic?: boolean;
-    contextualAutocomplete?: AutoCompleteProviderDefinition;
-    placeholder?: string;
-    title?: string;
-    class?: string;
-    invalid?: boolean;
-    autofocus?: boolean;
-    getContextualColoredSymbolToken?: (token: Token) => Color;
-}
-export declare class StandaloneComposer extends Component<Props, SpreadsheetChildEnv> {
+export declare class StandaloneComposer extends Component<SpreadsheetChildEnv> {
     static template: string;
-    static props: {
-        composerContent: {
-            type: StringConstructor;
-            optional: boolean;
-        };
-        defaultRangeSheetId: {
-            type: StringConstructor;
-            optional: boolean;
-        };
-        defaultStatic: {
-            type: BooleanConstructor;
-            optional: boolean;
-        };
-        onConfirm: FunctionConstructor;
-        contextualAutocomplete: {
-            type: ObjectConstructor;
-            optional: boolean;
-        };
-        placeholder: {
-            type: StringConstructor;
-            optional: boolean;
-        };
-        title: {
-            type: StringConstructor;
-            optional: boolean;
-        };
-        class: {
-            type: StringConstructor;
-            optional: boolean;
-        };
-        invalid: {
-            type: BooleanConstructor;
-            optional: boolean;
-        };
-        autofocus: {
-            type: BooleanConstructor;
-            optional: boolean;
-        };
-        getContextualColoredSymbolToken: {
-            type: FunctionConstructor;
-            optional: boolean;
-        };
-    };
     static components: {
         Composer: typeof Composer;
     };
-    static defaultProps: {
+    protected props: import("@odoo/owl").PropsWithDefaults<{
+        onConfirm: (content: string) => void;
         composerContent: string;
+        defaultRangeSheetId: import("../../..").UID;
         defaultStatic: boolean;
-    };
+        contextualAutocomplete?: import("../../../registries/auto_completes/auto_complete_registry").AutoCompleteProviderDefinition | undefined;
+        placeholder?: string | undefined;
+        title?: string | undefined;
+        class?: string | undefined;
+        invalid?: boolean | undefined;
+        autofocus?: boolean | undefined;
+        getContextualColoredSymbolToken?: ((token: Token) => Color) | undefined;
+    }, "composerContent" | "defaultStatic">;
     private composerFocusStore;
     private standaloneComposerStore;
     private composerInterface;
@@ -80,4 +32,3 @@ export declare class StandaloneComposer extends Component<Props, SpreadsheetChil
     get containerClass(): string;
     onFocus(selection: ComposerSelection): void;
 }
-export {};

package/dist/types/components/composer/standalone_composer/standalone_composer_store.d.ts

@@ -31,4 +31,5 @@ export declare class StandaloneComposerStore extends AbstractComposerStore {
     protected confirmEdition(content: string): void;
     protected getTokenColor(token: EnrichedToken): string;
     hoverToken(): void;
+    protected getCurrentCanonicalContent(): string;
 }

package/dist/types/components/composer/top_bar_composer/top_bar_composer.d.ts

@@ -1,11 +1,10 @@
-import { Component } from "@odoo/owl";
 import { ComposerFocusType } from "../../../types/misc";
 import { SpreadsheetChildEnv } from "../../../types/spreadsheet_env";
 import { ComposerSelection } from "../composer/abstract_composer_store";
 import { Composer } from "../composer/composer";
-export declare class TopBarComposer extends Component<any, SpreadsheetChildEnv> {
+import { Component } from "../../../owl3_compatibility_layer";
+export declare class TopBarComposer extends Component<SpreadsheetChildEnv> {
     static template: string;
-    static props: {};
     static components: {
         Composer: typeof Composer;
     };

package/dist/types/components/dashboard/clickable_cell_sort_icon/clickable_cell_sort_icon.d.ts

@@ -1,20 +1,14 @@
-import { Component } from "@odoo/owl";
-import { CellPosition, SortDirection } from "../../../types/misc";
 import { SpreadsheetChildEnv } from "../../../types/spreadsheet_env";
-interface Props {
-    position: CellPosition;
-    sortDirection: SortDirection | "none";
-}
-export declare class ClickableCellSortIcon extends Component<Props, SpreadsheetChildEnv> {
+import { Component } from "../../../owl3_compatibility_layer";
+export declare class ClickableCellSortIcon extends Component<SpreadsheetChildEnv> {
     static template: string;
-    static props: {
-        position: ObjectConstructor;
-        sortDirection: StringConstructor;
-    };
+    protected props: import("@odoo/owl").Props<{
+        position: import("../../..").CellPosition;
+        sortDirection: "none" | (() => import("@odoo/owl").Type<import("../../..").SortDirection>);
+    }>;
     private hoveredTableStore;
     setup(): void;
     get style(): string;
     get verticalJustifyClass(): "justify-content-start" | "justify-content-center" | "justify-content-end";
     private getBackgroundColor;
 }
-export {};

package/dist/types/components/dashboard/clickable_cell_store.d.ts

@@ -1,4 +1,4 @@
-import { ComponentConstructor } from "@odoo/owl";
+import { ComponentConstructor } from "../../owl3_compatibility_layer";
 import { SpreadsheetStore } from "../../stores/spreadsheet_store";
 import { Command } from "../../types/commands";
 import { CellPosition } from "../../types/misc";

package/dist/types/components/dashboard/dashboard.d.ts

@@ -1,4 +1,4 @@
-import { Component } from "@odoo/owl";
+import { Component } from "../../owl3_compatibility_layer";
 import { DOMCoordinates, DOMDimension, Rect } from "../../types/rendering";
 import { SpreadsheetChildEnv } from "../../types/spreadsheet_env";
 import { Store } from "../../types/store_engine";
@@ -10,14 +10,8 @@ import { Popover } from "../popover/popover";
 import { HorizontalScrollBar } from "../scrollbar/scrollbar_horizontal";
 import { VerticalScrollBar } from "../scrollbar/scrollbar_vertical";
 import { ClickableCell, ClickableCellsStore } from "./clickable_cell_store";
-interface Props {
-    getGridSize: () => DOMDimension;
-}
-export declare class SpreadsheetDashboard extends Component<Props, SpreadsheetChildEnv> {
+export declare class SpreadsheetDashboard extends Component<SpreadsheetChildEnv> {
     static template: string;
-    static props: {
-        getGridSize: FunctionConstructor;
-    };
     static components: {
         GridOverlay: typeof GridOverlay;
         GridPopover: typeof GridPopover;
@@ -25,12 +19,16 @@ export declare class SpreadsheetDashboard extends Component<Props, SpreadsheetCh
         VerticalScrollBar: typeof VerticalScrollBar;
         HorizontalScrollBar: typeof HorizontalScrollBar;
     };
+    protected props: import("@odoo/owl").Props<{
+        getGridSize: () => DOMDimension;
+    }>;
     protected cellPopovers: Store<CellPopoverStore>;
     onMouseWheel: (ev: WheelEvent) => void;
     canvasPosition: DOMCoordinates;
     hoveredCell: Store<DelayedHoveredCellStore>;
     clickableCellsStore: Store<ClickableCellsStore>;
     private gridRef;
+    private canvasRef;
     setup(): void;
     get gridContainer(): string;
     get gridOverlayDimensions(): string;
@@ -49,5 +47,5 @@ export declare class SpreadsheetDashboard extends Component<Props, SpreadsheetCh
     private getGridRect;
     private getMaxSheetWidth;
     get dashboardStyle(): string;
+    get backgroundStyle(): string;
 }
-export {};

package/dist/types/components/error_tooltip/error_tooltip.d.ts

@@ -1,23 +1,15 @@
-import { Component } from "@odoo/owl";
 import { PopoverBuilders } from "../../types/cell_popovers";
-import { CellPosition } from "../../types/misc";
 import { SpreadsheetChildEnv } from "../../types/spreadsheet_env";
-interface ErrorToolTipProps {
-    cellPosition: CellPosition;
-    onClosed?: () => void;
-}
-export declare class ErrorToolTip extends Component<ErrorToolTipProps, SpreadsheetChildEnv> {
+import { Component } from "../../owl3_compatibility_layer";
+export declare class ErrorToolTip extends Component<SpreadsheetChildEnv> {
     static maxSize: {
         maxHeight: number;
     };
     static template: string;
-    static props: {
-        cellPosition: ObjectConstructor;
-        onClosed: {
-            type: FunctionConstructor;
-            optional: boolean;
-        };
-    };
+    protected props: import("@odoo/owl").Props<{
+        cellPosition: import("../..").CellPosition;
+        onClosed?: (() => void) | undefined;
+    }>;
     get dataValidationErrorMessage(): string | undefined;
     get evaluationError(): import("../..").EvaluatedCell | undefined;
     get errorOriginPositionString(): string;
@@ -37,4 +29,3 @@ export declare class ErrorToolTip extends Component<ErrorToolTipProps, Spreadshe
     }): string;
 }
 export declare const ErrorToolTipPopoverBuilder: PopoverBuilders;
-export {};

package/dist/types/components/figures/chart/chartJs/chartjs.d.ts

@@ -1,26 +1,16 @@
-import { Component } from "@odoo/owl";
 import { Chart, ChartConfiguration } from "chart.js/auto";
+import { Component } from "../../../../owl3_compatibility_layer";
 import { ChartJSRuntime } from "../../../../types/chart/chart";
-import { UID } from "../../../../types/misc";
 import { SpreadsheetChildEnv } from "../../../../types/spreadsheet_env";
 import { Store } from "../../../../types/store_engine";
 import { ChartAnimationStore } from "./chartjs_animation_store";
-interface Props {
-    chartId: UID;
-    isFullScreen?: boolean;
-}
-export declare class ChartJsComponent extends Component<Props, SpreadsheetChildEnv> {
+export declare class ChartJsComponent extends Component<SpreadsheetChildEnv> {
     static template: string;
-    static props: {
-        chartId: StringConstructor;
-        isFullScreen: {
-            type: BooleanConstructor;
-            optional: boolean;
-        };
-    };
-    protected canvas: {
-        el: HTMLElement | null;
-    };
+    protected props: import("@odoo/owl").Props<{
+        chartId: string;
+        isFullScreen?: boolean | undefined;
+    }>;
+    protected canvas: import("@odoo/owl").Signal<HTMLCanvasElement | null>;
     protected chart?: Chart;
     protected currentRuntime: ChartJSRuntime;
     protected animationStore: Store<ChartAnimationStore> | undefined;
@@ -36,4 +26,3 @@ export declare class ChartJsComponent extends Component<Props, SpreadsheetChildE
     private getChartDataInRuntime;
     get animationChartId(): string;
 }
-export {};