@odoo/o-spreadsheet 16.1.0 → 16.2.0-alpha.0

package/dist/o_spreadsheet.d.ts

@@ -83,11 +83,11 @@ interface ASTFuncall extends ASTBase {
     value: string;
     args: AST[];
 }
-interface ASTUnknown extends ASTBase {
-    type: "UNKNOWN";
-    value: string;
+interface ASTEmpty extends ASTBase {
+    type: "EMPTY";
+    value: "";
 }
-declare type AST = ASTOperation | ASTUnaryOperation | ASTFuncall | ASTNumber | ASTBoolean | ASTString | ASTReference | ASTUnknown;
+declare type AST = ASTOperation | ASTUnaryOperation | ASTFuncall | ASTNumber | ASTBoolean | ASTString | ASTReference | ASTEmpty;
 /**
  * Parse an expression (as a string) into an AST.
  */
@@ -222,6 +222,10 @@ declare function parseMarkdownLink(str: string): {
  * const foo: number[] = [1, 2, undefined, 4].filter(isDefined)
  */
 declare function isDefined<T>(argument: T | undefined): argument is T;
+/**
+ * Lazy value computed by the provided function.
+ */
+declare function lazy<T>(fn: (() => T) | T): Lazy<T>;
 
 interface ConstructorArgs {
     readonly zone: Readonly<Zone | UnboundedZone>;
@@ -307,13 +311,15 @@ interface ZonesSelected extends SelectionEventPayload {
 interface HeadersSelected extends SelectionEventPayload {
     type: "HeadersSelected";
 }
-interface AlterZoneCorner extends SelectionEventPayload {
-    type: "AlterZoneCorner";
+interface AlterZone extends SelectionEventPayload {
+    type: "AlterZone";
 }
-declare type SelectionEvent = Readonly<ZonesSelected | HeadersSelected | AlterZoneCorner>;
+declare type SelectionEvent = Readonly<ZonesSelected | HeadersSelected | AlterZone>;
 
 interface StreamCallbacks<Event> {
     handleEvent: (event: Event) => void;
+    /** this callback will only be called when another consumer captures the stream,
+     * not when the current consumer decides to release itself */
     release?: () => void;
 }
 
@@ -324,6 +330,7 @@ declare type StatefulStream<Event, State> = {
     resetAnchor: (owner: unknown, state: State) => void;
     observe: (owner: unknown, callbacks: StreamCallbacks<Event>) => void;
     release: (owner: unknown) => void;
+    getBackToDefault(): void;
 };
 /**
  * Allows to select cells in the grid and update the selection
@@ -341,134 +348,7 @@ interface SelectionProcessor {
     loopSelection(): DispatchResult;
     selectTableAroundSelection(): DispatchResult;
 }
-/**
- * Processes all selection updates (usually from user inputs) and emits an event
- * with the new selected anchor
- */
-declare class SelectionStreamProcessor implements SelectionProcessor, StatefulStream<SelectionEvent, AnchorZone> {
-    private getters;
-    private stream;
-    /**
-     * "Active" anchor used as a reference to compute new anchors
-     * An new initial value is given each time the stream is
-     * captured. The value is updated with each new anchor.
-     */
-    private anchor;
-    private defaultAnchor;
-    constructor(getters: Getters);
-    capture(owner: unknown, anchor: AnchorZone, callbacks: StreamCallbacks<SelectionEvent>): void;
-    /**
-     * Register as default subscriber and capture the event stream.
-     */
-    registerAsDefault(owner: unknown, anchor: AnchorZone, callbacks: StreamCallbacks<SelectionEvent>): void;
-    resetDefaultAnchor(owner: unknown, anchor: AnchorZone): void;
-    resetAnchor(owner: unknown, anchor: AnchorZone): void;
-    observe(owner: unknown, callbacks: StreamCallbacks<SelectionEvent>): void;
-    release(owner: unknown): void;
-    getBackToDefault(): void;
-    /**
-     * Select a new anchor
-     */
-    selectZone(anchor: AnchorZone, mode?: SelectionEvent["mode"]): DispatchResult;
-    /**
-     * Select a single cell as the new anchor.
-     */
-    selectCell(col: HeaderIndex, row: HeaderIndex): DispatchResult;
-    /**
-     * Set the selection to one of the cells adjacent to the current anchor cell.
-     */
-    moveAnchorCell(direction: SelectionDirection, step?: SelectionStep): DispatchResult;
-    /**
-     * Update the current anchor such that it includes the given
-     * cell position.
-     */
-    setAnchorCorner(col: HeaderIndex, row: HeaderIndex): DispatchResult;
-    /**
-     * Add a new cell to the current selection
-     */
-    addCellToSelection(col: HeaderIndex, row: HeaderIndex): DispatchResult;
-    /**
-     * Increase or decrease the size of the current anchor zone.
-     * The anchor cell remains where it is. It's the opposite side
-     * of the anchor zone which moves.
-     */
-    resizeAnchorZone(direction: SelectionDirection, step?: SelectionStep): DispatchResult;
-    selectColumn(index: HeaderIndex, mode: SelectionEvent["mode"]): DispatchResult;
-    selectRow(index: HeaderIndex, mode: SelectionEvent["mode"]): DispatchResult;
-    /**
-     * Loop the current selection while keeping the same anchor. The selection will loop through:
-     *  1) the smallest zone that contain the anchor and that have only empty cells bordering it
-     *  2) the whole sheet
-     *  3) the anchor cell
-     */
-    loopSelection(): DispatchResult;
-    /**
-     * Select a "table" around the current selection.
-     * We define a table by the smallest zone that contain the anchor and that have only empty
-     * cells bordering it
-     */
-    selectTableAroundSelection(): DispatchResult;
-    /**
-     * Select the entire sheet
-     */
-    selectAll(): DispatchResult;
-    /**
-     * Process a new anchor selection event. If the new anchor is inside
-     * the sheet boundaries, the event is pushed to the event stream to
-     * be processed.
-     */
-    private processEvent;
-    private checkEventAnchorZone;
-    private checkAnchorZone;
-    private checkAnchorZoneOrThrow;
-    /**
-     *  ---- PRIVATE ----
-     */
-    /** Computes the next cell position in the direction of deltaX and deltaY
-     * by crossing through merges and skipping hidden cells.
-     * Note that the resulting position might be out of the sheet, it needs to be validated.
-     */
-    private getNextAvailablePosition;
-    private getNextAvailableCol;
-    private getNextAvailableRow;
-    private getNextAvailableHeader;
-    /**
-     * Finds a visible cell in the currently selected zone starting with the anchor.
-     * If the anchor is hidden, browses from left to right and top to bottom to
-     * find a visible cell.
-     */
-    private getReferencePosition;
-    private deltaToTarget;
-    private getStartingPosition;
-    /**
-     * Given a starting position, compute the end of the cluster containing the position in the given
-     * direction or the start of the next cluster. We define cluster here as side-by-side cells that
-     * all have a content.
-     *
-     * We will return the end of the cluster if the given cell is inside a cluster, and the start of the
-     * next cluster if the given cell is outside a cluster or at the border of a cluster in the given direction.
-     */
-    private getEndOfCluster;
-    /**
-     * Check if a cell is empty or undefined in the model. If the cell is part of a merge,
-     * check if the merge containing the cell is empty.
-     */
-    private isCellEmpty;
-    /** Computes the next cell position in the given direction by crossing through merges and skipping hidden cells.
-     *
-     * This has the same behaviour as getNextAvailablePosition() for certain arguments, but use this method instead
-     * inside directionToDelta(), which is called in getNextAvailablePosition(), to avoid possible infinite
-     * recursion.
-     */
-    private getNextCellPosition;
-    private getPosition;
-    /**
-     * Expand the given zone to a table.
-     * We define a table by the smallest zone that contain the anchor and that have only empty
-     * cells bordering it
-     */
-    private expandZoneToTable;
-}
+declare type SelectionStreamProcessor = SelectionProcessor & StatefulStream<SelectionEvent, AnchorZone>;
 
 interface XLSXExportFile {
     path: string;
@@ -1373,7 +1253,7 @@ interface ComposerSelection {
     end: number;
 }
 declare class EditionPlugin extends UIPlugin {
-    static getters: readonly ["getEditionMode", "isSelectingForComposer", "showSelectionIndicator", "getCurrentContent", "getEditionSheet", "getComposerSelection", "getCurrentTokens", "getTokenAtCursor", "getComposerHighlights"];
+    static getters: readonly ["getEditionMode", "isSelectingForComposer", "showSelectionIndicator", "getCurrentContent", "getEditionSheet", "getComposerSelection", "getCurrentTokens", "getTokenAtCursor", "getComposerHighlights", "getCurrentEditedCell"];
     private col;
     private row;
     private mode;
@@ -1390,11 +1270,11 @@ declare class EditionPlugin extends UIPlugin {
     allowDispatch(cmd: Command): CommandResult;
     private handleEvent;
     handle(cmd: Command): void;
-    unsubscribe(): void;
     getEditionMode(): EditionMode;
     getCurrentContent(): string;
     getEditionSheet(): string;
     getComposerSelection(): ComposerSelection;
+    getCurrentEditedCell(): CellPosition;
     isSelectingForComposer(): boolean;
     showSelectionIndicator(): boolean;
     getCurrentTokens(): EnrichedToken[];
@@ -1686,7 +1566,7 @@ interface DuplicateSheetCommand extends SheetDependentCommand {
 }
 interface MoveSheetCommand extends SheetDependentCommand {
     type: "MOVE_SHEET";
-    direction: "left" | "right";
+    delta: number;
 }
 interface RenameSheetCommand extends SheetDependentCommand {
     type: "RENAME_SHEET";
@@ -2490,7 +2370,7 @@ interface Lazy<T> {
 interface Cloneable<T> {
     clone: (args?: Partial<T>) => T;
 }
-declare type CSSProperties<P extends string = string> = Record<P, string>;
+declare type CSSProperties<P extends string = string> = Record<P, string | undefined>;
 interface SortOptions {
     /** If true sort the headers of the range along with the rest */
     sortHeaders?: boolean;
@@ -2581,6 +2461,13 @@ interface IncrementModifier {
     increment: number;
     current: number;
 }
+interface AlphanumericIncrementModifier {
+    type: "ALPHANUMERIC_INCREMENT_MODIFIER";
+    increment: number;
+    current: number;
+    prefix: string;
+    numberPostfixLength: number;
+}
 interface CopyModifier {
     type: "COPY_MODIFIER";
 }
@@ -2589,7 +2476,7 @@ interface FormulaModifier {
     increment: number;
     current: number;
 }
-declare type AutofillModifier = IncrementModifier | CopyModifier | FormulaModifier;
+declare type AutofillModifier = IncrementModifier | AlphanumericIncrementModifier | CopyModifier | FormulaModifier;
 interface Tooltip {
     props: any;
     component?: any;
@@ -2661,7 +2548,7 @@ interface InformationNotification {
 }
 interface SpreadsheetEnv {
     notifyUser: (notification: InformationNotification) => any;
-    raiseError: (text: string) => any;
+    raiseError: (text: string, callback?: () => void) => any;
     askConfirmation: (content: string, confirm: () => any, cancel?: () => any) => any;
     editText: (title: string, callback: (text: string | null) => any, options?: EditTextOptions) => any;
 }
@@ -2673,6 +2560,7 @@ interface SpreadsheetChildEnv extends SpreadsheetEnv {
     toggleSidePanel: (panel: string, panelProps?: any) => void;
     clipboard: ClipboardInterface;
     _t: TranslationFunction;
+    startCellEdition: (content: string) => void;
     loadCurrencies?: () => Promise<Currency[]>;
 }
 
@@ -2697,6 +2585,7 @@ interface AddFunctionDescription {
     args: ArgDefinition[];
     returns: [ArgType];
     isExported?: boolean;
+    hidden?: boolean;
 }
 interface FunctionDescription extends AddFunctionDescription {
     minArgRequired: number;
@@ -3604,13 +3493,13 @@ declare class MergePlugin extends CorePlugin<MergeState> implements MergeState {
     exportForExcel(data: ExcelWorkbookData): void;
 }
 
-interface SheetState {
+interface SheetState$1 {
     readonly sheets: Record<UID, Sheet | undefined>;
     readonly orderedSheetIds: UID[];
     readonly sheetIdsMapName: Record<string, UID | undefined>;
     readonly cellPosition: Record<UID, CellPosition | undefined>;
 }
-declare class SheetPlugin extends CorePlugin<SheetState> implements SheetState {
+declare class SheetPlugin extends CorePlugin<SheetState$1> implements SheetState$1 {
     static getters: readonly ["getSheetName", "tryGetSheetName", "getSheet", "tryGetSheet", "getSheetIdByName", "getSheetIds", "getVisibleSheetIds", "isSheetVisible", "getEvaluationSheets", "doesHeaderExist", "getCell", "getCellPosition", "getColsZone", "getRowCells", "getRowsZone", "getNumberCols", "getNumberRows", "getNumberHeaders", "getGridLinesVisibility", "getNextSheetName", "isEmpty", "getSheetSize", "getSheetZone", "getPaneDivisions"];
     readonly sheetIdsMapName: Record<string, UID | undefined>;
     readonly orderedSheetIds: UID[];
@@ -3670,8 +3559,7 @@ declare class SheetPlugin extends CorePlugin<SheetState> implements SheetState {
     private clearZones;
     private createSheet;
     private moveSheet;
-    private findIndexOfPreviousVisibleSheet;
-    private findIndexOfNextVisibleSheet;
+    private findIndexOfTargetSheet;
     private checkSheetName;
     private checkSheetPosition;
     private checkRowFreezeQuantity;
@@ -3773,7 +3661,7 @@ declare class CustomColorsPlugin extends UIPlugin {
 }
 
 declare class EvaluationPlugin extends UIPlugin {
-    static getters: readonly ["evaluateFormula", "getRangeFormattedValues", "getRangeValues", "getEvaluatedCell", "getEvaluatedCells", "getColEvaluatedCells", "getEvaluatedCellsInZone"];
+    static getters: readonly ["evaluateFormula", "getRangeFormattedValues", "getRangeValues", "getRangeFormats", "getEvaluatedCell", "getEvaluatedCells", "getColEvaluatedCells", "getEvaluatedCellsInZone"];
     private isUpToDate;
     private evaluatedCells;
     private readonly evalContext;
@@ -3790,6 +3678,10 @@ declare class EvaluationPlugin extends UIPlugin {
      * Return the value of each cell in the range.
      */
     getRangeValues(range: Range): CellValue[];
+    /**
+     * Return the format of each cell in the range.
+     */
+    getRangeFormats(range: Range): (Format | undefined)[];
     getEvaluatedCell({ sheetId, col, row }: CellPosition): EvaluatedCell;
     getEvaluatedCells(sheetId: UID): Record<UID, EvaluatedCell>;
     /**
@@ -4383,7 +4275,6 @@ declare class SelectionInputPlugin extends UIPlugin implements StreamCallbacks<S
     allowDispatch(cmd: Command): CommandResult;
     handleEvent(event: SelectionEvent): void;
     handle(cmd: Command): void;
-    unsubscribe(): void;
     getSelectionInputValue(): string[];
     getSelectionInputHighlights(): Highlight$1[];
     /**
@@ -4444,7 +4335,6 @@ declare class SelectionInputsManagerPlugin extends UIPlugin {
     constructor(config: UIPluginConfig);
     allowDispatch(cmd: Command): CommandResult;
     handle(cmd: Command): void;
-    unsubscribe(): void;
     /**
      * Return a list of all valid XCs.
      * e.g. ["A1", "Sheet2!B3", "E12"]
@@ -4564,9 +4454,13 @@ declare class SheetUIPlugin extends UIPlugin {
     allowDispatch(cmd: Command): CommandResult;
     handle(cmd: Command): void;
     getCellWidth(position: CellPosition): number;
-    getTextWidth(position: CellPosition): Pixel;
+    getTextWidth(text: string, style: Style): Pixel;
     getCellText(position: CellPosition, showFormula?: boolean): string;
-    getCellMultiLineText(position: CellPosition, width: number): string[];
+    /**
+     * Return the text of a cell, split in multiple lines if needed. The text will be split in multiple
+     * line if it contains NEWLINE characters, or if it's longer than the given width.
+     */
+    getCellMultiLineText(position: CellPosition, width: number | undefined): string[];
     /**
      * Returns the size, start and end coordinates of a column on an unfolded sheet
      */
@@ -4952,9 +4846,10 @@ interface ChartBuilder {
     transformDefinition(definition: ChartDefinition, executed: AddColumnsRowsCommand | RemoveColumnsRowsCommand): ChartDefinition;
     getChartDefinitionFromContextCreation(context: ChartCreationContext): ChartDefinition;
     name: string;
+    sequence: number;
 }
 
-interface Props$x {
+interface Props$B {
     ranges: string[];
     hasSingleRange?: boolean;
     required?: boolean;
@@ -4976,12 +4871,13 @@ interface SelectionRange extends Omit<RangeInputValue, "color"> {
  * onSelectionChanged is called every time the input value
  * changes.
  */
-declare class SelectionInput extends Component<Props$x, SpreadsheetChildEnv> {
+declare class SelectionInput extends Component<Props$B, SpreadsheetChildEnv> {
     static template: string;
     private id;
     private previousRanges;
     private originSheet;
     private state;
+    private focusedInput;
     get ranges(): SelectionRange[];
     get hasFocus(): boolean;
     get canAddRange(): boolean;
@@ -5000,13 +4896,13 @@ declare class SelectionInput extends Component<Props$x, SpreadsheetChildEnv> {
     disable(): void;
 }
 
-interface Props$w {
+interface Props$A {
     sheetId: UID;
     figureId: UID;
     definition: LineChartDefinition | BarChartDefinition | PieChartDefinition;
     updateChart: (definition: Partial<LineChartDefinition | BarChartDefinition | PieChartDefinition>) => DispatchResult;
 }
-declare class LineBarPieConfigPanel extends Component<Props$w, SpreadsheetChildEnv> {
+declare class LineBarPieConfigPanel extends Component<Props$A, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         SelectionInput: typeof SelectionInput;
@@ -5066,15 +4962,35 @@ declare class ColorPicker extends Component<ColorPickerProps, SpreadsheetChildEn
     get magnifyingGlassStyle(): string;
 }
 
-interface Props$v {
+interface Props$z {
+    currentColor: string | undefined;
+    toggleColorPicker: () => void;
+    showColorPicker: boolean;
+    onColorPicked: (color: string) => void;
+    icon: string;
+    dropdownDirection?: "left" | "right" | "center";
+    title?: string;
+    disabled?: boolean;
+    dropdownMaxHeight?: Pixel;
+    class?: string;
+}
+declare class ColorPickerWidget extends Component<Props$z, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {
+        ColorPicker: typeof ColorPicker;
+    };
+    get iconStyle(): string;
+}
+
+interface Props$y {
     figureId: UID;
     definition: LineChartDefinition | BarChartDefinition | PieChartDefinition;
     updateChart: (definition: Partial<LineChartDefinition | BarChartDefinition | PieChartDefinition>) => CommandResult | CommandResult[];
 }
-declare class LineBarPieDesignPanel extends Component<Props$v, SpreadsheetChildEnv> {
+declare class LineBarPieDesignPanel extends Component<Props$y, SpreadsheetChildEnv> {
     static template: string;
     static components: {
-        ColorPicker: typeof ColorPicker;
+        ColorPickerWidget: typeof ColorPickerWidget;
     };
     private state;
     onClick(ev: MouseEvent): void;
@@ -5085,13 +5001,13 @@ declare class LineBarPieDesignPanel extends Component<Props$v, SpreadsheetChildE
     updateSelect(attr: string, ev: any): void;
 }
 
-interface Props$u {
+interface Props$x {
     sheetId: UID;
     figureId: UID;
     definition: GaugeChartDefinition;
     updateChart: (definition: Partial<GaugeChartDefinition>) => DispatchResult;
 }
-declare class GaugeChartConfigPanel extends Component<Props$u, SpreadsheetChildEnv> {
+declare class GaugeChartConfigPanel extends Component<Props$x, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         SelectionInput: typeof SelectionInput;
@@ -5105,17 +5021,18 @@ declare class GaugeChartConfigPanel extends Component<Props$u, SpreadsheetChildE
 }
 
 declare type GaugeMenu = "backgroundColor" | "sectionColor-lowerColor" | "sectionColor-middleColor" | "sectionColor-upperColor";
-interface Props$t {
+interface Props$w {
     figureId: UID;
     definition: GaugeChartDefinition;
     updateChart: (definition: Partial<GaugeChartDefinition>) => DispatchResult;
 }
-declare class GaugeChartDesignPanel extends Component<Props$t, SpreadsheetChildEnv> {
+declare class GaugeChartDesignPanel extends Component<Props$w, SpreadsheetChildEnv> {
     static template: string;
     static components: {
-        ColorPicker: typeof ColorPicker;
+        ColorPickerWidget: typeof ColorPickerWidget;
     };
     private state;
+    setup(): void;
     get designErrorMessages(): string[];
     updateBackgroundColor(color: string): void;
     updateTitle(ev: any): void;
@@ -5141,13 +5058,13 @@ declare class LineConfigPanel extends LineBarPieConfigPanel {
     onUpdateAggregated(ev: any): void;
 }
 
-interface Props$s {
+interface Props$v {
     sheetId: UID;
     figureId: UID;
     definition: ScorecardChartDefinition;
     updateChart: (definition: Partial<ScorecardChartDefinition>) => DispatchResult;
 }
-declare class ScorecardChartConfigPanel extends Component<Props$s, SpreadsheetChildEnv> {
+declare class ScorecardChartConfigPanel extends Component<Props$v, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         SelectionInput: typeof SelectionInput;
@@ -5166,21 +5083,23 @@ declare class ScorecardChartConfigPanel extends Component<Props$s, SpreadsheetCh
 }
 
 declare type ColorPickerId = undefined | "backgroundColor" | "baselineColorUp" | "baselineColorDown";
-interface Props$r {
+interface Props$u {
     figureId: UID;
     definition: ScorecardChartDefinition;
     updateChart: (definition: Partial<ScorecardChartDefinition>) => DispatchResult;
 }
-declare class ScorecardChartDesignPanel extends Component<Props$r, SpreadsheetChildEnv> {
+declare class ScorecardChartDesignPanel extends Component<Props$u, SpreadsheetChildEnv> {
     static template: string;
     static components: {
-        ColorPicker: typeof ColorPicker;
+        ColorPickerWidget: typeof ColorPickerWidget;
     };
     private state;
+    setup(): void;
     updateTitle(ev: any): void;
     updateBaselineDescr(ev: any): void;
-    openColorPicker(colorPickerId: ColorPickerId): void;
+    toggleColorPicker(colorPickerId: ColorPickerId): void;
     setColor(color: string, colorPickerId: ColorPickerId): void;
+    private closeMenus;
 }
 
 interface ChartSidePanel {
@@ -5227,44 +5146,52 @@ interface SidePanelContent {
  *    NB: a separator defined on the last item is not displayed !
  *
  */
-interface MenuItem {
+interface MenuItemSpec {
     name: string | ((env: SpreadsheetChildEnv) => string);
     description?: string;
-    sequence: number;
+    sequence?: number;
     id?: string;
     isVisible?: (env: SpreadsheetChildEnv) => boolean;
     isEnabled?: (env: SpreadsheetChildEnv) => boolean;
     isReadonlyAllowed?: boolean;
     action?: (env: SpreadsheetChildEnv) => unknown;
-    children?: menuChildren;
+    children?: MenuChildren;
     separator?: boolean;
     icon?: string;
     textColor?: string;
 }
-declare type FullMenuItem = Required<MenuItem>;
-declare type MenuItemsBuilder = (env: SpreadsheetChildEnv) => FullMenuItem[];
-declare type menuChildren = (FullMenuItem | MenuItemsBuilder)[];
-declare function createFullMenuItem(key: string, value: MenuItem): FullMenuItem;
+interface MenuItem {
+    id: string;
+    sequence: number;
+    name: (env: SpreadsheetChildEnv) => string;
+    isVisible: (env: SpreadsheetChildEnv) => boolean;
+    isEnabled: (env: SpreadsheetChildEnv) => boolean;
+    isReadonlyAllowed: boolean;
+    action?: (env: SpreadsheetChildEnv) => unknown;
+    children: (env: SpreadsheetChildEnv) => MenuItem[];
+    separator: boolean;
+    description: string;
+    textColor?: string;
+    icon?: string;
+}
+declare type MenuItemsBuilder = (env: SpreadsheetChildEnv) => MenuItemSpec[];
+declare type MenuChildren = (MenuItemSpec | MenuItemsBuilder)[];
 /**
  * The class Registry is extended in order to add the function addChild
  *
  */
-declare class MenuItemRegistry extends Registry<FullMenuItem> {
+declare class MenuItemRegistry extends Registry<MenuItemSpec> {
     /**
      * @override
      */
-    add(key: string, value: MenuItem): MenuItemRegistry;
+    add(key: string, value: MenuItemSpec): MenuItemRegistry;
     /**
      * Add a subitem to an existing item
      * @param path Path of items to add this subitem
      * @param value Subitem to add
      */
-    addChild(key: string, path: string[], value: MenuItem | MenuItemsBuilder): MenuItemRegistry;
-    /**
-     * Get a list of all elements in the registry, ordered by sequence
-     * @override
-     */
-    getAll(): FullMenuItem[];
+    addChild(key: string, path: string[], value: MenuItemSpec | MenuItemsBuilder): MenuItemRegistry;
+    getMenuItems(): MenuItem[];
 }
 
 /**
@@ -5280,10 +5207,10 @@ interface AutofillRule {
     sequence: number;
 }
 
-interface Props$q {
+interface Props$t {
     figure: Figure;
 }
-declare class ChartJsComponent extends Component<Props$q, SpreadsheetChildEnv> {
+declare class ChartJsComponent extends Component<Props$t, SpreadsheetChildEnv> {
     static template: string;
     private canvas;
     private chart?;
@@ -5295,10 +5222,10 @@ declare class ChartJsComponent extends Component<Props$q, SpreadsheetChildEnv> {
     private updateChartJs;
 }
 
-interface Props$p {
+interface Props$s {
     figure: Figure;
 }
-declare class ScorecardChart extends Component<Props$p, SpreadsheetChildEnv> {
+declare class ScorecardChart extends Component<Props$s, SpreadsheetChildEnv> {
     static template: string;
     private ctx;
     get runtime(): ScorecardChartRuntime;
@@ -5362,22 +5289,23 @@ declare class Popover extends Component<PopoverProps, SpreadsheetChildEnv> {
     setup(): void;
 }
 
-interface Props$o {
+interface Props$r {
     position: DOMCoordinates;
-    menuItems: FullMenuItem[];
+    menuItems: MenuItem[];
     depth: number;
+    maxHeight?: Pixel;
     onClose: () => void;
     onMenuClicked?: (ev: CustomEvent) => void;
     menuId?: UID;
 }
 interface MenuState {
     isOpen: boolean;
-    parentMenu?: FullMenuItem;
+    parentMenu?: MenuItem;
     position: null | DOMCoordinates;
     scrollOffset?: Pixel;
-    menuItems: FullMenuItem[];
+    menuItems: MenuItem[];
 }
-declare class Menu extends Component<Props$o, SpreadsheetChildEnv> {
+declare class Menu extends Component<Props$r, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Menu: typeof Menu;
@@ -5390,11 +5318,12 @@ declare class Menu extends Component<Props$o, SpreadsheetChildEnv> {
     private menuRef;
     private position;
     setup(): void;
+    get visibleMenuItems(): MenuItem[];
     get subMenuPosition(): DOMCoordinates;
     get menuHeight(): Pixel;
     get popoverProps(): PopoverProps;
-    getColor(menu: FullMenuItem): string | undefined;
-    activateMenu(menu: FullMenuItem): Promise<void>;
+    getColor(menu: MenuItem): string | undefined;
+    activateMenu(menu: MenuItem): Promise<void>;
     private close;
     /**
      * Return the number of pixels between the top of the menu
@@ -5403,27 +5332,26 @@ declare class Menu extends Component<Props$o, SpreadsheetChildEnv> {
     private subMenuVerticalPosition;
     private onExternalClick;
     private getMenuItemsHeight;
-    getName(menu: FullMenuItem): string;
-    getDescription(menu: FullMenuItem): string;
-    isRoot(menu: FullMenuItem): boolean;
-    isEnabled(menu: FullMenuItem): boolean;
+    getName(menu: MenuItem): string;
+    isRoot(menu: MenuItem): boolean;
+    isEnabled(menu: MenuItem): boolean;
     onScroll(ev: any): void;
     /**
      * If the given menu is not disabled, open it's submenu at the
      * correct position according to available surrounding space.
      */
-    openSubMenu(menu: FullMenuItem, menuIndex: number): void;
-    isParentMenu(subMenu: MenuState, menuItem: FullMenuItem): boolean;
+    openSubMenu(menu: MenuItem, menuIndex: number): void;
+    isParentMenu(subMenu: MenuState, menuItem: MenuItem): boolean;
     closeSubMenu(): void;
-    onClickMenu(menu: FullMenuItem, menuIndex: number): void;
-    onMouseOver(menu: FullMenuItem, position: Pixel): void;
+    onClickMenu(menu: MenuItem, menuIndex: number): void;
+    onMouseOver(menu: MenuItem, position: Pixel): void;
 }
 
-interface Props$n {
+interface Props$q {
     figure: Figure;
     onFigureDeleted: () => void;
 }
-declare class ChartFigure extends Component<Props$n, SpreadsheetChildEnv> {
+declare class ChartFigure extends Component<Props$q, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Menu: typeof Menu;
@@ -5441,23 +5369,24 @@ declare class ChartFigure extends Component<Props$n, SpreadsheetChildEnv> {
     get chartComponent(): new (...args: any) => Component;
 }
 
-interface Props$m {
+interface Props$p {
+    isVisible: boolean;
     position: Position;
 }
 interface Position {
     top: HeaderIndex;
     left: HeaderIndex;
 }
-interface State$2 {
+interface State$3 {
     position: Position;
     handler: boolean;
 }
-declare class Autofill extends Component<Props$m, SpreadsheetChildEnv> {
+declare class Autofill extends Component<Props$p, SpreadsheetChildEnv> {
     static template: string;
-    state: State$2;
+    state: State$3;
     get style(): string;
-    get styleHandler(): string;
-    get styleNextvalue(): string;
+    get handlerStyle(): string;
+    get styleNextValue(): string;
     getTooltip(): Tooltip | undefined;
     onMouseDown(ev: MouseEvent): void;
     onDblClick(): void;
@@ -5475,227 +5404,187 @@ declare class ClientTag extends Component<ClientTagProps, SpreadsheetChildEnv> {
     get tagStyle(): string;
 }
 
-interface Props$l {
-    values: AutocompleteValue[];
-    selectedIndex: number;
-    onValueSelected: (value: string) => void;
+interface RippleProps {
+    color: string;
+    opacity: number;
+    duration: number;
+    /** If true, the ripple will play from the element center instead of the position of the click */
+    ignoreClickPosition?: boolean;
+    /** Width of the ripple. Defaults to the width of the element the ripple is on (without margins). */
+    width?: number;
+    /** Height of the ripple. Defaults to the height of the element the ripple is on (without margins). */
+    height?: number;
+    offsetY?: number;
+    offsetX?: number;
+    allowOverflow?: boolean;
+    enabled: boolean;
+    onAnimationEnd: () => void;
+    class: string;
+}
+interface RippleEffectProps extends Omit<Required<RippleProps>, "ignoreClickPosition" | "enabled" | "class"> {
+    x: string;
+    y: string;
+    style: string;
 }
-declare class TextValueProvider extends Component<Props$l> {
+declare class RippleEffect extends Component<RippleEffectProps, SpreadsheetChildEnv> {
     static template: string;
+    private rippleRef;
+    setup(): void;
+    get rippleStyle(): string;
 }
-
-declare class ContentEditableHelper {
-    el: HTMLElement;
-    constructor(el: HTMLElement | null);
-    updateEl(el: HTMLElement): void;
-    /**
-     * select the text at position start to end, no matter the children
-     */
-    selectRange(start: number, end: number): void;
-    /**
-     * finds the dom element that contains the character at `offset`
-     */
-    private findChildAtCharacterIndex;
-    /**
-     * Iterate over the dom tree starting at `el` and over all the children depth first.
-     * */
-    private iterateChildren;
-    /**
-     * Sets (or Replaces all) the text inside the root element in the form of distinctive
-     * span for each element provided in `contents`.
-     *
-     * Each span will have its own fontcolor and specific class if provided in the HtmlContent object.
-     */
-    setText(contents: HtmlContent[]): void;
-    /**
-     * remove the current selection of the user
-     * */
-    removeSelection(): void;
-    removeAll(): void;
-    /**
-     * finds the indexes of the current selection.
-     * */
-    getCurrentSelection(): {
-        start: number;
-        end: number;
+declare class Ripple extends Component<RippleProps, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {
+        RippleEffect: typeof RippleEffect;
     };
-    private findSizeBeforeElement;
-    private getStartAndEndSelection;
+    static defaultProps: {
+        color: string;
+        opacity: number;
+        duration: number;
+        enabled: boolean;
+        onAnimationEnd: () => void;
+        class: string;
+    };
+    private childContainer;
+    private state;
+    private currentId;
+    onClick(ev: MouseEvent): void;
+    private getRippleStyle;
+    private getRippleChildRectInfo;
+    private removeRipple;
+    getRippleEffectProps(id: number): RippleEffectProps;
 }
 
-interface Props$k {
-    functionName: string;
-    functionDescription: FunctionDescription;
-    argToFocus: number;
-}
-interface AssistantState {
-    allowCellSelectionBehind: boolean;
+interface Props$o {
+    sheetId: string;
+    openContextMenu: (registry: MenuItemRegistry, ev: MouseEvent) => void;
+    style?: string;
+    onMouseDown: (ev: MouseEvent) => void;
 }
-declare class FunctionDescriptionProvider extends Component<Props$k> {
+declare class BottomBarSheet extends Component<Props$o, SpreadsheetChildEnv> {
     static template: string;
-    assistantState: AssistantState;
-    private timeOutId;
+    static components: {
+        Ripple: typeof Ripple;
+    };
+    static defaultProps: {
+        onMouseDown: () => void;
+        style: string;
+    };
+    private state;
+    private sheetDivRef;
+    private sheetNameRef;
+    private editionState;
     setup(): void;
-    getContext(): Props$k;
-    onMouseMove(): void;
+    private focusInputAndSelectContent;
+    private scrollToSheet;
+    onFocusOut(): void;
+    onMouseDown(ev: any): void;
+    private activateSheet;
+    onDblClick(): void;
+    onKeyDown(ev: KeyboardEvent): void;
+    onClickSheetName(ev: MouseEvent): void;
+    private startEdition;
+    private stopEdition;
+    private cancelEdition;
+    onIconClick(ev: MouseEvent): void;
+    onContextMenu(ev: MouseEvent): void;
+    private getInputContent;
+    private setInputContent;
+    get contextMenuRegistry(): MenuItemRegistry;
+    get isSheetActive(): boolean;
+    get sheetName(): string;
 }
 
-declare type HtmlContent = {
-    value: string;
-    color?: string;
-    class?: string;
-};
-interface AutocompleteValue {
-    text: string;
-    description: string;
+interface Props$n {
+    openContextMenu: (x: number, y: number, registry: MenuItemRegistry) => void;
+    closeContextMenu: () => void;
 }
-interface Props$j {
-    inputStyle: string;
-    rect?: Rect;
-    delimitation?: DOMDimension;
-    focus: "inactive" | "cellFocus" | "contentFocus";
-    onComposerUnmounted?: () => void;
-    onComposerContentFocused: (selection: ComposerSelection) => void;
+declare class BottomBarStatistic extends Component<Props$n, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {
+        Ripple: typeof Ripple;
+    };
+    selectedStatisticFn: string;
+    private statisticFnResults;
+    setup(): void;
+    getSelectedStatistic(): string | undefined;
+    listSelectionStatistics(ev: MouseEvent): void;
+    private getComposedFnName;
 }
-interface ComposerState$1 {
-    positionStart: number;
-    positionEnd: number;
+
+interface BottomBarSheetItem {
+    id: UID;
+    name: string;
 }
-interface AutoCompleteState {
-    showProvider: boolean;
-    selectedIndex: number;
-    values: AutocompleteValue[];
+interface SheetState {
+    sheetList: BottomBarSheetItem[];
+    isDnd: boolean;
+    sheetDndPositions: Record<UID, number> | undefined;
 }
-interface FunctionDescriptionState {
-    showDescription: boolean;
-    functionName: string;
-    functionDescription: FunctionDescription;
-    argToFocus: number;
+interface Props$m {
+    onClick: () => void;
 }
-declare class Composer extends Component<Props$j, SpreadsheetChildEnv> {
+interface BottomBarMenuState extends MenuState {
+    menuId: UID | undefined;
+}
+declare class BottomBar extends Component<Props$m, SpreadsheetChildEnv> {
     static template: string;
     static components: {
-        TextValueProvider: typeof TextValueProvider;
-        FunctionDescriptionProvider: typeof FunctionDescriptionProvider;
+        Menu: typeof Menu;
+        Ripple: typeof Ripple;
+        BottomBarSheet: typeof BottomBarSheet;
+        BottomBarStatistic: typeof BottomBarStatistic;
     };
+    private bottomBarRef;
+    private sheetListRef;
+    private dndHelper;
+    private targetScroll;
+    private state;
+    menuMaxHeight: number;
+    menuState: BottomBarMenuState;
+    sheetState: SheetState;
+    setup(): void;
+    isDragged(sheetId: UID): boolean;
+    clickAddSheet(ev: MouseEvent): void;
+    private getVisibleSheets;
+    getSheets(): BottomBarSheetItem[];
+    clickListSheets(ev: MouseEvent): void;
+    openContextMenu(x: Pixel, y: Pixel, menuId: UID, registry: MenuItemRegistry): void;
+    onSheetContextMenu(sheetId: UID, registry: MenuItemRegistry, ev: MenuMouseEvent): void;
+    closeMenu(): void;
+    closeContextMenuWithId(menuId: UID): void;
+    onWheel(ev: WheelEvent): void;
+    onScroll(): void;
+    onArrowLeft(ev: MouseEvent): void;
+    onArrowRight(ev: MouseEvent): void;
+    private updateScrollState;
+    private scrollSheetListTo;
+    onSheetMouseDown(sheetId: UID, event: MouseEvent): void;
+    private onDragEnd;
+    getSheetStyle(sheetId: UID): string;
+    private stopDragging;
+    private getSheetItemRects;
+    getSheetClasses(sheetId: UID): string;
+    get sheetListCurrentScroll(): number;
+    get sheetListWidth(): number;
+    get sheetListMaxScroll(): number;
+}
+
+declare type ResizeAnchor = "top left" | "top" | "top right" | "right" | "bottom right" | "bottom" | "bottom left" | "left";
+interface Props$l {
+    figure: Figure;
+    style: string;
+    onFigureDeleted: () => void;
+    onMouseDown: (ev: MouseEvent) => void;
+    onClickAnchor(dirX: ResizeDirection, dirY: ResizeDirection, ev: MouseEvent): void;
+}
+declare class FigureComponent extends Component<Props$l, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {};
     static defaultProps: {
-        inputStyle: string;
-    };
-    composerRef: {
-        el: HTMLElement | null;
-    };
-    contentHelper: ContentEditableHelper;
-    composerState: ComposerState$1;
-    autoCompleteState: AutoCompleteState;
-    functionDescriptionState: FunctionDescriptionState;
-    private isKeyStillDown;
-    private compositionActive;
-    get assistantStyle(): string;
-    shouldProcessInputEvents: boolean;
-    tokens: EnrichedToken[];
-    keyMapping: {
-        [key: string]: Function;
-    };
-    setup(): void;
-    private processArrowKeys;
-    private handleArrowKeysForAutocomplete;
-    private processTabKey;
-    private processEnterKey;
-    private processEscapeKey;
-    private processF4Key;
-    onCompositionStart(): void;
-    onCompositionEnd(): void;
-    onKeydown(ev: KeyboardEvent): void;
-    onInput(): void;
-    onKeyup(ev: KeyboardEvent): void;
-    showAutocomplete(searchTerm: string): void;
-    onMousedown(ev: MouseEvent): void;
-    onClick(): void;
-    onBlur(): void;
-    private processContent;
-    private getContent;
-    private getColoredTokens;
-    private rangeColor;
-    /**
-     * Compute the state of the composer from the tokenAtCursor.
-     * If the token is a function or symbol (that isn't a cell/range reference) we have to initialize
-     * the autocomplete engine otherwise we initialize the formula assistant.
-     */
-    private processTokenAtCursor;
-    private autoComplete;
-}
-
-interface Props$i {
-    focus: "inactive" | "cellFocus" | "contentFocus";
-    onComposerUnmounted: () => void;
-    onComposerContentFocused: (selection: ComposerSelection) => 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.
- */
-declare class GridComposer extends Component<Props$i, SpreadsheetChildEnv> {
-    static template: string;
-    static components: {
-        Composer: typeof Composer;
-    };
-    private gridComposerRef;
-    private zone;
-    private rect;
-    private composerState;
-    setup(): void;
-    get containerStyle(): string;
-    get composerStyle(): string;
-}
-
-interface Props$h {
-    position: DOMCoordinates;
-    isActive: boolean;
-    onClick: () => void;
-}
-declare class FilterIcon extends Component<Props$h, SpreadsheetEnv> {
-    static style: string;
-    static template: string;
-    get style(): string;
-}
-
-interface Props$g {
-    gridPosition: DOMCoordinates;
-}
-declare class FilterIconsOverlay extends Component<Props$g, SpreadsheetChildEnv> {
-    static style: string;
-    static template: string;
-    static components: {
-        FilterIcon: typeof FilterIcon;
-    };
-    static defaultProps: {
-        gridPosition: {
-            x: number;
-            y: number;
-        };
-    };
-    getVisibleFilterHeaders(): Position$1[];
-    getFilterHeaderPosition(position: Position$1): DOMCoordinates;
-    isFilterActive(position: Position$1): boolean;
-    toggleFilterMenu(position: Position$1): void;
-    private isPositionVisible;
-}
-
-declare type ResizeAnchor = "top left" | "top" | "top right" | "right" | "bottom right" | "bottom" | "bottom left" | "left";
-interface Props$f {
-    figure: Figure;
-    style: string;
-    onFigureDeleted: () => void;
-    onMouseDown: (ev: MouseEvent) => void;
-    onClickAnchor(dirX: ResizeDirection, dirY: ResizeDirection, ev: MouseEvent): void;
-}
-declare class FigureComponent extends Component<Props$f, SpreadsheetChildEnv> {
-    static template: string;
-    static components: {};
-    static defaultProps: {
-        onFigureDeleted: () => void;
-        onMouseDown: () => void;
-        onClickAnchor: () => void;
+        onFigureDeleted: () => void;
+        onMouseDown: () => void;
+        onClickAnchor: () => void;
     };
     private borderWidth;
     private figureRef;
@@ -5719,7 +5608,7 @@ interface DndState {
     width: Pixel;
     height: Pixel;
 }
-interface Props$e {
+interface Props$k {
     onFigureDeleted: () => void;
 }
 interface Container {
@@ -5788,7 +5677,7 @@ interface Container {
  * that occurred during the drag & drop, and to position the figure on the correct pane.
  *
  */
-declare class FiguresContainer extends Component<Props$e, SpreadsheetChildEnv> {
+declare class FiguresContainer extends Component<Props$k, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         FigureComponent: typeof FigureComponent;
@@ -5808,7 +5697,7 @@ declare class FiguresContainer extends Component<Props$e, SpreadsheetChildEnv> {
     private screenCoordinatesToInternal;
 }
 
-interface Props$d {
+interface Props$j {
     onCellHovered: (position: Partial<Position$1>) => void;
     onCellDoubleClicked: (col: HeaderIndex, row: HeaderIndex) => void;
     onCellClicked: (col: HeaderIndex, row: HeaderIndex, modifiers: {
@@ -5821,7 +5710,7 @@ interface Props$d {
     gridOverlayDimensions: string;
     onFigureDeleted: () => void;
 }
-declare class GridOverlay extends Component<Props$d, SpreadsheetChildEnv> {
+declare class GridOverlay extends Component<Props$j, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         FiguresContainer: typeof FiguresContainer;
@@ -5843,13 +5732,13 @@ declare class GridOverlay extends Component<Props$d, SpreadsheetChildEnv> {
     private getCartesianCoordinates;
 }
 
-interface Props$c {
+interface Props$i {
     hoveredCell: Partial<Position$1>;
     gridRect: Rect;
     onClosePopover: () => void;
     onMouseWheel: (ev: WheelEvent) => void;
 }
-declare class GridPopover extends Component<Props$c, SpreadsheetChildEnv> {
+declare class GridPopover extends Component<Props$i, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Popover: typeof Popover;
@@ -5857,167 +5746,9 @@ declare class GridPopover extends Component<Props$c, SpreadsheetChildEnv> {
     get cellPopover(): PositionedCellPopover | ClosedCellPopover;
 }
 
-interface ResizerState {
-    resizerIsActive: boolean;
-    isResizing: boolean;
-    isMoving: boolean;
-    isSelecting: boolean;
-    waitingForMove: boolean;
-    activeElement: Pixel;
-    draggerLinePosition: Pixel;
-    draggerShadowPosition: Pixel;
-    draggerShadowThickness: number;
-    delta: number;
-    base: number;
-}
-interface ResizerProps {
-    onOpenContextMenu: (type: ContextMenuType, x: Pixel, y: Pixel) => void;
-}
-declare abstract class AbstractResizer extends Component<ResizerProps, SpreadsheetChildEnv> {
-    PADDING: number;
-    MAX_SIZE_MARGIN: number;
-    MIN_ELEMENT_SIZE: number;
-    lastSelectedElementIndex: HeaderIndex | null;
-    state: ResizerState;
-    abstract _getEvOffset(ev: MouseEvent): Pixel;
-    abstract _getViewportOffset(): Pixel;
-    abstract _getClientPosition(ev: MouseEvent): Pixel;
-    abstract _getElementIndex(position: Pixel): HeaderIndex;
-    abstract _getSelectedZoneStart(): HeaderIndex;
-    abstract _getSelectedZoneEnd(): HeaderIndex;
-    abstract _getEdgeScroll(position: Pixel): EdgeScrollInfo;
-    abstract _getDimensionsInViewport(index: HeaderIndex): HeaderDimensions;
-    abstract _getElementSize(index: HeaderIndex): Pixel;
-    abstract _getMaxSize(): Pixel;
-    abstract _updateSize(): void;
-    abstract _moveElements(): void;
-    abstract _selectElement(index: HeaderIndex, ctrlKey: boolean): void;
-    abstract _increaseSelection(index: HeaderIndex): void;
-    abstract _fitElementSize(index: HeaderIndex): void;
-    abstract _getType(): ContextMenuType;
-    abstract _getActiveElements(): Set<HeaderIndex>;
-    abstract _getPreviousVisibleElement(index: HeaderIndex): HeaderIndex;
-    _computeHandleDisplay(ev: MouseEvent): void;
-    _computeGrabDisplay(ev: MouseEvent): void;
-    onMouseMove(ev: MouseEvent): void;
-    onMouseLeave(): void;
-    onDblClick(ev: MouseEvent): void;
-    onMouseDown(ev: MouseEvent): void;
-    select(ev: MouseEvent): void;
-    private startMovement;
-    private startSelection;
-    onMouseUp(ev: MouseEvent): void;
-    onContextMenu(ev: MouseEvent): void;
-}
-declare class ColResizer extends AbstractResizer {
-    static template: string;
-    private colResizerRef;
-    setup(): void;
-    _getEvOffset(ev: MouseEvent): Pixel;
-    _getViewportOffset(): Pixel;
-    _getClientPosition(ev: MouseEvent): Pixel;
-    _getElementIndex(position: Pixel): HeaderIndex;
-    _getSelectedZoneStart(): HeaderIndex;
-    _getSelectedZoneEnd(): HeaderIndex;
-    _getEdgeScroll(position: Pixel): EdgeScrollInfo;
-    _getDimensionsInViewport(index: HeaderIndex): HeaderDimensions;
-    _getElementSize(index: HeaderIndex): Pixel;
-    _getMaxSize(): Pixel;
-    _updateSize(): void;
-    _moveElements(): void;
-    _selectElement(index: HeaderIndex, ctrlKey: boolean): void;
-    _increaseSelection(index: HeaderIndex): void;
-    _fitElementSize(index: HeaderIndex): void;
-    _getType(): ContextMenuType;
-    _getActiveElements(): Set<HeaderIndex>;
-    _getPreviousVisibleElement(index: HeaderIndex): HeaderIndex;
-    unhide(hiddenElements: HeaderIndex[]): void;
-    unhideStyleValue(hiddenIndex: HeaderIndex): Pixel;
-}
-declare class RowResizer extends AbstractResizer {
-    static template: string;
-    setup(): void;
-    private rowResizerRef;
-    _getEvOffset(ev: MouseEvent): Pixel;
-    _getViewportOffset(): Pixel;
-    _getClientPosition(ev: MouseEvent): Pixel;
-    _getElementIndex(position: Pixel): HeaderIndex;
-    _getSelectedZoneStart(): HeaderIndex;
-    _getSelectedZoneEnd(): HeaderIndex;
-    _getEdgeScroll(position: Pixel): EdgeScrollInfo;
-    _getDimensionsInViewport(index: HeaderIndex): HeaderDimensions;
-    _getElementSize(index: HeaderIndex): Pixel;
-    _getMaxSize(): Pixel;
-    _updateSize(): void;
-    _moveElements(): void;
-    _selectElement(index: HeaderIndex, ctrlKey: boolean): void;
-    _increaseSelection(index: HeaderIndex): void;
-    _fitElementSize(index: HeaderIndex): void;
-    _getType(): ContextMenuType;
-    _getActiveElements(): Set<HeaderIndex>;
-    _getPreviousVisibleElement(index: HeaderIndex): HeaderIndex;
-    unhide(hiddenElements: HeaderIndex[]): void;
-    unhideStyleValue(hiddenIndex: HeaderIndex): Pixel;
-}
-declare class HeadersOverlay extends Component<any, SpreadsheetChildEnv> {
-    static template: string;
-    static components: {
-        ColResizer: typeof ColResizer;
-        RowResizer: typeof RowResizer;
-    };
-    selectAll(): void;
-}
-
-declare type Orientation$1 = "n" | "s" | "w" | "e";
-interface Props$b {
-    zone: Zone;
-    orientation: Orientation$1;
-    isMoving: boolean;
-    onMoveHighlight: (x: Pixel, y: Pixel) => void;
-}
-declare class Border extends Component<Props$b, SpreadsheetChildEnv> {
-    static template: string;
-    get style(): string;
-    onMouseDown(ev: MouseEvent): void;
-}
-
-declare type Orientation = "nw" | "ne" | "sw" | "se";
-interface Props$a {
-    zone: Zone;
-    color: string;
-    orientation: Orientation;
-    isResizing: boolean;
-    onResizeHighlight: (isLeft: boolean, isRight: boolean) => void;
-}
-declare class Corner extends Component<Props$a, SpreadsheetChildEnv> {
-    static template: string;
-    private isTop;
-    private isLeft;
-    get style(): string;
-    onMouseDown(ev: MouseEvent): void;
-}
-
-interface Props$9 {
-    zone: Zone;
-    color: string;
-}
-interface HighlightState {
-    shiftingMode: "isMoving" | "isResizing" | "none";
-}
-declare class Highlight extends Component<Props$9, SpreadsheetChildEnv> {
-    static template: string;
-    static components: {
-        Corner: typeof Corner;
-        Border: typeof Border;
-    };
-    highlightState: HighlightState;
-    onResizeHighlight(isLeft: boolean, isTop: boolean): void;
-    onMoveHighlight(clientX: Pixel, clientY: Pixel): void;
-}
-
 declare type ScrollDirection = "horizontal" | "vertical";
 
-interface Props$8 {
+interface Props$h {
     width: Pixel;
     height: Pixel;
     direction: ScrollDirection;
@@ -6025,7 +5756,7 @@ interface Props$8 {
     offset: Pixel;
     onScroll: (offset: Pixel) => void;
 }
-declare class ScrollBar extends Component<Props$8> {
+declare class ScrollBar extends Component<Props$h> {
     static template: string;
     static defaultProps: {
         width: number;
@@ -6039,10 +5770,10 @@ declare class ScrollBar extends Component<Props$8> {
     onScroll(ev: any): void;
 }
 
-interface Props$7 {
+interface Props$g {
     leftOffset: number;
 }
-declare class HorizontalScrollBar extends Component<Props$7, SpreadsheetChildEnv> {
+declare class HorizontalScrollBar extends Component<Props$g, SpreadsheetChildEnv> {
     static components: {
         ScrollBar: typeof ScrollBar;
     };
@@ -6062,10 +5793,10 @@ declare class HorizontalScrollBar extends Component<Props$7, SpreadsheetChildEnv
     onScroll(offset: any): void;
 }
 
-interface Props$6 {
+interface Props$f {
     topOffset: number;
 }
-declare class VerticalScrollBar extends Component<Props$6, SpreadsheetChildEnv> {
+declare class VerticalScrollBar extends Component<Props$f, SpreadsheetChildEnv> {
     static components: {
         ScrollBar: typeof ScrollBar;
     };
@@ -6085,117 +5816,312 @@ declare class VerticalScrollBar extends Component<Props$6, SpreadsheetChildEnv>
     onScroll(offset: any): void;
 }
 
-interface Props$5 {
+interface Props$e {
+    position: DOMCoordinates;
+    isActive: boolean;
     onClick: () => void;
 }
-interface BottomBarMenuState extends MenuState {
-    menuId: UID | undefined;
+declare class FilterIcon extends Component<Props$e, SpreadsheetEnv> {
+    static style: string;
+    static template: string;
+    get style(): string;
 }
-declare class BottomBar extends Component<Props$5, SpreadsheetChildEnv> {
+
+interface Props$d {
+    gridPosition: DOMCoordinates;
+}
+declare class FilterIconsOverlay extends Component<Props$d, SpreadsheetChildEnv> {
+    static style: string;
     static template: string;
     static components: {
-        Menu: typeof Menu;
+        FilterIcon: typeof FilterIcon;
     };
-    private bottomBarRef;
-    menuState: BottomBarMenuState;
-    selectedStatisticFn: string;
+    static defaultProps: {
+        gridPosition: {
+            x: number;
+            y: number;
+        };
+    };
+    getVisibleFilterHeaders(): Position$1[];
+    getFilterHeaderPosition(position: Position$1): DOMCoordinates;
+    isFilterActive(position: Position$1): boolean;
+    toggleFilterMenu(position: Position$1): void;
+    private isPositionVisible;
+}
+
+interface Props$c {
+}
+interface ClickableCell {
+    coordinates: Rect;
+    position: Position$1;
+    action: (position: CellPosition, env: SpreadsheetChildEnv) => void;
+    tKey: string;
+}
+declare class SpreadsheetDashboard extends Component<Props$c, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {
+        GridOverlay: typeof GridOverlay;
+        GridPopover: typeof GridPopover;
+        Popover: typeof Popover;
+        VerticalScrollBar: typeof VerticalScrollBar;
+        HorizontalScrollBar: typeof HorizontalScrollBar;
+        FilterIconsOverlay: typeof FilterIconsOverlay;
+    };
+    onMouseWheel: (ev: WheelEvent) => void;
+    canvasPosition: DOMCoordinates;
+    hoveredCell: Partial<Position$1>;
     setup(): void;
-    focusSheet(): void;
-    addSheet(): void;
-    getVisibleSheets(): Sheet[];
-    listSheets(ev: MouseEvent): void;
-    activateSheet(name: string): void;
-    onDblClick(sheetId: UID): void;
-    openContextMenu(x: Pixel, y: Pixel, registry: MenuItemRegistry, menuId?: UID): void;
-    onIconClick(sheetId: UID, ev: MenuMouseEvent): void;
-    onContextMenu(sheetId: UID, ev: MouseEvent): void;
-    getSelectedStatistic(): string | undefined;
-    listSelectionStatistics(ev: MouseEvent): void;
-    private getComposedFnName;
+    onCellHovered({ col, row }: {
+        col: any;
+        row: any;
+    }): void;
+    get gridContainer(): string;
+    get gridOverlayDimensions(): string;
+    getCellClickableStyle(coordinates: Rect): string;
+    /**
+     * Get all the boxes for the cell in the sheet view that are clickable.
+     * This function is used to render an overlay over each clickable cell in
+     * order to display a pointer cursor.
+     *
+     */
+    getClickableCells(): ClickableCell[];
+    getClickableAction(position: CellPosition): false | ((position: CellPosition, env: SpreadsheetChildEnv) => void);
+    selectClickableCell(clickableCell: ClickableCell): void;
+    onClosePopover(): void;
+    onGridResized({ height, width }: DOMDimension): void;
+    private moveCanvas;
+    private getGridRect;
+}
+
+interface Props$b {
+    component: string;
+    panelProps: any;
+    onCloseSidePanel: () => void;
+}
+interface State$2 {
+    panel: SidePanelContent;
+}
+declare class SidePanel extends Component<Props$b, SpreadsheetChildEnv> {
+    static template: string;
+    state: State$2;
+    setup(): void;
+    getTitle(): string;
+}
+
+interface Props$a {
+    values: AutocompleteValue[];
+    selectedIndex: number;
+    onValueSelected: (value: string) => void;
+}
+declare class TextValueProvider extends Component<Props$a> {
+    static template: string;
+}
+
+declare class ContentEditableHelper {
+    el: HTMLElement;
+    constructor(el: HTMLElement);
+    updateEl(el: HTMLElement): void;
+    /**
+     * select the text at position start to end, no matter the children
+     */
+    selectRange(start: number, end: number): void;
+    /**
+     * finds the dom element that contains the character at `offset`
+     */
+    private findChildAtCharacterIndex;
+    /**
+     * Sets (or Replaces all) the text inside the root element in the form of distinctive
+     * span for each element provided in `contents`.
+     *
+     * Each span will have its own fontcolor and specific class if provided in the HtmlContent object.
+     */
+    setText(contents: HtmlContent[][]): void;
+    scrollSelectionIntoView(): void;
+    /**
+     * remove the current selection of the user
+     * */
+    removeSelection(): void;
+    removeAll(): void;
+    /**
+     * finds the indexes of the current selection.
+     * */
+    getCurrentSelection(): {
+        start: number;
+        end: number;
+    };
+    private findSizeBeforeElement;
+    private getStartAndEndSelection;
+    getText(): string;
+}
+
+interface Props$9 {
+    functionName: string;
+    functionDescription: FunctionDescription;
+    argToFocus: number;
+}
+interface AssistantState {
+    allowCellSelectionBehind: boolean;
+}
+declare class FunctionDescriptionProvider extends Component<Props$9> {
+    static template: string;
+    assistantState: AssistantState;
+    private timeOutId;
+    setup(): void;
+    getContext(): Props$9;
+    onMouseMove(): void;
+}
+
+declare type HtmlContent = {
+    value: string;
+    color?: string;
+    class?: string;
+};
+interface AutocompleteValue {
+    text: string;
+    description: string;
+}
+interface ComposerProps {
+    focus: ComposerFocusType;
+    onComposerContentFocused: (selection: ComposerSelection) => void;
+    inputStyle?: string;
+    rect?: Rect;
+    delimitation?: DOMDimension;
+    onComposerUnmounted?: () => void;
+}
+interface ComposerState$1 {
+    positionStart: number;
+    positionEnd: number;
+}
+interface AutoCompleteState {
+    showProvider: boolean;
+    selectedIndex: number;
+    values: AutocompleteValue[];
+}
+interface FunctionDescriptionState {
+    showDescription: boolean;
+    functionName: string;
+    functionDescription: FunctionDescription;
+    argToFocus: number;
+}
+declare class Composer extends Component<ComposerProps, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {
+        TextValueProvider: typeof TextValueProvider;
+        FunctionDescriptionProvider: typeof FunctionDescriptionProvider;
+    };
+    static defaultProps: {
+        inputStyle: string;
+    };
+    composerRef: {
+        el: HTMLElement | null;
+    };
+    contentHelper: ContentEditableHelper;
+    composerState: ComposerState$1;
+    autoCompleteState: AutoCompleteState;
+    functionDescriptionState: FunctionDescriptionState;
+    private isKeyStillDown;
+    private compositionActive;
+    get assistantStyle(): string;
+    shouldProcessInputEvents: boolean;
+    tokens: EnrichedToken[];
+    keyMapping: {
+        [key: string]: Function;
+    };
+    setup(): void;
+    private processArrowKeys;
+    private handleArrowKeysForAutocomplete;
+    private processTabKey;
+    private processEnterKey;
+    private processEscapeKey;
+    private processF4Key;
+    onCompositionStart(): void;
+    onCompositionEnd(): void;
+    onKeydown(ev: KeyboardEvent): void;
+    onInput(): void;
+    onKeyup(ev: KeyboardEvent): void;
+    showAutocomplete(searchTerm: string): void;
+    onMousedown(ev: MouseEvent): void;
+    onClick(): void;
+    onBlur(): void;
+    private processContent;
+    /**
+     * Get the HTML content corresponding to the current composer token, divided by lines.
+     */
+    private getContentLines;
+    private getColoredTokens;
+    /**
+     * Split an array of HTMLContents into lines. Each NEWLINE character encountered will create a new
+     * line. Contents can be split into multiple parts if they contain multiple NEWLINE characters.
+     */
+    private splitHtmlContentIntoLines;
+    private isContentEmpty;
+    private rangeColor;
+    /**
+     * Compute the state of the composer from the tokenAtCursor.
+     * If the token is a function or symbol (that isn't a cell/range reference) we have to initialize
+     * the autocomplete engine otherwise we initialize the formula assistant.
+     */
+    private processTokenAtCursor;
+    private autoComplete;
 }
 
-interface Props$4 {
-}
-interface ClickableCell {
-    coordinates: Rect;
-    position: Position$1;
-    action: (position: CellPosition, env: SpreadsheetChildEnv) => void;
-    tKey: string;
+interface Props$8 {
+    focus: ComposerFocusType;
+    onComposerContentFocused: (selection: ComposerSelection) => void;
 }
-declare class SpreadsheetDashboard extends Component<Props$4, SpreadsheetChildEnv> {
+declare class TopBarComposer extends Component<Props$8, SpreadsheetChildEnv> {
     static template: string;
     static components: {
-        GridOverlay: typeof GridOverlay;
-        GridPopover: typeof GridPopover;
-        Popover: typeof Popover;
-        VerticalScrollBar: typeof VerticalScrollBar;
-        HorizontalScrollBar: typeof HorizontalScrollBar;
-        FilterIconsOverlay: typeof FilterIconsOverlay;
+        Composer: typeof Composer;
     };
-    onMouseWheel: (ev: WheelEvent) => void;
-    canvasPosition: DOMCoordinates;
-    hoveredCell: Partial<Position$1>;
-    setup(): void;
-    onCellHovered({ col, row }: {
-        col: any;
-        row: any;
-    }): void;
-    get gridContainer(): string;
-    get gridOverlayDimensions(): string;
-    getCellClickableStyle(coordinates: Rect): string;
-    /**
-     * Get all the boxes for the cell in the sheet view that are clickable.
-     * This function is used to render an overlay over each clickable cell in
-     * order to display a pointer cursor.
-     *
-     */
-    getClickableCells(): ClickableCell[];
-    getClickableAction(position: CellPosition): false | ((position: CellPosition, env: SpreadsheetChildEnv) => void);
-    selectClickableCell(clickableCell: ClickableCell): void;
-    onClosePopover(): void;
-    onGridResized({ height, width }: DOMDimension): void;
-    private moveCanvas;
-    private getGridRect;
+    get composerStyle(): string;
+    get containerStyle(): string;
 }
 
-interface Props$3 {
-    component: string;
-    panelProps: any;
-    onCloseSidePanel: () => void;
-}
 interface State$1 {
-    panel: SidePanelContent;
+    isOpen: boolean;
+}
+interface Props$7 {
+    onToggle: () => void;
+    dropdownStyle: string;
 }
-declare class SidePanel extends Component<Props$3, SpreadsheetChildEnv> {
+declare class FontSizeEditor extends Component<Props$7, SpreadsheetChildEnv> {
     static template: string;
-    state: State$1;
+    static components: {};
+    fontSizes: number[];
+    dropdown: State$1;
+    private inputRef;
+    private rootEditorRef;
     setup(): void;
-    getTitle(): string;
-}
-
-interface FontSize {
-    pt: number;
-    px: number;
+    onExternalClick(ev: MouseEvent): void;
+    get currentFontSize(): number;
+    toggleFontList(): void;
+    closeFontList(): void;
+    private setSize;
+    setSizeFromInput(ev: InputEvent): void;
+    setSizeFromList(fontSizeStr: string): void;
+    onInputFocused(ev: InputEvent): void;
+    onInputKeydown(ev: KeyboardEvent): void;
 }
 
-declare type Tool = "" | "formatTool" | "alignTool" | "textColorTool" | "fillColorTool" | "borderTool" | "fontSizeTool";
+declare type Tool = "" | "formatTool" | "alignTool" | "textColorTool" | "fillColorTool" | "borderTool";
 interface State {
     menuState: MenuState;
     activeTool: Tool;
 }
-interface Props$2 {
+interface Props$6 {
     onClick: () => void;
     focusComposer: Omit<ComposerFocusType, "cellFocus">;
     onComposerContentFocused: (selection: ComposerSelection) => void;
     dropdownMaxHeight: Pixel;
 }
-declare class TopBar extends Component<Props$2, SpreadsheetChildEnv> {
+declare class TopBar extends Component<Props$6, SpreadsheetChildEnv> {
     static template: string;
-    DEFAULT_FONT_SIZE: number;
     static components: {
-        ColorPicker: typeof ColorPicker;
+        ColorPickerWidget: typeof ColorPickerWidget;
         Menu: typeof Menu;
-        Composer: typeof Composer;
+        TopBarComposer: typeof TopBarComposer;
+        FontSizeEditor: typeof FontSizeEditor;
     };
     commonFormats: ({
         name: string;
@@ -6214,7 +6140,6 @@ declare class TopBar extends Component<Props$2, SpreadsheetChildEnv> {
         sidePanel: string;
     }[];
     currentFormatName: string;
-    fontSizes: FontSize[];
     get dropdownStyle(): string;
     style: Style;
     state: State;
@@ -6227,22 +6152,23 @@ declare class TopBar extends Component<Props$2, SpreadsheetChildEnv> {
     paintFormatTool: boolean;
     fillColor: string;
     textColor: string;
-    menus: FullMenuItem[];
-    composerStyle: string;
+    menus: MenuItem[];
     setup(): void;
     get topbarComponents(): TopbarComponent[];
     onExternalClick(ev: MouseEvent): void;
     onClick(): void;
     toggleStyle(style: string): void;
     toggleFormat(formatName: string): void;
-    toggleAlign(align: Align): void;
-    onMenuMouseOver(menu: FullMenuItem, ev: MouseEvent): void;
+    toggleHorizontalAlign(align: Align): void;
+    toggleVerticalAlign(verticalAlign: VerticalAlign): void;
+    toggleTextWrapping(wrapping: Wrapping): void;
+    onMenuMouseOver(menu: MenuItem, ev: MouseEvent): void;
     toggleDropdownTool(tool: Tool, ev: MouseEvent): void;
-    toggleContextMenu(menu: FullMenuItem, ev: MouseEvent): void;
+    toggleContextMenu(menu: MenuItem, ev: MouseEvent): void;
     private openMenu;
     closeMenus(): void;
     updateCellState(): void;
-    getMenuName(menu: FullMenuItem): string;
+    getMenuName(menu: MenuItem): string;
     toggleMerge(): void;
     setColor(target: string, color: string): void;
     setBorder(command: BorderCommand): void;
@@ -6251,7 +6177,6 @@ declare class TopBar extends Component<Props$2, SpreadsheetChildEnv> {
     setDecimal(step: SetDecimalStep): void;
     paintFormat(): void;
     clearFormatting(): void;
-    setSize(fontSizeStr: string): void;
     doAction(action: (env: SpreadsheetChildEnv) => void): void;
     undo(): void;
     redo(): void;
@@ -6271,8 +6196,8 @@ interface SidePanelState {
     panelProps: any;
 }
 interface ComposerState {
-    topBarFocus: "inactive" | "contentFocus";
-    gridFocusMode: "inactive" | "cellFocus" | "contentFocus";
+    topBarFocus: Exclude<ComposerFocusType, "cellFocus">;
+    gridFocusMode: ComposerFocusType;
 }
 declare class Spreadsheet extends Component<SpreadsheetProps, SpreadsheetChildEnv> {
     static template: string;
@@ -6313,6 +6238,192 @@ declare class Spreadsheet extends Component<SpreadsheetProps, SpreadsheetChildEn
     get gridHeight(): Pixel;
 }
 
+interface Props$5 {
+    focus: ComposerFocusType;
+    onComposerUnmounted: () => void;
+    onComposerContentFocused: (selection: ComposerSelection) => void;
+    gridDims: ZoneDimension;
+}
+/**
+ * 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.
+ */
+declare class GridComposer extends Component<Props$5, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {
+        Composer: typeof Composer;
+    };
+    private gridComposerRef;
+    private zone;
+    private rect;
+    private isCellReferenceVisible;
+    private composerState;
+    setup(): void;
+    get shouldDisplayCellReference(): boolean;
+    get cellReference(): string;
+    get cellReferenceStyle(): string;
+    get containerStyle(): string;
+    get composerStyle(): string;
+}
+
+interface ResizerState {
+    resizerIsActive: boolean;
+    isResizing: boolean;
+    isMoving: boolean;
+    isSelecting: boolean;
+    waitingForMove: boolean;
+    activeElement: Pixel;
+    draggerLinePosition: Pixel;
+    draggerShadowPosition: Pixel;
+    draggerShadowThickness: number;
+    delta: number;
+    base: number;
+}
+interface ResizerProps {
+    onOpenContextMenu: (type: ContextMenuType, x: Pixel, y: Pixel) => void;
+}
+declare abstract class AbstractResizer extends Component<ResizerProps, SpreadsheetChildEnv> {
+    PADDING: number;
+    MAX_SIZE_MARGIN: number;
+    MIN_ELEMENT_SIZE: number;
+    lastSelectedElementIndex: HeaderIndex | null;
+    state: ResizerState;
+    abstract _getEvOffset(ev: MouseEvent): Pixel;
+    abstract _getViewportOffset(): Pixel;
+    abstract _getClientPosition(ev: MouseEvent): Pixel;
+    abstract _getElementIndex(position: Pixel): HeaderIndex;
+    abstract _getSelectedZoneStart(): HeaderIndex;
+    abstract _getSelectedZoneEnd(): HeaderIndex;
+    abstract _getEdgeScroll(position: Pixel): EdgeScrollInfo;
+    abstract _getDimensionsInViewport(index: HeaderIndex): HeaderDimensions;
+    abstract _getElementSize(index: HeaderIndex): Pixel;
+    abstract _getMaxSize(): Pixel;
+    abstract _updateSize(): void;
+    abstract _moveElements(): void;
+    abstract _selectElement(index: HeaderIndex, ctrlKey: boolean): void;
+    abstract _increaseSelection(index: HeaderIndex): void;
+    abstract _fitElementSize(index: HeaderIndex): void;
+    abstract _getType(): ContextMenuType;
+    abstract _getActiveElements(): Set<HeaderIndex>;
+    abstract _getPreviousVisibleElement(index: HeaderIndex): HeaderIndex;
+    _computeHandleDisplay(ev: MouseEvent): void;
+    _computeGrabDisplay(ev: MouseEvent): void;
+    onMouseMove(ev: MouseEvent): void;
+    onMouseLeave(): void;
+    onDblClick(ev: MouseEvent): void;
+    onMouseDown(ev: MouseEvent): void;
+    select(ev: MouseEvent): void;
+    private startMovement;
+    private startSelection;
+    onMouseUp(ev: MouseEvent): void;
+    onContextMenu(ev: MouseEvent): void;
+}
+declare class ColResizer extends AbstractResizer {
+    static template: string;
+    private colResizerRef;
+    setup(): void;
+    _getEvOffset(ev: MouseEvent): Pixel;
+    _getViewportOffset(): Pixel;
+    _getClientPosition(ev: MouseEvent): Pixel;
+    _getElementIndex(position: Pixel): HeaderIndex;
+    _getSelectedZoneStart(): HeaderIndex;
+    _getSelectedZoneEnd(): HeaderIndex;
+    _getEdgeScroll(position: Pixel): EdgeScrollInfo;
+    _getDimensionsInViewport(index: HeaderIndex): HeaderDimensions;
+    _getElementSize(index: HeaderIndex): Pixel;
+    _getMaxSize(): Pixel;
+    _updateSize(): void;
+    _moveElements(): void;
+    _selectElement(index: HeaderIndex, ctrlKey: boolean): void;
+    _increaseSelection(index: HeaderIndex): void;
+    _fitElementSize(index: HeaderIndex): void;
+    _getType(): ContextMenuType;
+    _getActiveElements(): Set<HeaderIndex>;
+    _getPreviousVisibleElement(index: HeaderIndex): HeaderIndex;
+    unhide(hiddenElements: HeaderIndex[]): void;
+    unhideStyleValue(hiddenIndex: HeaderIndex): Pixel;
+}
+declare class RowResizer extends AbstractResizer {
+    static template: string;
+    setup(): void;
+    private rowResizerRef;
+    _getEvOffset(ev: MouseEvent): Pixel;
+    _getViewportOffset(): Pixel;
+    _getClientPosition(ev: MouseEvent): Pixel;
+    _getElementIndex(position: Pixel): HeaderIndex;
+    _getSelectedZoneStart(): HeaderIndex;
+    _getSelectedZoneEnd(): HeaderIndex;
+    _getEdgeScroll(position: Pixel): EdgeScrollInfo;
+    _getDimensionsInViewport(index: HeaderIndex): HeaderDimensions;
+    _getElementSize(index: HeaderIndex): Pixel;
+    _getMaxSize(): Pixel;
+    _updateSize(): void;
+    _moveElements(): void;
+    _selectElement(index: HeaderIndex, ctrlKey: boolean): void;
+    _increaseSelection(index: HeaderIndex): void;
+    _fitElementSize(index: HeaderIndex): void;
+    _getType(): ContextMenuType;
+    _getActiveElements(): Set<HeaderIndex>;
+    _getPreviousVisibleElement(index: HeaderIndex): HeaderIndex;
+    unhide(hiddenElements: HeaderIndex[]): void;
+    unhideStyleValue(hiddenIndex: HeaderIndex): Pixel;
+}
+declare class HeadersOverlay extends Component<any, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {
+        ColResizer: typeof ColResizer;
+        RowResizer: typeof RowResizer;
+    };
+    selectAll(): void;
+}
+
+declare type Orientation$1 = "n" | "s" | "w" | "e";
+interface Props$4 {
+    zone: Zone;
+    orientation: Orientation$1;
+    isMoving: boolean;
+    onMoveHighlight: (x: Pixel, y: Pixel) => void;
+}
+declare class Border extends Component<Props$4, SpreadsheetChildEnv> {
+    static template: string;
+    get style(): string;
+    onMouseDown(ev: MouseEvent): void;
+}
+
+declare type Orientation = "nw" | "ne" | "sw" | "se";
+interface Props$3 {
+    zone: Zone;
+    color: string;
+    orientation: Orientation;
+    isResizing: boolean;
+    onResizeHighlight: (isLeft: boolean, isRight: boolean) => void;
+}
+declare class Corner extends Component<Props$3, SpreadsheetChildEnv> {
+    static template: string;
+    private isTop;
+    private isLeft;
+    get style(): string;
+    onMouseDown(ev: MouseEvent): void;
+}
+
+interface Props$2 {
+    zone: Zone;
+    color: string;
+}
+interface HighlightState {
+    shiftingMode: "isMoving" | "isResizing" | "none";
+}
+declare class Highlight extends Component<Props$2, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {
+        Corner: typeof Corner;
+        Border: typeof Border;
+    };
+    highlightState: HighlightState;
+    onResizeHighlight(isLeft: boolean, isTop: boolean): void;
+    onMoveHighlight(clientX: Pixel, clientY: Pixel): void;
+}
+
 /**
  * The Grid component is the main part of the spreadsheet UI. It is responsible
  * for displaying the actual grid, rendering it, managing events, ...
@@ -6369,7 +6480,7 @@ declare class Grid extends Component<Props$1, SpreadsheetChildEnv> {
         left: number;
         top: number;
     };
-    isAutoFillActive(): boolean;
+    get isAutofillVisible(): boolean;
     onGridResized({ height, width }: DOMDimension): void;
     private moveCanvas;
     getClientPositionKey(client: Client): string;
@@ -6416,13 +6527,7 @@ declare function toString(value: string | number | boolean | null | undefined):
 declare function toBoolean(value: string | number | boolean | null | undefined): boolean;
 declare function toJsDate(value: string | number | boolean | null | undefined): Date;
 
-/**
- * This function is meant to be used as a tag for a template strings.
- *
- * Its job is to convert a textual description of the list of arguments into an
- * actual array of Arg, suitable for consumption.
- */
-declare function args(strings: string): ArgDefinition[];
+declare function arg(definition: string, description?: string): ArgDefinition;
 
 declare class ChartColors {
     private graphColorIndex;
@@ -6437,7 +6542,7 @@ declare function chartFontColor(backgroundColor: Color | undefined): Color;
 /**
  * Get a default chart js configuration
  */
-declare function getDefaultChartJsRuntime(chart: AbstractChart, labels: string[], fontColor: Color): ChartConfiguration;
+declare function getDefaultChartJsRuntime(chart: AbstractChart, labels: string[], fontColor: Color, dataSetsFormat?: Format | undefined): ChartConfiguration;
 /** See https://www.chartjs.org/docs/latest/charts/area.html#filling-modes */
 declare function getFillingMode(index: number): "origin" | number;
 
@@ -6453,8 +6558,6 @@ declare function createEmptySheet(sheetId: UID, name: string): SheetData;
 declare function createEmptyWorkbookData(sheetName?: string): WorkbookData;
 declare function createEmptyExcelSheet(sheetId: UID, name: string): ExcelSheetData;
 
-declare function getMenuChildren(node: FullMenuItem, env: SpreadsheetChildEnv): FullMenuItem[];
-
 declare const DATETIME_FORMAT: RegExp;
 
 /**
@@ -6486,12 +6589,7 @@ declare const registries: {
         mapping: {
             [key: string]: ComputeFunction<Arg, FunctionReturn>;
         };
-        add(name: string, addDescr: AddFunctionDescription): any; /**
-         * We export here all entities that needs to be accessed publicly by Odoo.
-         *
-         * Note that the __info__ key is actually completed by the build process (see
-         * the rollup.config.js file)
-         */
+        add(name: string, addDescr: AddFunctionDescription): any;
         content: {
             [key: string]: FunctionDescription;
         };
@@ -6508,7 +6606,6 @@ declare const registries: {
     rowMenuRegistry: MenuItemRegistry;
     sidePanelRegistry: Registry<SidePanelContent>;
     figureRegistry: Registry<FigureContent>;
-    sheetMenuRegistry: MenuItemRegistry;
     chartSidePanelComponentRegistry: Registry<ChartSidePanel>;
     chartComponentRegistry: Registry<new (...args: any) => _odoo_owl.Component<any, any>>;
     chartRegistry: Registry<ChartBuilder>;
@@ -6535,7 +6632,7 @@ declare const registries: {
     cellPopoverRegistry: Registry<PopoverBuilders>;
 };
 declare const helpers: {
-    args: typeof args;
+    arg: typeof arg;
     toBoolean: typeof toBoolean;
     toJsDate: typeof toJsDate;
     toNumber: typeof toNumber;
@@ -6544,7 +6641,6 @@ declare const helpers: {
     toZone: typeof toZone;
     toCartesian: typeof toCartesian;
     numberToLetters: typeof numberToLetters;
-    createFullMenuItem: typeof createFullMenuItem;
     UuidGenerator: typeof UuidGenerator;
     formatValue: typeof formatValue;
     computeTextWidth: typeof computeTextWidth;
@@ -6553,7 +6649,6 @@ declare const helpers: {
     createEmptyExcelSheet: typeof createEmptyExcelSheet;
     getDefaultChartJsRuntime: typeof getDefaultChartJsRuntime;
     chartFontColor: typeof chartFontColor;
-    getMenuChildren: typeof getMenuChildren;
     ChartColors: typeof ChartColors;
     EvaluationError: typeof EvaluationError;
     CellErrorLevel: typeof CellErrorLevel;
@@ -6562,6 +6657,7 @@ declare const helpers: {
     colorToRGBA: typeof colorToRGBA;
     positionToZone: typeof positionToZone;
     isDefined: typeof isDefined;
+    lazy: typeof lazy;
 };
 declare const links: {
     isMarkdownLink: typeof isMarkdownLink;