@odoo/o-spreadsheet 19.3.5 → 19.4.0-alpha.10

package/dist/types/components/helpers/draw_grid_hook.d.ts

@@ -1,11 +1,12 @@
-import { Store } from "../../store_engine";
+import type { Signal } from "@odoo/owl";
 import { RendererStore } from "../../stores/renderer_store";
-import { GridRenderingContext } from "../../types";
+import { GridRenderingContext } from "../../types/rendering";
+import { Store } from "../../types/store_engine";
 interface GridDrawingArgs {
-    refName: string;
+    canvasRef: Signal<HTMLElement | null>;
     renderingCtx: () => Omit<GridRenderingContext, "ctx" | "thinLineWidth">;
     rendererStore?: Store<RendererStore>;
     changeCanvasSizeOnZoom?: boolean;
 }
-export declare function useGridDrawing({ refName, renderingCtx, rendererStore, changeCanvasSizeOnZoom, }: GridDrawingArgs): void;
+export declare function useGridDrawing({ canvasRef, renderingCtx, rendererStore, changeCanvasSizeOnZoom, }: GridDrawingArgs): void;
 export {};

package/dist/types/components/helpers/figure_drag_helper.d.ts

@@ -1,8 +1,10 @@
-import { FigureUI, PixelPosition, SheetDOMScrollInfo } from "../../types";
-export declare function dragFigureForMove({ x: mouseX, y: mouseY }: PixelPosition, { x: mouseInitialX, y: mouseInitialY }: PixelPosition, initialFigure: FigureUI, { maxX, maxY }: {
+import { FigureUI } from "../../types/figure";
+import { PixelPosition } from "../../types/misc";
+import { SheetDOMScrollInfo } from "../../types/rendering";
+export declare function dragFigureForMove({ x: mouseX, y: mouseY }: PixelPosition, { x: mouseInitialX, y: mouseInitialY }: PixelPosition, initialFigures: FigureUI[], { maxX, maxY }: {
     maxX: number;
     maxY: number;
-}, { scrollX: initialScrollX, scrollY: initialScrollY }: SheetDOMScrollInfo, { scrollX, scrollY }: SheetDOMScrollInfo): FigureUI;
+}, { scrollX: initialScrollX, scrollY: initialScrollY }: SheetDOMScrollInfo, { scrollX, scrollY }: SheetDOMScrollInfo): FigureUI[];
 export declare function dragFigureForResize(initialFigure: FigureUI, dirX: -1 | 0 | 1, dirY: -1 | 0 | 1, { x: mouseX, y: mouseY }: PixelPosition, { x: mouseInitialX, y: mouseInitialY }: PixelPosition, keepRatio: boolean, minFigSize: number, { scrollX: initialScrollX, scrollY: initialScrollY }: SheetDOMScrollInfo, { scrollX, scrollY }: SheetDOMScrollInfo, { maxX, maxY }: {
     maxX: number;
     maxY: number;

package/dist/types/components/helpers/figure_snap_helper.d.ts

@@ -1,4 +1,6 @@
-import { FigureUI, Getters, Pixel, UID } from "../../types";
+import { FigureUI } from "../../types/figure";
+import { Getters } from "../../types/getters";
+import { Pixel, UID } from "../../types/misc";
 export type HFigureAxisType = "top" | "bottom" | "vCenter";
 export type VFigureAxisType = "right" | "left" | "hCenter";
 export interface SnapLine<T extends HFigureAxisType | VFigureAxisType> {
@@ -8,7 +10,7 @@ export interface SnapLine<T extends HFigureAxisType | VFigureAxisType> {
     position: Pixel;
 }
 interface SnapReturn {
-    snappedFigure: FigureUI;
+    snappedFigures: FigureUI[];
     verticalSnapLine?: SnapLine<VFigureAxisType>;
     horizontalSnapLine?: SnapLine<HFigureAxisType>;
 }
@@ -16,7 +18,7 @@ interface SnapReturn {
  * Try to snap the given figure to other figures when moving the figure, and return the snapped
  * figure and the possible snap lines, if any were found
  */
-export declare function snapForMove(getters: Getters, figureToSnap: FigureUI, otherFigures: FigureUI[]): SnapReturn;
+export declare function snapForMove(getters: Getters, figuresToSnap: FigureUI[], otherFigures: FigureUI[]): SnapReturn;
 /**
  * Try to snap the given figure to the other figures when resizing the figure, and return the snapped
  * figure and the possible snap lines, if any were found

package/dist/types/components/helpers/highlight_hook.d.ts

@@ -1,4 +1,4 @@
+import { Signal } from "@odoo/owl";
 import { HighlightProvider } from "../../stores/highlight_store";
-import { Ref } from "../../types";
-export declare function useHighlightsOnHover(ref: Ref<HTMLElement>, highlightProvider: HighlightProvider): void;
+export declare function useHighlightsOnHover(ref: Signal<HTMLElement | null>, highlightProvider: HighlightProvider): void;
 export declare function useHighlights(highlightProvider: HighlightProvider): void;

package/dist/types/components/helpers/listener_hook.d.ts

@@ -1,13 +1,4 @@
-import { Ref } from "../../types";
-/**
- * Manages an event listener on a ref. Useful for hooks that want to manage
- * event listeners, especially more than one. Prefer using t-on directly in
- * components. If your hook only needs a single event listener, consider simply
- * returning it from the hook and letting the user attach it with t-on.
- *
- * Adapted from Odoo Community - See https://github.com/odoo/odoo/blob/saas-16.2/addons/web/static/src/core/utils/hooks.js
- */
-export declare function useRefListener(ref: Ref<HTMLElement>, ...listener: Parameters<typeof addEventListener>): void;
-export declare function useHoveredElement(ref: Ref<HTMLElement>): {
+import { Signal } from "@odoo/owl";
+export declare function useHoveredElement(ref: Signal<HTMLElement | null>): {
     hovered: boolean;
 };

package/dist/types/components/helpers/position_hook.d.ts

@@ -1,4 +1,4 @@
-import { Rect } from "../../types";
+import { Rect } from "../../types/rendering";
 /**
  * Return the o-spreadsheet element position relative
  * to the browser viewport.

package/dist/types/components/helpers/selection_helpers.d.ts

@@ -1,4 +1,5 @@
-import { Direction, Getters } from "../../types";
+import { Getters } from "../../types/getters";
+import { Direction } from "../../types/misc";
 import { SelectionStreamProcessor } from "../../types/selection_stream_processor";
 export declare function updateSelectionWithArrowKeys(ev: KeyboardEvent, selection: SelectionStreamProcessor): void;
 export declare function moveAnchorWithinSelection(getters: Getters, selection: SelectionStreamProcessor, direction: Direction): void;

package/dist/types/components/helpers/touch_handlers_hook.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from "../../types";
+import { Signal } from "@odoo/owl";
 export declare const resetTimeoutDuration = 100;
 type touchCallBacks = {
     updateScroll: (offsetX: number, offsetY: number) => void;
@@ -7,5 +7,5 @@ type touchCallBacks = {
     getZoom: () => number;
     setZoom: (scale: number) => void;
 };
-export declare function useTouchHandlers(ref: Ref<HTMLElement>, { updateScroll, canMoveUp, canMoveDown, getZoom, setZoom }: touchCallBacks): void;
+export declare function useTouchHandlers(ref: Signal<HTMLElement | null>, { updateScroll, canMoveUp, canMoveDown, getZoom, setZoom }: touchCallBacks): void;
 export {};

package/dist/types/components/helpers/zoom.d.ts

@@ -1,4 +1,5 @@
-import { DOMCoordinates, Pixel, Rect } from "../..";
+import { Pixel } from "../../types/misc";
+import { DOMCoordinates, Rect } from "../../types/rendering";
 import { SpreadsheetChildEnv } from "../../types/spreadsheet_env";
 export type ZoomedMouseEvent<T extends MouseEvent | PointerEvent> = {
     clientX: Pixel;

package/dist/types/components/highlight/border/border.d.ts

@@ -1,6 +1,6 @@
-import { Component } from "@odoo/owl";
-import { Zone } from "../../../types";
+import { Zone } from "../../../types/misc";
 import { SpreadsheetChildEnv } from "../../../types/spreadsheet_env";
+import { Component } from "../../../owl3_compatibility_layer";
 type Orientation = "n" | "s" | "w" | "e";
 interface Props {
     zone: Zone;

package/dist/types/components/highlight/corner/corner.d.ts

@@ -1,6 +1,7 @@
-import { Component } from "@odoo/owl";
-import { Color, ResizeDirection, Zone } from "../../../types";
+import { ResizeDirection } from "../../../types/figure";
+import { Color, Zone } from "../../../types/misc";
 import { SpreadsheetChildEnv } from "../../../types/spreadsheet_env";
+import { Component } from "../../../owl3_compatibility_layer";
 type Orientation = "nw" | "ne" | "sw" | "se" | "n" | "s" | "e" | "w";
 interface Props {
     zone: Zone;

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

@@ -1,5 +1,7 @@
-import { Component } from "@odoo/owl";
-import { Color, HeaderIndex, Range, ResizeDirection } from "../../../types";
+import { Component } from "../../../owl3_compatibility_layer";
+import { ResizeDirection } from "../../../types/figure";
+import { Color, HeaderIndex } from "../../../types/misc";
+import { Range } from "../../../types/range";
 import { SpreadsheetChildEnv } from "../../../types/spreadsheet_env";
 import { DnDDirection } from "../../helpers/drag_and_drop_grid_hook";
 import { Border } from "../border/border";

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

@@ -1,5 +1,5 @@
-import { Component } from "@odoo/owl";
 import { SpreadsheetChildEnv } from "../../types/spreadsheet_env";
+import { Component } from "../../owl3_compatibility_layer";
 interface Props {
     onIconPicked: (icon: string) => void;
 }
@@ -8,27 +8,8 @@ export declare class IconPicker extends Component<Props, SpreadsheetChildEnv> {
     static props: {
         onIconPicked: FunctionConstructor;
     };
-    icons: Record<string, {
-        template: string;
-        svg: import("../../types/image").ImageSVG;
-    }>;
-    iconSets: {
-        arrows: {
-            good: string;
-            neutral: string;
-            bad: string;
-        };
-        smiley: {
-            good: string;
-            neutral: string;
-            bad: string;
-        };
-        dots: {
-            good: string;
-            neutral: string;
-            bad: string;
-        };
-    };
     onIconClick(icon: string): void;
+    getIconName(iconSet: "arrows" | "smiley" | "dots", iconType: "good" | "neutral" | "bad"): string;
+    getIconTemplate(icon: string): string;
 }
 export {};

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

@@ -4,9 +4,9 @@ export type IconSetType = keyof typeof ICON_SETS;
 export declare function getCaretDownSvg(color: Style): ImageSVG;
 export declare function getCaretUpSvg(color: Style): ImageSVG;
 export declare function getHoveredCaretDownSvg(color: Style): ImageSVG;
-export declare const CHECKBOX_UNCHECKED: ImageSVG;
-export declare const CHECKBOX_UNCHECKED_HOVERED: ImageSVG;
-export declare const CHECKBOX_CHECKED: ImageSVG;
+export declare const getThemeCheckboxUncheckedSvg: (isDarkMode: boolean) => ImageSVG;
+export declare const getThemeCheckboxUncheckedHoveredSvg: (isDarkMode: boolean) => ImageSVG;
+export declare const getThemeCheckboxCheckedSvg: (isDarkMode: boolean) => ImageSVG;
 export declare function getPivotIconSvg(isCollapsed: boolean, isHovered: boolean): ImageSVG;
 export declare function getDataFilterIcon(isActive: boolean, isHighContrast: boolean, isHovered: boolean): ImageSVG;
 export declare const ICONS: Record<string, {

package/dist/types/components/link/link_display/link_display.d.ts

@@ -1,9 +1,10 @@
-import { Component } from "@odoo/owl";
-import { Store } from "../../../store_engine";
-import { EvaluatedCell, Link, Position } from "../../../types";
-import { PopoverBuilders } from "../../../types/cell_popovers";
+import type { PopoverBuilders } from "../../../types/cell_popovers";
+import { EvaluatedCell } from "../../../types/cells";
+import { Link, Position } from "../../../types/misc";
 import { SpreadsheetChildEnv } from "../../../types/spreadsheet_env";
+import { Store } from "../../../types/store_engine";
 import { CellPopoverStore } from "../../popover/cell_popover_store";
+import { Component } from "../../../owl3_compatibility_layer";
 interface LinkDisplayProps {
     cellPosition: Position;
 }

package/dist/types/components/link/link_editor/link_editor.d.ts

@@ -1,6 +1,6 @@
-import { Component } from "@odoo/owl";
-import { Link, Position } from "../../../types";
+import { Component } from "../../../owl3_compatibility_layer";
 import { PopoverBuilders } from "../../../types/cell_popovers";
+import { Link, Position } from "../../../types/misc";
 import { SpreadsheetChildEnv } from "../../../types/spreadsheet_env";
 import { MenuPopover } from "../../menu_popover/menu_popover";
 interface LinkEditorProps {
@@ -36,15 +36,9 @@ export declare class LinkEditor extends Component<LinkEditorProps, SpreadsheetCh
     static size: {
         maxHeight: number;
     };
-    urlInput: {
-        el: HTMLElement | null;
-    };
-    suggestionListRef: {
-        el: HTMLElement | null;
-    };
-    urlInputContainer: {
-        el: HTMLElement | null;
-    };
+    urlInput: import("@odoo/owl").Signal<HTMLElement | null>;
+    suggestionListRef: import("@odoo/owl").Signal<HTMLElement | null>;
+    urlInputContainer: import("@odoo/owl").Signal<HTMLElement | null>;
     private state;
     setup(): void;
     computeLinks(): void;

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

@@ -1,6 +1,7 @@
-import { Component } from "@odoo/owl";
 import { Action, MenuItemOrSeparator } from "../../actions/action";
-import { Pixel, Rect } from "../../types";
+import { Component } from "../../owl3_compatibility_layer";
+import { Pixel } from "../../types/misc";
+import { Rect } from "../../types/rendering";
 import { SpreadsheetChildEnv } from "../../types/spreadsheet_env";
 export type MenuItemRects = {
     [menuItemId: string]: Rect;

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

@@ -1,7 +1,8 @@
-import { Component } from "@odoo/owl";
 import { Action } from "../../actions/action";
-import { Pixel, Rect, UID } from "../../types";
+import { Component } from "../../owl3_compatibility_layer";
 import { PopoverPropsPosition } from "../../types/cell_popovers";
+import { Pixel, UID } from "../../types/misc";
+import { Rect } from "../../types/rendering";
 import { SpreadsheetChildEnv } from "../../types/spreadsheet_env";
 import { Menu, MenuProps } from "../menu/menu";
 import { Popover, PopoverProps } from "../popover/popover";

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

@@ -1,5 +1,5 @@
-import { Component } from "@odoo/owl";
 import { Action } from "../../actions/action";
+import { Component } from "../../owl3_compatibility_layer";
 import { SpreadsheetChildEnv } from "../../types/spreadsheet_env";
 import { ToolBarDropdownStore } from "../helpers/top_bar_tool_hook";
 import { MenuPopover, MenuState } from "../menu_popover/menu_popover";

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

@@ -1,6 +1,6 @@
-import { Component } from "@odoo/owl";
+import { Component } from "../../owl3_compatibility_layer";
 import { SpreadsheetChildEnv } from "../../types/spreadsheet_env";
-import { Popover, PopoverProps } from "../popover";
+import { Popover, PopoverProps } from "../popover/popover";
 interface State {
     isOpen: boolean;
 }

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

@@ -1,5 +1,5 @@
-import { Component } from "@odoo/owl";
 import { SpreadsheetChildEnv } from "../../types/spreadsheet_env";
+import { Component } from "../../owl3_compatibility_layer";
 interface Props {
     class?: string;
 }

package/dist/types/components/paint_format_button/paint_format_store.d.ts

@@ -1,10 +1,11 @@
-import { Get } from "../../store_engine";
-import { SpreadsheetStore } from "../../stores";
 import { HighlightStore } from "../../stores/highlight_store";
-import { Command, Highlight, Zone } from "../../types";
+import { SpreadsheetStore } from "../../stores/spreadsheet_store";
+import { Command } from "../../types/commands";
+import { Highlight, Zone } from "../../types/misc";
+import { Get } from "../../types/store_engine";
 export declare class PaintFormatStore extends SpreadsheetStore {
     mutators: readonly ["activate", "cancel", "pasteFormat"];
-    protected highlightStore: import("../../store_engine").CQS<Pick<HighlightStore, "register" | "unRegister"> & import("../../store_engine").OmitFunctions<HighlightStore>>;
+    protected highlightStore: import("../../types/store_engine").CQS<Pick<HighlightStore, "register" | "unRegister"> & import("../../types/store_engine").OmitFunctions<HighlightStore>>;
     private status;
     private copiedData?;
     constructor(get: Get);

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

@@ -1,5 +1,5 @@
-import { Component } from "@odoo/owl";
 import { SpreadsheetPivotTable, UID } from "../..";
+import { Component } from "../../owl3_compatibility_layer";
 import { SpreadsheetChildEnv } from "../../types/spreadsheet_env";
 import { Checkbox } from "../side_panel/components/checkbox/checkbox";
 interface PivotDialogColumn {

package/dist/types/components/popover/cell_popover_store.d.ts

@@ -1,11 +1,12 @@
-import { SpreadsheetStore } from "../../stores";
-import { Command, Position } from "../../types";
+import { SpreadsheetStore } from "../../stores/spreadsheet_store";
 import { CellPopoverType, ClosedCellPopover, OpenCellPopover, PositionedCellPopoverComponent } from "../../types/cell_popovers";
+import { Command } from "../../types/commands";
+import { Position } from "../../types/misc";
 import { DelayedHoveredCellStore } from "../grid/delayed_hovered_cell_store";
 export declare class CellPopoverStore extends SpreadsheetStore {
     mutators: readonly ["open", "close"];
     private persistentPopover?;
-    protected hoveredCell: import("../../store_engine").CQS<Pick<DelayedHoveredCellStore, "clear" | "hover"> & import("../../store_engine").OmitFunctions<DelayedHoveredCellStore>>;
+    protected hoveredCell: import("../../types/store_engine").CQS<Pick<DelayedHoveredCellStore, "clear" | "hover"> & import("../../types/store_engine").OmitFunctions<DelayedHoveredCellStore>>;
     handle(cmd: Command): void;
     open({ col, row }: Position, type: CellPopoverType): void;
     close(): "noStateChange" | undefined;

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

@@ -1,6 +1,7 @@
-import { Component } from "@odoo/owl";
-import { Pixel, Rect } from "../../types";
+import { Component } from "../../owl3_compatibility_layer";
 import { PopoverPropsPosition } from "../../types/cell_popovers";
+import { Pixel } from "../../types/misc";
+import { Rect } from "../../types/rendering";
 import { SpreadsheetChildEnv } from "../../types/spreadsheet_env";
 export interface PopoverProps {
     /**

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

@@ -1,5 +1,5 @@
-import { Component } from "@odoo/owl";
-import { CSSProperties, Pixel } from "../../types";
+import { Component } from "../../owl3_compatibility_layer";
+import { CSSProperties, Pixel } from "../../types/misc";
 import { ScrollDirection } from "../../types/scroll_direction";
 interface Props {
     width: Pixel;
@@ -10,25 +10,7 @@ interface Props {
     onScroll: (offset: Pixel) => void;
 }
 export declare class ScrollBar extends Component<Props> {
-    static props: {
-        width: {
-            type: NumberConstructor;
-            optional: boolean;
-        };
-        height: {
-            type: NumberConstructor;
-            optional: boolean;
-        };
-        direction: StringConstructor;
-        position: ObjectConstructor;
-        offset: NumberConstructor;
-        onScroll: FunctionConstructor;
-    };
     static template: string;
-    static defaultProps: {
-        width: number;
-        height: number;
-    };
     private scrollbarRef;
     private scrollbar;
     setup(): void;

package/dist/types/components/scrollbar/scrollbar_horizontal.d.ts

@@ -1,4 +1,4 @@
-import { Component } from "@odoo/owl";
+import { Component } from "../../owl3_compatibility_layer";
 import { SpreadsheetChildEnv } from "../../types/spreadsheet_env";
 import { ScrollBar } from "./scrollbar";
 interface Props {

package/dist/types/components/scrollbar/scrollbar_vertical.d.ts

@@ -1,4 +1,4 @@
-import { Component } from "@odoo/owl";
+import { Component } from "../../owl3_compatibility_layer";
 import { SpreadsheetChildEnv } from "../../types/spreadsheet_env";
 import { ScrollBar } from "./scrollbar";
 interface Props {

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

@@ -1,4 +1,4 @@
-import { Pixel } from "../types";
+import { Pixel } from "../types/misc";
 import { ScrollDirection } from "../types/scroll_direction";
 export declare class ScrollBar {
     private direction;

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

@@ -1,5 +1,5 @@
-import { Component } from "@odoo/owl";
-import { ValueAndLabel } from "../../types";
+import { Component } from "../../owl3_compatibility_layer";
+import { ValueAndLabel } from "../../types/misc";
 import { SpreadsheetChildEnv } from "../../types/spreadsheet_env";
 import { Popover, PopoverProps } from "../popover/popover";
 export interface SelectProps {

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

@@ -1,6 +1,6 @@
-import { Component } from "@odoo/owl";
 import { SpreadsheetChildEnv } from "../../types/spreadsheet_env";
 import { Highlight, HighlightProps } from "../highlight/highlight/highlight";
+import { Component } from "../../owl3_compatibility_layer";
 export declare class Selection extends Component<{}, SpreadsheetChildEnv> {
     static template: string;
     static props: {};

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

@@ -1,5 +1,5 @@
-import { Component } from "@odoo/owl";
-import { Color } from "../../types";
+import { Component } from "../../owl3_compatibility_layer";
+import { Color } from "../../types/misc";
 import { SpreadsheetChildEnv } from "../../types/spreadsheet_env";
 import { RangeInputValue } from "./selection_input_store";
 interface Props {
@@ -93,7 +93,8 @@ export declare class SelectionInput extends Component<Props, SpreadsheetChildEnv
     };
     private state;
     private dragAndDrop;
-    private focusedInput;
+    private focusedInputRef;
+    unfocusedInputRef: import("@odoo/owl").Signal<HTMLInputElement | null>;
     private selectionRef;
     private DOMFocusableElementStore;
     private store;

package/dist/types/components/selection_input/selection_input_store.d.ts

@@ -1,8 +1,9 @@
-import { Get } from "../../store_engine";
-import { SpreadsheetStore } from "../../stores";
 import { HighlightStore } from "../../stores/highlight_store";
-import { SelectionEvent } from "../../types/event_stream";
-import { Color, Command, Highlight } from "../../types/index";
+import { SpreadsheetStore } from "../../stores/spreadsheet_store";
+import { Command } from "../../types/commands";
+import { SelectionEvent } from "../../types/event_stream/selection_events";
+import { Color, Highlight } from "../../types/misc";
+import { Get } from "../../types/store_engine";
 export interface RangeInputValue {
     id: number;
     xc: string;
@@ -27,7 +28,7 @@ export declare class SelectionInputStore extends SpreadsheetStore {
     mode: SelectionRangeEditMode;
     private inputSheetId;
     private focusStore;
-    protected highlightStore: import("../../store_engine").CQS<Pick<HighlightStore, "register" | "unRegister"> & import("../../store_engine").OmitFunctions<HighlightStore>>;
+    protected highlightStore: import("../../types/store_engine").CQS<Pick<HighlightStore, "register" | "unRegister"> & import("../../types/store_engine").OmitFunctions<HighlightStore>>;
     constructor(get: Get, initialRanges?: string[], inputHasSingleRange?: boolean, colors?: Color[], disabledRanges?: boolean[]);
     handleEvent(event: SelectionEvent): void;
     handle(cmd: Command): void;

package/dist/types/components/side_panel/carousel_panel/carousel_panel.d.ts

@@ -1,6 +1,8 @@
-import { Component } from "@odoo/owl";
 import { ActionSpec } from "../../../actions/action";
-import { CarouselItem, TitleDesign, UID } from "../../../types";
+import { Component } from "../../../owl3_compatibility_layer";
+import { TitleDesign } from "../../../types/chart/chart";
+import { CarouselItem } from "../../../types/figure";
+import { UID } from "../../../types/misc";
 import { SpreadsheetChildEnv } from "../../../types/spreadsheet_env";
 import { TextInput } from "../../text_input/text_input";
 import { TextStyler } from "../chart/building_blocks/text_styler/text_styler";

package/dist/types/components/side_panel/chart/bar_chart/bar_chart_design_panel.d.ts

@@ -1,5 +1,6 @@
-import { BarChartDefinition } from "../../../../types/chart";
-import { DispatchResult, UID } from "../../../../types/index";
+import { BarChartDefinition } from "../../../../types/chart/bar_chart";
+import { DispatchResult } from "../../../../types/commands";
+import { UID } from "../../../../types/misc";
 import { GenericZoomableChartDesignPanel } from "../zoomable_chart/design_panel";
 interface Props {
     chartId: UID;

package/dist/types/components/side_panel/chart/bubble_chart/bubble_chart_config_panel.d.ts

@@ -0,0 +1,66 @@
+import { Component } from "../../../../owl3_compatibility_layer";
+import { BubbleChartDefinition } from "../../../../types/chart/bubble_chart";
+import { DispatchResult } from "../../../../types/commands";
+import { SpreadsheetChildEnv } from "../../../../types/spreadsheet_env";
+import { ChartDataSeries } from "../building_blocks/data_series/data_series";
+import { ChartErrorSection } from "../building_blocks/error_section/error_section";
+import { ChartLabelRange } from "../building_blocks/label_range/label_range";
+import { ChartSidePanelProps } from "../common";
+interface BubbleChartPanelState {
+    datasetDispatchResult?: DispatchResult;
+    labelsDispatchResult?: DispatchResult;
+    xRangeDispatchResult?: DispatchResult;
+    sizeRangeDispatchResult?: DispatchResult;
+}
+type Props = ChartSidePanelProps<BubbleChartDefinition>;
+export declare class BubbleChartConfigPanel extends Component<Props, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {
+        ChartDataSeries: typeof ChartDataSeries;
+        ChartLabelRange: typeof ChartLabelRange;
+        ChartErrorSection: typeof ChartErrorSection;
+    };
+    static props: {
+        chartId: StringConstructor;
+        definition: ObjectConstructor;
+        canUpdateChart: FunctionConstructor;
+        updateChart: FunctionConstructor;
+    };
+    protected state: BubbleChartPanelState;
+    protected yRanges: string[];
+    protected labelRange?: string;
+    protected datasetOrientation: "rows" | "columns" | undefined;
+    private xRange?;
+    private sizeRange?;
+    setup(): void;
+    get errorMessages(): string[];
+    get isLabelInvalid(): boolean;
+    get isXDataInvalid(): boolean;
+    get isYDataInvalid(): boolean;
+    get isBubbleSizeRangeInvalid(): boolean;
+    get dataSetsHaveTitleLabel(): string;
+    getDataSeriesRanges(): {
+        dataRange: string;
+        dataSetId: string;
+    }[];
+    onDataSeriesRangesChanged(ranges: string[]): void;
+    onDataSeriesConfirmed(): void;
+    onDataSeriesReordered(indexes: number[]): void;
+    onDataSeriesRemoved(index: number): void;
+    onLabelRangeChanged(ranges: string[]): void;
+    onLabelRangeConfirmed(): void;
+    onUpdateDataSetsHaveTitle(dataSetsHaveTitle: boolean): void;
+    onXDataRangeChanged(ranges: string[]): void;
+    onXDataRangeConfirmed(): void;
+    onBubbleSizeRangeChanged(ranges: string[]): void;
+    onBubbleSizeRangeConfirmed(): void;
+    getLabelRangeOptions(): {
+        name: string;
+        label: string;
+        value: boolean;
+        onChange: (dataSetsHaveTitle: boolean) => void;
+    }[];
+    calculateHeaderPosition(): number | undefined;
+    private computeDatasetOrientation;
+}
+export {};

package/dist/types/components/side_panel/chart/bubble_chart/bubble_chart_design_panel.d.ts

@@ -0,0 +1,61 @@
+import { Component } from "../../../../owl3_compatibility_layer";
+import { BubbleChartDefinition } from "../../../../types/chart/bubble_chart";
+import { VerticalAxisPosition } from "../../../../types/chart/common_chart";
+import { DispatchResult } from "../../../../types/commands";
+import { Color, UID } from "../../../../types/misc";
+import { SpreadsheetChildEnv } from "../../../../types/spreadsheet_env";
+import { Checkbox } from "../../components/checkbox/checkbox";
+import { SidePanelCollapsible } from "../../components/collapsible/side_panel_collapsible";
+import { RadioSelection } from "../../components/radio_selection/radio_selection";
+import { RoundColorPicker } from "../../components/round_color_picker/round_color_picker";
+import { Section } from "../../components/section/section";
+import { AxisDefinition, AxisDesignEditor } from "../building_blocks/axis_design/axis_design_editor";
+import { GeneralDesignEditor } from "../building_blocks/general_design/general_design_editor";
+import { ChartHumanizeNumbers } from "../building_blocks/humanize_numbers/humanize_numbers";
+import { ChartLegend } from "../building_blocks/legend/legend";
+import { ChartShowValues } from "../building_blocks/show_values/show_values";
+interface Props {
+    chartId: UID;
+    definition: BubbleChartDefinition;
+    canUpdateChart: (chartId: UID, definition: Partial<BubbleChartDefinition>) => DispatchResult;
+    updateChart: (chartId: UID, definition: Partial<BubbleChartDefinition>) => DispatchResult;
+}
+export declare class BubbleChartDesignPanel extends Component<Props, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {
+        GeneralDesignEditor: typeof GeneralDesignEditor;
+        SidePanelCollapsible: typeof SidePanelCollapsible;
+        Section: typeof Section;
+        AxisDesignEditor: typeof AxisDesignEditor;
+        ChartLegend: typeof ChartLegend;
+        ChartShowValues: typeof ChartShowValues;
+        ChartHumanizeNumbers: typeof ChartHumanizeNumbers;
+        RadioSelection: typeof RadioSelection;
+        RoundColorPicker: typeof RoundColorPicker;
+        Checkbox: typeof Checkbox;
+    };
+    static props: {
+        chartId: StringConstructor;
+        definition: ObjectConstructor;
+        canUpdateChart: FunctionConstructor;
+        updateChart: FunctionConstructor;
+    };
+    get axesList(): AxisDefinition[];
+    colorModeChoices: {
+        value: string;
+        label: string;
+    }[];
+    axisChoices: {
+        value: string;
+        label: string;
+    }[];
+    get colorMode(): "multiple" | "single";
+    onColorModeChange(mode: "multiple" | "single"): void;
+    get verticalAxisPosition(): VerticalAxisPosition;
+    updateVerticalAxisPosition(value: VerticalAxisPosition): void;
+    updateBubbleColor(color: string | "multiple"): void;
+    get currentBubbleColor(): Color;
+    get areBubblesTransparent(): boolean;
+    updateBubbleTransparency(transparent: boolean): void;
+}
+export {};