@odoo/o-spreadsheet 16.3.0-alpha.2 → 16.3.0-alpha.4

package/dist/o-spreadsheet.d.ts

@@ -294,10 +294,10 @@ declare function toZone(xc: string): Zone;
  */
 declare function findCellInNewZone(oldZone: Zone, currentZone: Zone): Position$1;
 declare function positionToZone(position: Position$1): {
-    left: number;
-    right: number;
-    top: number;
-    bottom: number;
+    left: HeaderIndex;
+    right: HeaderIndex;
+    top: HeaderIndex;
+    bottom: HeaderIndex;
 };
 
 interface SelectionEventPayload {
@@ -406,9 +406,9 @@ interface SectionRule {
     readonly upperInflectionPoint: SectionThreshold;
 }
 interface ColorSet {
-    readonly lowerColor: string;
-    readonly middleColor: string;
-    readonly upperColor: string;
+    readonly lowerColor: Color;
+    readonly middleColor: Color;
+    readonly upperColor: Color;
 }
 interface SectionThreshold {
     readonly type: "number" | "percentage";
@@ -435,13 +435,13 @@ interface GaugeChartOptions extends ChartOptions {
         radiusPercentage: number;
         widthPercentage: number;
         lengthPercentage: number;
-        color: string;
+        color: Color;
     };
     valueLabel?: {
         formatter: (() => string) | null;
         display: boolean;
-        color: string;
-        backgroundColor: string;
+        color: Color;
+        backgroundColor: Color;
         borderRadius: number;
         fontSize: number;
         padding: {
@@ -986,6 +986,7 @@ declare class Model extends EventBus<any> implements CommandDispatcher {
     uuidGenerator: UuidGenerator;
     constructor(data?: any, config?: Partial<ModelConfig>, stateUpdateMessages?: StateUpdateMessage[], uuidGenerator?: UuidGenerator, verboseImport?: boolean);
     get handlers(): CommandHandler<Command>[];
+    get coreHandlers(): CommandHandler<Command>[];
     get allUIPlugins(): UIPlugin[];
     joinSession(): void;
     leaveSession(): void;
@@ -1007,7 +1008,14 @@ declare class Model extends EventBus<any> implements CommandDispatcher {
      * Check if the given command is allowed by all the plugins and the history.
      */
     private checkDispatchAllowed;
+    private checkDispatchAllowedCoreCommand;
+    private checkDispatchAllowedLocalCommand;
     private finalize;
+    /**
+     * Check if a command can be dispatched, and returns a DispatchResult object with the possible
+     * reasons the dispatch failed.
+     */
+    canDispatch: CommandDispatcher["canDispatch"];
     /**
      * The dispatch method is the only entry point to manipulate data in the model.
      * This is through this method that commands are dispatched most of the time
@@ -1260,7 +1268,7 @@ interface ComposerSelection {
     end: number;
 }
 declare class EditionPlugin extends UIPlugin {
-    static getters: readonly ["getEditionMode", "isSelectingForComposer", "showSelectionIndicator", "getCurrentContent", "getEditionSheet", "getComposerSelection", "getCurrentTokens", "getTokenAtCursor", "getComposerHighlights", "getCurrentEditedCell"];
+    static getters: readonly ["getEditionMode", "isSelectingForComposer", "showSelectionIndicator", "getCurrentContent", "getComposerSelection", "getCurrentTokens", "getTokenAtCursor", "getComposerHighlights", "getCurrentEditedCell"];
     private col;
     private row;
     private mode;
@@ -1274,12 +1282,11 @@ declare class EditionPlugin extends UIPlugin {
     private previousRef;
     private previousRange;
     private colorIndexByRange;
-    allowDispatch(cmd: Command): CommandResult;
+    allowDispatch(cmd: LocalCommand): CommandResult;
     private handleEvent;
     handle(cmd: Command): void;
     getEditionMode(): EditionMode;
     getCurrentContent(): string;
-    getEditionSheet(): string;
     getComposerSelection(): ComposerSelection;
     getCurrentEditedCell(): CellPosition;
     isSelectingForComposer(): boolean;
@@ -1622,8 +1629,8 @@ interface CreateChartCommand extends SheetDependentCommand {
     type: "CREATE_CHART";
     id: UID;
     position?: {
-        x: number;
-        y: number;
+        x: Pixel;
+        y: Pixel;
     };
     size?: FigureSize;
     definition: ChartDefinition;
@@ -1637,8 +1644,8 @@ interface CreateImageOverCommand extends SheetDependentCommand {
     type: "CREATE_IMAGE";
     figureId: UID;
     position: {
-        x: number;
-        y: number;
+        x: Pixel;
+        y: Pixel;
     };
     size: FigureSize;
     definition: Image;
@@ -1742,7 +1749,7 @@ interface StopSelectionCommand {
  */
 interface SetColorCommand {
     type: "SET_HIGHLIGHT_COLOR";
-    color: string;
+    color: Color;
 }
 interface EvaluateCellsCommand {
     type: "EVALUATE_CELLS";
@@ -2150,6 +2157,9 @@ interface CommandDispatcher {
     dispatch<T extends CommandTypes, C extends Extract<Command, {
         type: T;
     }>>(type: T, r: Omit<C, "type">): DispatchResult;
+    canDispatch<T extends CommandTypes, C extends Extract<Command, {
+        type: T;
+    }>>(type: T, r: Omit<C, "type">): DispatchResult;
 }
 interface CoreCommandDispatcher {
     dispatch<T extends CoreCommandTypes, C extends Extract<CoreCommand, {
@@ -2158,6 +2168,9 @@ interface CoreCommandDispatcher {
     dispatch<T extends CoreCommandTypes, C extends Extract<CoreCommand, {
         type: T;
     }>>(type: T, r: Omit<C, "type">): DispatchResult;
+    canDispatch<T extends CoreCommandTypes, C extends Extract<CoreCommand, {
+        type: T;
+    }>>(type: T, r: Omit<C, "type">): DispatchResult;
 }
 declare type CommandTypes = Command["type"];
 declare type CoreCommandTypes = CoreCommand["type"];
@@ -2167,7 +2180,7 @@ declare type CoreCommandTypes = CoreCommand["type"];
  * Intellisense from resolving it.
  * See https://github.com/microsoft/TypeScript/issues/31940#issuecomment-841712377
  */
-declare type Alias = {};
+declare type Alias = {} & {};
 declare type HeaderIndex = number & Alias;
 declare type Pixel = number & Alias;
 declare type UID = string & Alias;
@@ -2231,8 +2244,8 @@ interface Style {
     align?: Align;
     wrapping?: Wrapping;
     verticalAlign?: VerticalAlign;
-    fillColor?: string;
-    textColor?: string;
+    fillColor?: Color;
+    textColor?: Color;
     fontSize?: number;
 }
 interface UpdateCellData {
@@ -2315,7 +2328,7 @@ interface Merge extends Zone {
 interface Highlight$1 {
     zone: Zone;
     sheetId: UID;
-    color: string | null;
+    color: Color | null;
 }
 interface PaneDivision {
     /** Represents the number of frozen columns */
@@ -3277,6 +3290,9 @@ declare class FigurePlugin extends CorePlugin<FigureState> implements FigureStat
     };
     allowDispatch(cmd: CoreCommand): CommandResult;
     handle(cmd: CoreCommand): void;
+    private onRowColDelete;
+    private onRowDeletion;
+    private onColDeletion;
     private updateFigure;
     private addFigure;
     private deleteSheet;
@@ -3305,7 +3321,7 @@ declare class Filter {
     readonly id: UID;
     readonly zoneWithHeaders: Zone;
     constructor(id: UID, zone: Zone);
-    get col(): number;
+    get col(): HeaderIndex;
     /** Filtered zone, ie. zone of the filter without the header */
     get filteredZone(): Zone | undefined;
 }
@@ -3776,7 +3792,7 @@ declare class FilterEvaluationPlugin extends UIPlugin {
     private filterValues;
     hiddenRows: Set<number>;
     isEvaluationDirty: boolean;
-    allowDispatch(cmd: Command): CommandResult.Success | CommandResult.FilterNotFound;
+    allowDispatch(cmd: LocalCommand): CommandResult;
     handle(cmd: Command): void;
     finalize(): void;
     isRowFiltered(sheetId: UID, row: number): boolean;
@@ -3811,8 +3827,8 @@ declare class InternalViewport {
     offsetScrollbarY: Pixel;
     canScrollVertically: boolean;
     canScrollHorizontally: boolean;
-    width: Pixel;
-    height: Pixel;
+    viewportWidth: Pixel;
+    viewportHeight: Pixel;
     offsetCorrectionX: Pixel;
     offsetCorrectionY: Pixel;
     constructor(getters: Getters, sheetId: UID, boundaries: Zone, sizeInGrid: {
@@ -3825,6 +3841,10 @@ declare class InternalViewport {
         x: Pixel;
         y: Pixel;
     });
+    /** Returns the maximum size (in Pixels) of the viewport relative to its allocated client size
+     * When the viewport grid size is smaller than its client width (resp. height), it will return
+     * the client width (resp. height).
+     */
     getMaxSize(): DOMDimension;
     /**
      * Return the index of a column given an offset x, based on the pane left
@@ -3844,8 +3864,8 @@ declare class InternalViewport {
      * until it contains the cell completely.
      */
     adjustPosition(position?: Position$1): void;
-    adjustPositionX(col: HeaderIndex): void;
-    adjustPositionY(row: HeaderIndex): void;
+    adjustPositionX(targetCol: HeaderIndex): void;
+    adjustPositionY(targetRow: HeaderIndex): void;
     setViewportOffset(offsetX: Pixel, offsetY: Pixel): void;
     adjustViewportZone(): void;
     /**
@@ -3936,7 +3956,7 @@ declare class SheetViewPlugin extends UIPlugin {
     private gridOffsetX;
     private gridOffsetY;
     private sheetsWithDirtyViewports;
-    allowDispatch(cmd: Command): CommandResult | CommandResult[];
+    allowDispatch(cmd: LocalCommand): CommandResult | CommandResult[];
     private handleEvent;
     handle(cmd: Command): void;
     finalize(): void;
@@ -3970,8 +3990,7 @@ declare class SheetViewPlugin extends UIPlugin {
     getSheetViewVisibleCols(): HeaderIndex[];
     getSheetViewVisibleRows(): HeaderIndex[];
     /**
-     * Return the main viewport maximum size. That is the zone dimension
-     * with some bottom and right padding.
+     * Return the main viewport maximum size relative to the client size.
      */
     getMainViewportRect(): Rect;
     private getMaximumSheetOffset;
@@ -4042,7 +4061,7 @@ declare class AutofillPlugin extends UIPlugin {
     private lastCellSelected;
     private direction;
     private tooltip;
-    allowDispatch(cmd: Command): CommandResult;
+    allowDispatch(cmd: LocalCommand): CommandResult;
     handle(cmd: Command): void;
     getAutofillTooltip(): Tooltip | undefined;
     /**
@@ -4187,7 +4206,7 @@ declare class AutomaticSumPlugin extends UIPlugin {
 declare class CellPopoverPlugin extends UIPlugin {
     static getters: readonly ["getCellPopover", "getPersistentPopoverTypeAtPosition", "hasOpenedPopover"];
     private persistentPopover?;
-    allowDispatch(cmd: Command): CommandResult.Success | CommandResult.InvalidCellPopover;
+    allowDispatch(cmd: LocalCommand): CommandResult;
     handle(cmd: Command): void;
     getCellPopover({ col, row }: Partial<Position$1>): ClosedCellPopover | PositionedCellPopover;
     hasOpenedPopover(): boolean;
@@ -4266,7 +4285,7 @@ declare class RendererPlugin extends UIPlugin {
 interface RangeInputValue {
     id: number;
     xc: string;
-    color: string;
+    color: Color;
 }
 /**
  * Selection input Plugin
@@ -4284,7 +4303,7 @@ declare class SelectionInputPlugin extends UIPlugin implements StreamCallbacks<S
     private activeSheet;
     private willAddNewRange;
     constructor(config: UIPluginConfig, initialRanges: string[], inputHasSingleRange: boolean);
-    allowDispatch(cmd: Command): CommandResult;
+    allowDispatch(cmd: LocalCommand): CommandResult;
     handleEvent(event: SelectionEvent): void;
     handle(cmd: Command): void;
     getSelectionInputValue(): string[];
@@ -4345,7 +4364,7 @@ declare class SelectionInputsManagerPlugin extends UIPlugin {
     private focusedInputId;
     get currentInput(): SelectionInputPlugin | null;
     constructor(config: UIPluginConfig);
-    allowDispatch(cmd: Command): CommandResult;
+    allowDispatch(cmd: LocalCommand): CommandResult;
     handle(cmd: Command): void;
     /**
      * Return a list of all valid XCs.
@@ -4362,7 +4381,7 @@ declare class SelectionInputsManagerPlugin extends UIPlugin {
 }
 
 interface ClientToDisplay extends Required<Client> {
-    color: string;
+    color: Color;
 }
 declare class SelectionMultiUserPlugin extends UIPlugin {
     static getters: readonly ["getClientsToDisplay"];
@@ -4381,7 +4400,7 @@ declare class SelectionMultiUserPlugin extends UIPlugin {
 
 declare class SortPlugin extends UIPlugin {
     static getters: readonly ["getContiguousZone"];
-    allowDispatch(cmd: Command): CommandResult | CommandResult[];
+    allowDispatch(cmd: LocalCommand): CommandResult | CommandResult[];
     handle(cmd: Command): void;
     private checkMerge;
     private checkMergeSizes;
@@ -4463,7 +4482,7 @@ declare class UIOptionsPlugin extends UIPlugin {
 declare class SheetUIPlugin extends UIPlugin {
     static getters: readonly ["getCellWidth", "getTextWidth", "getCellText", "getCellMultiLineText", "getColDimensions", "getRowDimensions", "getColRowOffset"];
     private ctx;
-    allowDispatch(cmd: Command): CommandResult;
+    allowDispatch(cmd: LocalCommand): CommandResult;
     handle(cmd: Command): void;
     getCellWidth(position: CellPosition): number;
     getTextWidth(text: string, style: Style): Pixel;
@@ -4505,7 +4524,7 @@ declare class ClipboardPlugin extends UIPlugin {
     private status;
     private state?;
     private _isPaintingFormat;
-    allowDispatch(cmd: Command): CommandResult;
+    allowDispatch(cmd: LocalCommand): CommandResult;
     handle(cmd: Command): void;
     /**
      * Format the current clipboard to a string suitable for being pasted in other
@@ -4544,7 +4563,7 @@ declare class GridSelectionPlugin extends UIPlugin {
     private moveClient;
     activeSheet: Sheet;
     constructor(config: UIPluginConfig);
-    allowDispatch(cmd: Command): CommandResult;
+    allowDispatch(cmd: LocalCommand): CommandResult;
     private handleEvent;
     handle(cmd: Command): void;
     getActiveSheet(): Readonly<Sheet>;
@@ -4834,7 +4853,7 @@ declare class OTRegistry extends Registry<Map<CoreCommandTypes, TransformationFu
 
 interface CellClickableItem {
     condition: (position: CellPosition, env: SpreadsheetChildEnv) => boolean;
-    action: (position: CellPosition, env: SpreadsheetChildEnv) => void;
+    execute: (position: CellPosition, env: SpreadsheetChildEnv) => void;
     sequence: number;
 }
 
@@ -4861,7 +4880,7 @@ interface ChartBuilder {
     sequence: number;
 }
 
-interface Props$B {
+interface Props$C {
     ranges: string[];
     hasSingleRange?: boolean;
     required?: boolean;
@@ -4873,7 +4892,7 @@ interface Props$B {
 interface SelectionRange extends Omit<RangeInputValue, "color"> {
     isFocused: boolean;
     isValidRange: boolean;
-    color?: string;
+    color?: Color;
 }
 /**
  * This component can be used when the user needs to input some
@@ -4883,7 +4902,7 @@ interface SelectionRange extends Omit<RangeInputValue, "color"> {
  * onSelectionChanged is called every time the input value
  * changes.
  */
-declare class SelectionInput extends Component<Props$B, SpreadsheetChildEnv> {
+declare class SelectionInput extends Component<Props$C, SpreadsheetChildEnv> {
     static template: string;
     private id;
     private previousRanges;
@@ -4908,12 +4927,12 @@ declare class SelectionInput extends Component<Props$B, SpreadsheetChildEnv> {
     confirm(): void;
 }
 
-interface Props$A {
+interface Props$B {
     figureId: UID;
     definition: LineChartDefinition | BarChartDefinition | PieChartDefinition;
     updateChart: (definition: Partial<LineChartDefinition | BarChartDefinition | PieChartDefinition>) => DispatchResult;
 }
-declare class LineBarPieConfigPanel extends Component<Props$A, SpreadsheetChildEnv> {
+declare class LineBarPieConfigPanel extends Component<Props$B, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         SelectionInput: typeof SelectionInput;
@@ -4939,6 +4958,7 @@ declare class LineBarPieConfigPanel extends Component<Props$A, SpreadsheetChildE
     onLabelRangeChanged(ranges: string[]): void;
     onLabelRangeConfirmed(): void;
     onUpdateAggregated(ev: any): void;
+    calculateHeaderPosition(): number | undefined;
 }
 
 declare class BarConfigPanel extends LineBarPieConfigPanel {
@@ -4947,6 +4967,23 @@ declare class BarConfigPanel extends LineBarPieConfigPanel {
     onUpdateAggregated(ev: any): void;
 }
 
+declare const DATETIME_FORMAT: RegExp;
+declare enum ComponentsImportance {
+    Grid = 0,
+    Highlight = 5,
+    Figure = 10,
+    ScrollBar = 15,
+    GridPopover = 19,
+    GridComposer = 20,
+    Dropdown = 21,
+    IconPicker = 25,
+    TopBarComposer = 30,
+    Popover = 35,
+    FigureAnchor = 1000,
+    FigureSnapLine = 1001
+}
+declare function setDefaultSheetViewSize(size: number): void;
+
 interface PopoverProps {
     /**
      * Rectangle around which the popover is displayed.
@@ -4962,6 +4999,8 @@ interface PopoverProps {
     onMouseWheel?: () => void;
     onPopoverMoved?: () => void;
     onPopoverHidden?: () => void;
+    /** Setting popover to allow dynamic zIndex */
+    zIndex?: Number;
 }
 declare class Popover extends Component<PopoverProps, SpreadsheetChildEnv> {
     static template: string;
@@ -4971,6 +5010,7 @@ declare class Popover extends Component<PopoverProps, SpreadsheetChildEnv> {
         onMouseWheel: () => void;
         onPopoverMoved: () => void;
         onPopoverHidden: () => void;
+        zIndex: ComponentsImportance;
     };
     private popoverRef;
     private currentPosition;
@@ -4978,6 +5018,7 @@ declare class Popover extends Component<PopoverProps, SpreadsheetChildEnv> {
     private spreadsheetRect;
     private containerRect;
     setup(): void;
+    get popoverStyle(): string;
 }
 
 interface ColorPickerProps {
@@ -4994,7 +5035,7 @@ declare class ColorPicker extends Component<ColorPickerProps, SpreadsheetChildEn
     static components: {
         Popover: typeof Popover;
     };
-    COLORS: string[];
+    COLORS: Color[];
     private state;
     get colorPickerStyle(): string;
     get popoverProps(): PopoverProps;
@@ -5008,9 +5049,10 @@ declare class ColorPicker extends Component<ColorPickerProps, SpreadsheetChildEn
     showMagnifier(_ev: MouseEvent): void;
     moveMagnifier(ev: MouseEvent): void;
     get magnifyingGlassStyle(): string;
+    isSameColor(color1: Color, color2: Color): boolean;
 }
 
-interface Props$z {
+interface Props$A {
     currentColor: string | undefined;
     toggleColorPicker: () => void;
     showColorPicker: boolean;
@@ -5021,7 +5063,7 @@ interface Props$z {
     dropdownMaxHeight?: Pixel;
     class?: string;
 }
-declare class ColorPickerWidget extends Component<Props$z, SpreadsheetChildEnv> {
+declare class ColorPickerWidget extends Component<Props$A, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         ColorPicker: typeof ColorPicker;
@@ -5033,12 +5075,12 @@ declare class ColorPickerWidget extends Component<Props$z, SpreadsheetChildEnv>
     get colorPickerAnchorRect(): Rect;
 }
 
-interface Props$y {
+interface Props$z {
     figureId: UID;
     definition: LineChartDefinition | BarChartDefinition | PieChartDefinition;
     updateChart: (definition: Partial<LineChartDefinition | BarChartDefinition | PieChartDefinition>) => CommandResult | CommandResult[];
 }
-declare class LineBarPieDesignPanel extends Component<Props$y, SpreadsheetChildEnv> {
+declare class LineBarPieDesignPanel extends Component<Props$z, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         ColorPickerWidget: typeof ColorPickerWidget;
@@ -5047,17 +5089,17 @@ declare class LineBarPieDesignPanel extends Component<Props$y, SpreadsheetChildE
     onClick(ev: MouseEvent): void;
     setup(): void;
     toggleColorPicker(): void;
-    updateBackgroundColor(color: string): void;
+    updateBackgroundColor(color: Color): void;
     updateTitle(ev: any): void;
     updateSelect(attr: string, ev: any): void;
 }
 
-interface Props$x {
+interface Props$y {
     figureId: UID;
     definition: GaugeChartDefinition;
     updateChart: (definition: Partial<GaugeChartDefinition>) => DispatchResult;
 }
-declare class GaugeChartConfigPanel extends Component<Props$x, SpreadsheetChildEnv> {
+declare class GaugeChartConfigPanel extends Component<Props$y, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         SelectionInput: typeof SelectionInput;
@@ -5071,12 +5113,12 @@ declare class GaugeChartConfigPanel extends Component<Props$x, SpreadsheetChildE
 }
 
 declare type GaugeMenu = "backgroundColor" | "sectionColor-lowerColor" | "sectionColor-middleColor" | "sectionColor-upperColor";
-interface Props$w {
+interface Props$x {
     figureId: UID;
     definition: GaugeChartDefinition;
     updateChart: (definition: Partial<GaugeChartDefinition>) => DispatchResult;
 }
-declare class GaugeChartDesignPanel extends Component<Props$w, SpreadsheetChildEnv> {
+declare class GaugeChartDesignPanel extends Component<Props$x, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         ColorPickerWidget: typeof ColorPickerWidget;
@@ -5084,7 +5126,7 @@ declare class GaugeChartDesignPanel extends Component<Props$w, SpreadsheetChildE
     private state;
     setup(): void;
     get designErrorMessages(): string[];
-    updateBackgroundColor(color: string): void;
+    updateBackgroundColor(color: Color): void;
     updateTitle(ev: any): void;
     isRangeMinInvalid(): boolean;
     isRangeMaxInvalid(): boolean;
@@ -5092,7 +5134,7 @@ declare class GaugeChartDesignPanel extends Component<Props$w, SpreadsheetChildE
     get isUpperInflectionPointInvalid(): boolean;
     updateInflectionPointValue(attr: string, ev: any): void;
     updateInflectionPointType(attr: string, ev: any): void;
-    updateSectionColor(target: string, color: string): void;
+    updateSectionColor(target: string, color: Color): void;
     updateRangeMin(ev: any): void;
     updateRangeMax(ev: any): void;
     toggleMenu(menu: GaugeMenu): void;
@@ -5108,12 +5150,12 @@ declare class LineConfigPanel extends LineBarPieConfigPanel {
     onUpdateAggregated(ev: any): void;
 }
 
-interface Props$v {
+interface Props$w {
     figureId: UID;
     definition: ScorecardChartDefinition;
     updateChart: (definition: Partial<ScorecardChartDefinition>) => DispatchResult;
 }
-declare class ScorecardChartConfigPanel extends Component<Props$v, SpreadsheetChildEnv> {
+declare class ScorecardChartConfigPanel extends Component<Props$w, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         SelectionInput: typeof SelectionInput;
@@ -5132,12 +5174,12 @@ declare class ScorecardChartConfigPanel extends Component<Props$v, SpreadsheetCh
 }
 
 declare type ColorPickerId = undefined | "backgroundColor" | "baselineColorUp" | "baselineColorDown";
-interface Props$u {
+interface Props$v {
     figureId: UID;
     definition: ScorecardChartDefinition;
     updateChart: (definition: Partial<ScorecardChartDefinition>) => DispatchResult;
 }
-declare class ScorecardChartDesignPanel extends Component<Props$u, SpreadsheetChildEnv> {
+declare class ScorecardChartDesignPanel extends Component<Props$v, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         ColorPickerWidget: typeof ColorPickerWidget;
@@ -5147,7 +5189,7 @@ declare class ScorecardChartDesignPanel extends Component<Props$u, SpreadsheetCh
     updateTitle(ev: any): void;
     updateBaselineDescr(ev: any): void;
     toggleColorPicker(colorPickerId: ColorPickerId): void;
-    setColor(color: string, colorPickerId: ColorPickerId): void;
+    setColor(color: Color, colorPickerId: ColorPickerId): void;
     private closeMenus;
 }
 
@@ -5156,72 +5198,75 @@ interface ChartSidePanel {
     design: new (...args: any) => Component;
 }
 
-/**
- * An ActionMenuItem represent a menu item for the menus of the topbar.
- * and the context menu in the grid.
- *
- * An ActionMenuItem has:
- * - id, used for example to add child
- * - name, which can be a string or a function to compute it
- * - sequence, which represents its position inside the
- *   menus (the lower sequence it has, the upper it is in the menu)
- * - isVisible, which can be defined to compute the visibility of the item
- * - isReadonlyAllowed: is the action allowed when running spreadsheet in readonly mode
- * - action, the action associated to this item. The action can return a result.
- *   The result will be carried by a `menu-clicked` event to the menu parent component.
- * - children, subitems associated to this item
- *    NB: an item without action or children is not displayed !
- * - separator, whether it should add a separator below the item
- *    NB: a separator defined on the last item is not displayed !
- *
- */
-interface MenuItemSpec {
+interface ActionSpec {
+    /**
+     * String or a function to compute the name
+     */
     name: string | ((env: SpreadsheetChildEnv) => string);
     description?: string;
+    /**
+     * which represents its position inside the
+     * menus (the lower sequence it has, the upper it is in the menu)
+     */
     sequence?: number;
+    /**
+     * used for example to add child
+     */
     id?: string;
+    /**
+     * Can be defined to compute the visibility of the item
+     */
     isVisible?: (env: SpreadsheetChildEnv) => boolean;
+    /**
+     * Can be defined to compute if the user can click on the action
+     */
     isEnabled?: (env: SpreadsheetChildEnv) => boolean;
+    /**
+     * Can be defined to compute if the action is active
+     */
+    isActive?: (env: SpreadsheetChildEnv) => boolean;
+    /**
+     * Can be defined to display an icon
+     */
+    icon?: string;
+    /**
+     * is the action allowed when running spreadsheet in readonly mode
+     */
     isReadonlyAllowed?: boolean;
-    action?: (env: SpreadsheetChildEnv) => unknown;
-    children?: MenuChildren;
+    /**
+     * Execute the action. The action can return a result.
+     * The result will be carried by a `menu-clicked` event to the menu parent component.
+     */
+    execute?: (env: SpreadsheetChildEnv) => unknown;
+    /**
+     * subitems associated to this item
+     * NB: an action without an execute function or children is not displayed !
+     */
+    children?: ActionChildren;
+    /**
+     * whether it should add a separator below the item in menus
+     * NB: a separator defined on the last item is not displayed !
+     */
     separator?: boolean;
-    icon?: string;
-    textColor?: string;
+    textColor?: Color;
 }
-interface MenuItem {
-    id: string;
-    sequence: number;
+interface Action {
     name: (env: SpreadsheetChildEnv) => string;
+    description: string;
+    sequence: number;
+    id: string;
     isVisible: (env: SpreadsheetChildEnv) => boolean;
     isEnabled: (env: SpreadsheetChildEnv) => boolean;
+    isActive?: (env: SpreadsheetChildEnv) => boolean;
+    icon: string;
     isReadonlyAllowed: boolean;
-    action?: (env: SpreadsheetChildEnv) => unknown;
-    children: (env: SpreadsheetChildEnv) => MenuItem[];
+    execute?: (env: SpreadsheetChildEnv) => unknown;
+    children: (env: SpreadsheetChildEnv) => Action[];
     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<MenuItemSpec> {
-    /**
-     * @override
-     */
-    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: MenuItemSpec | MenuItemsBuilder): MenuItemRegistry;
-    getMenuItems(): MenuItem[];
+    textColor?: Color;
 }
+declare type ActionBuilder = (env: SpreadsheetChildEnv) => ActionSpec[];
+declare type ActionChildren = (ActionSpec | ActionBuilder)[];
 
 /**
  * This registry is intended to map a type of figure (tag) to a class of
@@ -5231,7 +5276,7 @@ declare class MenuItemRegistry extends Registry<MenuItemSpec> {
  */
 interface FigureContent {
     Component: any;
-    menuBuilder: (figureId: UID, onFigureDeleted: () => void, env: SpreadsheetChildEnv) => MenuItem[];
+    menuBuilder: (figureId: UID, onFigureDeleted: () => void, env: SpreadsheetChildEnv) => Action[];
     SidePanelComponent?: string;
     keepRatio?: boolean;
     minFigSize?: number;
@@ -5244,6 +5289,24 @@ interface SidePanelContent {
     Footer?: any;
 }
 
+/**
+ * The class Registry is extended in order to add the function addChild
+ *
+ */
+declare class MenuItemRegistry extends Registry<ActionSpec> {
+    /**
+     * @override
+     */
+    add(key: string, value: ActionSpec): 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: ActionSpec | ActionBuilder): MenuItemRegistry;
+    getMenuItems(): Action[];
+}
+
 /**
  * An AutofillRule is used to generate what to do when we need to autofill
  * a cell. (In a AutofillGenerator, see plugins/autofill.ts)
@@ -5257,10 +5320,10 @@ interface AutofillRule {
     sequence: number;
 }
 
-interface Props$t {
+interface Props$u {
     figure: Figure;
 }
-declare class ChartJsComponent extends Component<Props$t, SpreadsheetChildEnv> {
+declare class ChartJsComponent extends Component<Props$u, SpreadsheetChildEnv> {
     static template: string;
     private canvas;
     private chart?;
@@ -5272,10 +5335,10 @@ declare class ChartJsComponent extends Component<Props$t, SpreadsheetChildEnv> {
     private updateChartJs;
 }
 
-interface Props$s {
+interface Props$t {
     figure: Figure;
 }
-declare class ScorecardChart extends Component<Props$s, SpreadsheetChildEnv> {
+declare class ScorecardChart extends Component<Props$t, SpreadsheetChildEnv> {
     static template: string;
     private ctx;
     get runtime(): ScorecardChartRuntime;
@@ -5284,8 +5347,8 @@ declare class ScorecardChart extends Component<Props$s, SpreadsheetChildEnv> {
     get baseline(): string;
     get baselineDescr(): string;
     get baselineArrowDirection(): BaselineArrowDirection;
-    get backgroundColor(): string;
-    get primaryFontColor(): string;
+    get backgroundColor(): Color;
+    get primaryFontColor(): Color;
     get secondaryFontColor(): "#525252" | "#C8C8C8";
     get figure(): Figure;
     get chartStyle(): string;
@@ -5306,9 +5369,10 @@ declare class ScorecardChart extends Component<Props$s, SpreadsheetChildEnv> {
     private getWidestElement;
 }
 
-interface Props$r {
+declare type MenuItemOrSeparator = Action | "separator";
+interface Props$s {
     position: DOMCoordinates;
-    menuItems: MenuItem[];
+    menuItems: Action[];
     depth: number;
     maxHeight?: Pixel;
     onClose: () => void;
@@ -5317,12 +5381,12 @@ interface Props$r {
 }
 interface MenuState {
     isOpen: boolean;
-    parentMenu?: MenuItem;
+    parentMenu?: Action;
     position: null | DOMCoordinates;
     scrollOffset?: Pixel;
-    menuItems: MenuItem[];
+    menuItems: Action[];
 }
-declare class Menu extends Component<Props$r, SpreadsheetChildEnv> {
+declare class Menu extends Component<Props$s, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Menu: typeof Menu;
@@ -5335,44 +5399,39 @@ declare class Menu extends Component<Props$r, SpreadsheetChildEnv> {
     private menuRef;
     private position;
     setup(): void;
-    get visibleMenuItems(): MenuItem[];
+    get menuItemsAndSeparators(): MenuItemOrSeparator[];
     get subMenuPosition(): DOMCoordinates;
-    get menuHeight(): Pixel;
     get popoverProps(): PopoverProps;
-    getColor(menu: MenuItem): string | undefined;
-    activateMenu(menu: MenuItem): Promise<void>;
+    get childrenHaveIcon(): boolean;
+    getIconName(menu: Action): "" | "o-spreadsheet-Icon.CHECK";
+    getColor(menu: Action): string | undefined;
+    activateMenu(menu: Action): Promise<void>;
     private close;
-    /**
-     * Return the number of pixels between the top of the menu
-     * and the menu item at a given index.
-     */
-    private subMenuVerticalPosition;
     private onExternalClick;
-    private getMenuItemsHeight;
-    getName(menu: MenuItem): string;
-    isRoot(menu: MenuItem): boolean;
-    isEnabled(menu: MenuItem): boolean;
+    getName(menu: Action): string;
+    isRoot(menu: Action): boolean;
+    isEnabled(menu: Action): 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: MenuItem, menuIndex: number): void;
-    isParentMenu(subMenu: MenuState, menuItem: MenuItem): boolean;
+    openSubMenu(menu: Action, menuIndex: number, ev: MouseEvent): void;
+    isParentMenu(subMenu: MenuState, menuItem: Action): boolean;
     closeSubMenu(): void;
-    onClickMenu(menu: MenuItem, menuIndex: number): void;
-    onMouseOver(menu: MenuItem, position: Pixel): void;
+    onClickMenu(menu: Action, menuIndex: number, ev: MouseEvent): void;
+    onMouseOver(menu: Action, position: Pixel, ev: MouseEvent): void;
 }
 
 declare type ResizeAnchor = "top left" | "top" | "top right" | "right" | "bottom right" | "bottom" | "bottom left" | "left";
-interface Props$q {
+interface Props$r {
     figure: Figure;
     style: string;
     onFigureDeleted: () => void;
     onMouseDown: (ev: MouseEvent) => void;
     onClickAnchor(dirX: ResizeDirection, dirY: ResizeDirection, ev: MouseEvent): void;
 }
-declare class FigureComponent extends Component<Props$q, SpreadsheetChildEnv> {
+declare class FigureComponent extends Component<Props$r, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Menu: typeof Menu;
@@ -5402,11 +5461,11 @@ declare class FigureComponent extends Component<Props$q, SpreadsheetChildEnv> {
     private openContextMenu;
 }
 
-interface Props$p {
+interface Props$q {
     figure: Figure;
     onFigureDeleted: () => void;
 }
-declare class ChartFigure extends Component<Props$p, SpreadsheetChildEnv> {
+declare class ChartFigure extends Component<Props$q, SpreadsheetChildEnv> {
     static template: string;
     static components: {};
     onDoubleClick(): void;
@@ -5414,7 +5473,7 @@ declare class ChartFigure extends Component<Props$p, SpreadsheetChildEnv> {
     get chartComponent(): new (...args: any) => Component;
 }
 
-interface Props$o {
+interface Props$p {
     isVisible: boolean;
     position: Position;
 }
@@ -5426,7 +5485,7 @@ interface State$3 {
     position: Position;
     handler: boolean;
 }
-declare class Autofill extends Component<Props$o, SpreadsheetChildEnv> {
+declare class Autofill extends Component<Props$p, SpreadsheetChildEnv> {
     static template: string;
     state: State$3;
     get style(): string;
@@ -5440,7 +5499,7 @@ declare class Autofill extends Component<Props$o, SpreadsheetChildEnv> {
 interface ClientTagProps {
     active: boolean;
     name: string;
-    color: string;
+    color: Color;
     col: HeaderIndex;
     row: HeaderIndex;
 }
@@ -5500,13 +5559,13 @@ declare class Ripple extends Component<RippleProps, SpreadsheetChildEnv> {
     getRippleEffectProps(id: number): RippleEffectProps;
 }
 
-interface Props$n {
+interface Props$o {
     sheetId: string;
     openContextMenu: (registry: MenuItemRegistry, ev: MouseEvent) => void;
     style?: string;
     onMouseDown: (ev: MouseEvent) => void;
 }
-declare class BottomBarSheet extends Component<Props$n, SpreadsheetChildEnv> {
+declare class BottomBarSheet extends Component<Props$o, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Ripple: typeof Ripple;
@@ -5540,11 +5599,11 @@ declare class BottomBarSheet extends Component<Props$n, SpreadsheetChildEnv> {
     get sheetName(): string;
 }
 
-interface Props$m {
+interface Props$n {
     openContextMenu: (x: number, y: number, registry: MenuItemRegistry) => void;
     closeContextMenu: () => void;
 }
-declare class BottomBarStatistic extends Component<Props$m, SpreadsheetChildEnv> {
+declare class BottomBarStatistic extends Component<Props$n, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Ripple: typeof Ripple;
@@ -5566,13 +5625,13 @@ interface SheetState {
     isDnd: boolean;
     sheetDndPositions: Record<UID, number> | undefined;
 }
-interface Props$l {
+interface Props$m {
     onClick: () => void;
 }
 interface BottomBarMenuState extends MenuState {
     menuId: UID | undefined;
 }
-declare class BottomBar extends Component<Props$l, SpreadsheetChildEnv> {
+declare class BottomBar extends Component<Props$m, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Menu: typeof Menu;
@@ -5615,6 +5674,39 @@ declare class BottomBar extends Component<Props$l, SpreadsheetChildEnv> {
     get sheetListMaxScroll(): number;
 }
 
+interface Props$l {
+    position: DOMCoordinates;
+    isActive: boolean;
+    onClick: () => void;
+}
+declare class FilterIcon extends Component<Props$l, SpreadsheetEnv> {
+    static style: string;
+    static template: string;
+    get style(): string;
+}
+
+interface Props$k {
+    gridPosition: DOMCoordinates;
+}
+declare class FilterIconsOverlay extends Component<Props$k, 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 HFigureAxisType = "top" | "bottom" | "vCenter";
 declare type VFigureAxisType = "right" | "left" | "hCenter";
 interface SnapLine<T extends HFigureAxisType | VFigureAxisType> {
@@ -5625,7 +5717,7 @@ interface SnapLine<T extends HFigureAxisType | VFigureAxisType> {
 }
 
 declare type ContainerType = "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "dnd";
-interface Props$k {
+interface Props$j {
     onFigureDeleted: () => void;
 }
 interface Container {
@@ -5704,7 +5796,7 @@ interface DndState {
  * that occurred during the drag & drop, and to position the figure on the correct pane.
  *
  */
-declare class FiguresContainer extends Component<Props$k, SpreadsheetChildEnv> {
+declare class FiguresContainer extends Component<Props$j, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         FigureComponent: typeof FigureComponent;
@@ -5736,7 +5828,7 @@ declare class FiguresContainer extends Component<Props$k, SpreadsheetChildEnv> {
     private getSnapLineStyle;
 }
 
-interface Props$j {
+interface Props$i {
     onCellHovered: (position: Partial<Position$1>) => void;
     onCellDoubleClicked: (col: HeaderIndex, row: HeaderIndex) => void;
     onCellClicked: (col: HeaderIndex, row: HeaderIndex, modifiers: {
@@ -5749,7 +5841,7 @@ interface Props$j {
     gridOverlayDimensions: string;
     onFigureDeleted: () => void;
 }
-declare class GridOverlay extends Component<Props$j, SpreadsheetChildEnv> {
+declare class GridOverlay extends Component<Props$i, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         FiguresContainer: typeof FiguresContainer;
@@ -5771,23 +5863,24 @@ declare class GridOverlay extends Component<Props$j, SpreadsheetChildEnv> {
     private getCartesianCoordinates;
 }
 
-interface Props$i {
+interface Props$h {
     hoveredCell: Partial<Position$1>;
     gridRect: Rect;
     onClosePopover: () => void;
     onMouseWheel: (ev: WheelEvent) => void;
 }
-declare class GridPopover extends Component<Props$i, SpreadsheetChildEnv> {
+declare class GridPopover extends Component<Props$h, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Popover: typeof Popover;
     };
+    zIndex: ComponentsImportance;
     get cellPopover(): PositionedCellPopover | ClosedCellPopover;
 }
 
 declare type ScrollDirection = "horizontal" | "vertical";
 
-interface Props$h {
+interface Props$g {
     width: Pixel;
     height: Pixel;
     direction: ScrollDirection;
@@ -5795,7 +5888,7 @@ interface Props$h {
     offset: Pixel;
     onScroll: (offset: Pixel) => void;
 }
-declare class ScrollBar extends Component<Props$h> {
+declare class ScrollBar extends Component<Props$g> {
     static template: string;
     static defaultProps: {
         width: number;
@@ -5809,10 +5902,10 @@ declare class ScrollBar extends Component<Props$h> {
     onScroll(ev: any): void;
 }
 
-interface Props$g {
+interface Props$f {
     leftOffset: number;
 }
-declare class HorizontalScrollBar extends Component<Props$g, SpreadsheetChildEnv> {
+declare class HorizontalScrollBar extends Component<Props$f, SpreadsheetChildEnv> {
     static components: {
         ScrollBar: typeof ScrollBar;
     };
@@ -5820,8 +5913,8 @@ declare class HorizontalScrollBar extends Component<Props$g, SpreadsheetChildEnv
     static defaultProps: {
         leftOffset: number;
     };
-    get offset(): number;
-    get width(): number;
+    get offset(): Pixel;
+    get width(): Pixel;
     get isDisplayed(): boolean;
     get position(): {
         left: string;
@@ -5832,10 +5925,10 @@ declare class HorizontalScrollBar extends Component<Props$g, SpreadsheetChildEnv
     onScroll(offset: any): void;
 }
 
-interface Props$f {
+interface Props$e {
     topOffset: number;
 }
-declare class VerticalScrollBar extends Component<Props$f, SpreadsheetChildEnv> {
+declare class VerticalScrollBar extends Component<Props$e, SpreadsheetChildEnv> {
     static components: {
         ScrollBar: typeof ScrollBar;
     };
@@ -5843,8 +5936,8 @@ declare class VerticalScrollBar extends Component<Props$f, SpreadsheetChildEnv>
     static defaultProps: {
         topOffset: number;
     };
-    get offset(): number;
-    get height(): number;
+    get offset(): Pixel;
+    get height(): Pixel;
     get isDisplayed(): boolean;
     get position(): {
         top: string;
@@ -5855,40 +5948,7 @@ declare class VerticalScrollBar extends Component<Props$f, SpreadsheetChildEnv>
     onScroll(offset: any): void;
 }
 
-interface Props$e {
-    position: DOMCoordinates;
-    isActive: boolean;
-    onClick: () => void;
-}
-declare class FilterIcon extends Component<Props$e, SpreadsheetEnv> {
-    static style: string;
-    static template: string;
-    get style(): string;
-}
-
 interface Props$d {
-    gridPosition: DOMCoordinates;
-}
-declare class FilterIconsOverlay extends Component<Props$d, 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;
-}
-
-interface Props$c {
 }
 interface ClickableCell {
     coordinates: Rect;
@@ -5896,7 +5956,7 @@ interface ClickableCell {
     action: (position: CellPosition, env: SpreadsheetChildEnv) => void;
     tKey: string;
 }
-declare class SpreadsheetDashboard extends Component<Props$c, SpreadsheetChildEnv> {
+declare class SpreadsheetDashboard extends Component<Props$d, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         GridOverlay: typeof GridOverlay;
@@ -5932,7 +5992,7 @@ declare class SpreadsheetDashboard extends Component<Props$c, SpreadsheetChildEn
     private getGridRect;
 }
 
-interface Props$b {
+interface Props$c {
     component: string;
     panelProps: any;
     onCloseSidePanel: () => void;
@@ -5940,13 +6000,309 @@ interface Props$b {
 interface State$2 {
     panel: SidePanelContent;
 }
-declare class SidePanel extends Component<Props$b, SpreadsheetChildEnv> {
+declare class SidePanel extends Component<Props$c, SpreadsheetChildEnv> {
     static template: string;
     state: State$2;
     setup(): void;
     getTitle(): string;
 }
 
+declare const undo: ActionSpec;
+declare const redo: ActionSpec;
+declare const copy: ActionSpec;
+declare const cut: ActionSpec;
+declare const paste: ActionSpec;
+declare const pasteSpecial: ActionSpec;
+declare const pasteSpecialValue: ActionSpec;
+declare const pasteSpecialFormat: ActionSpec;
+declare const findAndReplace: ActionSpec;
+declare const deleteValues: ActionSpec;
+declare const deleteRows: ActionSpec;
+declare const deleteRow: ActionSpec;
+declare const clearRows: ActionSpec;
+declare const deleteCols: ActionSpec;
+declare const deleteCol: ActionSpec;
+declare const clearCols: ActionSpec;
+declare const deleteCells: ActionSpec;
+declare const deleteCellShiftUp: ActionSpec;
+declare const deleteCellShiftLeft: ActionSpec;
+declare const mergeCells: ActionSpec;
+
+declare const ACTION_EDIT_undo: typeof undo;
+declare const ACTION_EDIT_redo: typeof redo;
+declare const ACTION_EDIT_copy: typeof copy;
+declare const ACTION_EDIT_cut: typeof cut;
+declare const ACTION_EDIT_paste: typeof paste;
+declare const ACTION_EDIT_pasteSpecial: typeof pasteSpecial;
+declare const ACTION_EDIT_pasteSpecialValue: typeof pasteSpecialValue;
+declare const ACTION_EDIT_pasteSpecialFormat: typeof pasteSpecialFormat;
+declare const ACTION_EDIT_findAndReplace: typeof findAndReplace;
+declare const ACTION_EDIT_deleteValues: typeof deleteValues;
+declare const ACTION_EDIT_deleteRows: typeof deleteRows;
+declare const ACTION_EDIT_deleteRow: typeof deleteRow;
+declare const ACTION_EDIT_clearRows: typeof clearRows;
+declare const ACTION_EDIT_deleteCols: typeof deleteCols;
+declare const ACTION_EDIT_deleteCol: typeof deleteCol;
+declare const ACTION_EDIT_clearCols: typeof clearCols;
+declare const ACTION_EDIT_deleteCells: typeof deleteCells;
+declare const ACTION_EDIT_deleteCellShiftUp: typeof deleteCellShiftUp;
+declare const ACTION_EDIT_deleteCellShiftLeft: typeof deleteCellShiftLeft;
+declare const ACTION_EDIT_mergeCells: typeof mergeCells;
+declare namespace ACTION_EDIT {
+  export {
+    ACTION_EDIT_undo as undo,
+    ACTION_EDIT_redo as redo,
+    ACTION_EDIT_copy as copy,
+    ACTION_EDIT_cut as cut,
+    ACTION_EDIT_paste as paste,
+    ACTION_EDIT_pasteSpecial as pasteSpecial,
+    ACTION_EDIT_pasteSpecialValue as pasteSpecialValue,
+    ACTION_EDIT_pasteSpecialFormat as pasteSpecialFormat,
+    ACTION_EDIT_findAndReplace as findAndReplace,
+    ACTION_EDIT_deleteValues as deleteValues,
+    ACTION_EDIT_deleteRows as deleteRows,
+    ACTION_EDIT_deleteRow as deleteRow,
+    ACTION_EDIT_clearRows as clearRows,
+    ACTION_EDIT_deleteCols as deleteCols,
+    ACTION_EDIT_deleteCol as deleteCol,
+    ACTION_EDIT_clearCols as clearCols,
+    ACTION_EDIT_deleteCells as deleteCells,
+    ACTION_EDIT_deleteCellShiftUp as deleteCellShiftUp,
+    ACTION_EDIT_deleteCellShiftLeft as deleteCellShiftLeft,
+    ACTION_EDIT_mergeCells as mergeCells,
+  };
+}
+
+declare const formatNumberAutomatic: ActionSpec;
+declare const formatNumberNumber: ActionSpec;
+declare const formatPercent: ActionSpec;
+declare const formatNumberPercent: ActionSpec;
+declare const formatNumberCurrency: ActionSpec;
+declare const formatNumberCurrencyRounded: ActionSpec;
+declare const formatCustomCurrency: ActionSpec;
+declare const formatNumberDate: ActionSpec;
+declare const formatNumberTime: ActionSpec;
+declare const formatNumberDateTime: ActionSpec;
+declare const formatNumberDuration: ActionSpec;
+declare const incraseDecimalPlaces: ActionSpec;
+declare const decraseDecimalPlaces: ActionSpec;
+declare const formatBold: ActionSpec;
+declare const formatItalic: ActionSpec;
+declare const formatUnderline: ActionSpec;
+declare const formatStrikethrough: ActionSpec;
+declare const formatFontSize: ActionSpec;
+declare const formatAlignment: ActionSpec;
+declare const formatAlignmentHorizontal: ActionSpec;
+declare const formatAlignmentLeft: ActionSpec;
+declare const formatAlignmentCenter: ActionSpec;
+declare const formatAlignmentRight: ActionSpec;
+declare const formatAlignmentVertical: ActionSpec;
+declare const formatAlignmentTop: ActionSpec;
+declare const formatAlignmentMiddle: ActionSpec;
+declare const formatAlignmentBottom: ActionSpec;
+declare const formatWrapping: ActionSpec;
+declare const formatWrappingOverflow: ActionSpec;
+declare const formatWrappingWrap: ActionSpec;
+declare const formatWrappingClip: ActionSpec;
+declare const textColor: ActionSpec;
+declare const fillColor: ActionSpec;
+declare const formatCF: ActionSpec;
+declare const paintFormat: ActionSpec;
+declare const clearFormat: ActionSpec;
+declare const borders: ActionSpec;
+declare const bordersAll: ActionSpec;
+declare const bordersInner: ActionSpec;
+declare const bordersHorizontal: ActionSpec;
+declare const bordersVertical: ActionSpec;
+declare const bordersExternal: ActionSpec;
+declare const bordersLeft: ActionSpec;
+declare const bordersTop: ActionSpec;
+declare const bordersRight: ActionSpec;
+declare const bordersBottom: ActionSpec;
+declare const bordersClear: ActionSpec;
+
+declare const ACTION_FORMAT_formatNumberAutomatic: typeof formatNumberAutomatic;
+declare const ACTION_FORMAT_formatNumberNumber: typeof formatNumberNumber;
+declare const ACTION_FORMAT_formatPercent: typeof formatPercent;
+declare const ACTION_FORMAT_formatNumberPercent: typeof formatNumberPercent;
+declare const ACTION_FORMAT_formatNumberCurrency: typeof formatNumberCurrency;
+declare const ACTION_FORMAT_formatNumberCurrencyRounded: typeof formatNumberCurrencyRounded;
+declare const ACTION_FORMAT_formatCustomCurrency: typeof formatCustomCurrency;
+declare const ACTION_FORMAT_formatNumberDate: typeof formatNumberDate;
+declare const ACTION_FORMAT_formatNumberTime: typeof formatNumberTime;
+declare const ACTION_FORMAT_formatNumberDateTime: typeof formatNumberDateTime;
+declare const ACTION_FORMAT_formatNumberDuration: typeof formatNumberDuration;
+declare const ACTION_FORMAT_incraseDecimalPlaces: typeof incraseDecimalPlaces;
+declare const ACTION_FORMAT_decraseDecimalPlaces: typeof decraseDecimalPlaces;
+declare const ACTION_FORMAT_formatBold: typeof formatBold;
+declare const ACTION_FORMAT_formatItalic: typeof formatItalic;
+declare const ACTION_FORMAT_formatUnderline: typeof formatUnderline;
+declare const ACTION_FORMAT_formatStrikethrough: typeof formatStrikethrough;
+declare const ACTION_FORMAT_formatFontSize: typeof formatFontSize;
+declare const ACTION_FORMAT_formatAlignment: typeof formatAlignment;
+declare const ACTION_FORMAT_formatAlignmentHorizontal: typeof formatAlignmentHorizontal;
+declare const ACTION_FORMAT_formatAlignmentLeft: typeof formatAlignmentLeft;
+declare const ACTION_FORMAT_formatAlignmentCenter: typeof formatAlignmentCenter;
+declare const ACTION_FORMAT_formatAlignmentRight: typeof formatAlignmentRight;
+declare const ACTION_FORMAT_formatAlignmentVertical: typeof formatAlignmentVertical;
+declare const ACTION_FORMAT_formatAlignmentTop: typeof formatAlignmentTop;
+declare const ACTION_FORMAT_formatAlignmentMiddle: typeof formatAlignmentMiddle;
+declare const ACTION_FORMAT_formatAlignmentBottom: typeof formatAlignmentBottom;
+declare const ACTION_FORMAT_formatWrapping: typeof formatWrapping;
+declare const ACTION_FORMAT_formatWrappingOverflow: typeof formatWrappingOverflow;
+declare const ACTION_FORMAT_formatWrappingWrap: typeof formatWrappingWrap;
+declare const ACTION_FORMAT_formatWrappingClip: typeof formatWrappingClip;
+declare const ACTION_FORMAT_textColor: typeof textColor;
+declare const ACTION_FORMAT_fillColor: typeof fillColor;
+declare const ACTION_FORMAT_formatCF: typeof formatCF;
+declare const ACTION_FORMAT_paintFormat: typeof paintFormat;
+declare const ACTION_FORMAT_clearFormat: typeof clearFormat;
+declare const ACTION_FORMAT_borders: typeof borders;
+declare const ACTION_FORMAT_bordersAll: typeof bordersAll;
+declare const ACTION_FORMAT_bordersInner: typeof bordersInner;
+declare const ACTION_FORMAT_bordersHorizontal: typeof bordersHorizontal;
+declare const ACTION_FORMAT_bordersVertical: typeof bordersVertical;
+declare const ACTION_FORMAT_bordersExternal: typeof bordersExternal;
+declare const ACTION_FORMAT_bordersLeft: typeof bordersLeft;
+declare const ACTION_FORMAT_bordersTop: typeof bordersTop;
+declare const ACTION_FORMAT_bordersRight: typeof bordersRight;
+declare const ACTION_FORMAT_bordersBottom: typeof bordersBottom;
+declare const ACTION_FORMAT_bordersClear: typeof bordersClear;
+declare namespace ACTION_FORMAT {
+  export {
+    ACTION_FORMAT_formatNumberAutomatic as formatNumberAutomatic,
+    ACTION_FORMAT_formatNumberNumber as formatNumberNumber,
+    ACTION_FORMAT_formatPercent as formatPercent,
+    ACTION_FORMAT_formatNumberPercent as formatNumberPercent,
+    ACTION_FORMAT_formatNumberCurrency as formatNumberCurrency,
+    ACTION_FORMAT_formatNumberCurrencyRounded as formatNumberCurrencyRounded,
+    ACTION_FORMAT_formatCustomCurrency as formatCustomCurrency,
+    ACTION_FORMAT_formatNumberDate as formatNumberDate,
+    ACTION_FORMAT_formatNumberTime as formatNumberTime,
+    ACTION_FORMAT_formatNumberDateTime as formatNumberDateTime,
+    ACTION_FORMAT_formatNumberDuration as formatNumberDuration,
+    ACTION_FORMAT_incraseDecimalPlaces as incraseDecimalPlaces,
+    ACTION_FORMAT_decraseDecimalPlaces as decraseDecimalPlaces,
+    ACTION_FORMAT_formatBold as formatBold,
+    ACTION_FORMAT_formatItalic as formatItalic,
+    ACTION_FORMAT_formatUnderline as formatUnderline,
+    ACTION_FORMAT_formatStrikethrough as formatStrikethrough,
+    ACTION_FORMAT_formatFontSize as formatFontSize,
+    ACTION_FORMAT_formatAlignment as formatAlignment,
+    ACTION_FORMAT_formatAlignmentHorizontal as formatAlignmentHorizontal,
+    ACTION_FORMAT_formatAlignmentLeft as formatAlignmentLeft,
+    ACTION_FORMAT_formatAlignmentCenter as formatAlignmentCenter,
+    ACTION_FORMAT_formatAlignmentRight as formatAlignmentRight,
+    ACTION_FORMAT_formatAlignmentVertical as formatAlignmentVertical,
+    ACTION_FORMAT_formatAlignmentTop as formatAlignmentTop,
+    ACTION_FORMAT_formatAlignmentMiddle as formatAlignmentMiddle,
+    ACTION_FORMAT_formatAlignmentBottom as formatAlignmentBottom,
+    ACTION_FORMAT_formatWrapping as formatWrapping,
+    ACTION_FORMAT_formatWrappingOverflow as formatWrappingOverflow,
+    ACTION_FORMAT_formatWrappingWrap as formatWrappingWrap,
+    ACTION_FORMAT_formatWrappingClip as formatWrappingClip,
+    ACTION_FORMAT_textColor as textColor,
+    ACTION_FORMAT_fillColor as fillColor,
+    ACTION_FORMAT_formatCF as formatCF,
+    ACTION_FORMAT_paintFormat as paintFormat,
+    ACTION_FORMAT_clearFormat as clearFormat,
+    ACTION_FORMAT_borders as borders,
+    ACTION_FORMAT_bordersAll as bordersAll,
+    ACTION_FORMAT_bordersInner as bordersInner,
+    ACTION_FORMAT_bordersHorizontal as bordersHorizontal,
+    ACTION_FORMAT_bordersVertical as bordersVertical,
+    ACTION_FORMAT_bordersExternal as bordersExternal,
+    ACTION_FORMAT_bordersLeft as bordersLeft,
+    ACTION_FORMAT_bordersTop as bordersTop,
+    ACTION_FORMAT_bordersRight as bordersRight,
+    ACTION_FORMAT_bordersBottom as bordersBottom,
+    ACTION_FORMAT_bordersClear as bordersClear,
+  };
+}
+
+declare const hideCols: ActionSpec;
+declare const unhideCols: ActionSpec;
+declare const unhideAllCols: ActionSpec;
+declare const hideRows: ActionSpec;
+declare const unhideRows: ActionSpec;
+declare const unhideAllRows: ActionSpec;
+declare const unFreezePane: ActionSpec;
+declare const freezePane: ActionSpec;
+declare const unFreezeRows: ActionSpec;
+declare const freezeFirstRow: ActionSpec;
+declare const freezeSecondRow: ActionSpec;
+declare const freezeCurrentRow: ActionSpec;
+declare const unFreezeCols: ActionSpec;
+declare const freezeFirstCol: ActionSpec;
+declare const freezeSecondCol: ActionSpec;
+declare const freezeCurrentCol: ActionSpec;
+declare const viewGridlines: ActionSpec;
+declare const viewFormulas: ActionSpec;
+declare const createRemoveFilter: ActionSpec;
+
+declare const ACTION_VIEW_hideCols: typeof hideCols;
+declare const ACTION_VIEW_unhideCols: typeof unhideCols;
+declare const ACTION_VIEW_unhideAllCols: typeof unhideAllCols;
+declare const ACTION_VIEW_hideRows: typeof hideRows;
+declare const ACTION_VIEW_unhideRows: typeof unhideRows;
+declare const ACTION_VIEW_unhideAllRows: typeof unhideAllRows;
+declare const ACTION_VIEW_unFreezePane: typeof unFreezePane;
+declare const ACTION_VIEW_freezePane: typeof freezePane;
+declare const ACTION_VIEW_unFreezeRows: typeof unFreezeRows;
+declare const ACTION_VIEW_freezeFirstRow: typeof freezeFirstRow;
+declare const ACTION_VIEW_freezeSecondRow: typeof freezeSecondRow;
+declare const ACTION_VIEW_freezeCurrentRow: typeof freezeCurrentRow;
+declare const ACTION_VIEW_unFreezeCols: typeof unFreezeCols;
+declare const ACTION_VIEW_freezeFirstCol: typeof freezeFirstCol;
+declare const ACTION_VIEW_freezeSecondCol: typeof freezeSecondCol;
+declare const ACTION_VIEW_freezeCurrentCol: typeof freezeCurrentCol;
+declare const ACTION_VIEW_viewGridlines: typeof viewGridlines;
+declare const ACTION_VIEW_viewFormulas: typeof viewFormulas;
+declare const ACTION_VIEW_createRemoveFilter: typeof createRemoveFilter;
+declare namespace ACTION_VIEW {
+  export {
+    ACTION_VIEW_hideCols as hideCols,
+    ACTION_VIEW_unhideCols as unhideCols,
+    ACTION_VIEW_unhideAllCols as unhideAllCols,
+    ACTION_VIEW_hideRows as hideRows,
+    ACTION_VIEW_unhideRows as unhideRows,
+    ACTION_VIEW_unhideAllRows as unhideAllRows,
+    ACTION_VIEW_unFreezePane as unFreezePane,
+    ACTION_VIEW_freezePane as freezePane,
+    ACTION_VIEW_unFreezeRows as unFreezeRows,
+    ACTION_VIEW_freezeFirstRow as freezeFirstRow,
+    ACTION_VIEW_freezeSecondRow as freezeSecondRow,
+    ACTION_VIEW_freezeCurrentRow as freezeCurrentRow,
+    ACTION_VIEW_unFreezeCols as unFreezeCols,
+    ACTION_VIEW_freezeFirstCol as freezeFirstCol,
+    ACTION_VIEW_freezeSecondCol as freezeSecondCol,
+    ACTION_VIEW_freezeCurrentCol as freezeCurrentCol,
+    ACTION_VIEW_viewGridlines as viewGridlines,
+    ACTION_VIEW_viewFormulas as viewFormulas,
+    ACTION_VIEW_createRemoveFilter as createRemoveFilter,
+  };
+}
+
+interface Props$b {
+    action: ActionSpec;
+    hasTriangleDownIcon?: boolean;
+    selectedColor?: string;
+    class?: string;
+    onClick?: (ev: MouseEvent) => void;
+}
+declare class ActionButton extends Component<Props$b, SpreadsheetChildEnv> {
+    static template: string;
+    private actionButton;
+    setup(): void;
+    get isVisible(): boolean;
+    get isEnabled(): boolean;
+    get isActive(): boolean | undefined;
+    get title(): string;
+    get iconTitle(): string;
+    onClick(ev: MouseEvent): void;
+    get buttonStyle(): string;
+}
+
 interface Props$a {
     values: AutocompleteValue[];
     selectedIndex: number;
@@ -6012,7 +6368,7 @@ declare class FunctionDescriptionProvider extends Component<Props$9> {
 
 declare type HtmlContent = {
     value: string;
-    color?: string;
+    color?: Color;
     class?: string;
 };
 interface AutocompleteValue {
@@ -6143,10 +6499,11 @@ declare class FontSizeEditor extends Component<Props$7, SpreadsheetChildEnv> {
     onInputKeydown(ev: KeyboardEvent): void;
 }
 
-declare type Tool = "" | "formatTool" | "alignTool" | "textColorTool" | "fillColorTool" | "borderTool";
 interface State {
     menuState: MenuState;
-    activeTool: Tool;
+    activeTool: string;
+    fillColor: string;
+    textColor: string;
 }
 interface Props$6 {
     onClick: () => void;
@@ -6156,73 +6513,37 @@ interface Props$6 {
 }
 declare class TopBar extends Component<Props$6, SpreadsheetChildEnv> {
     static template: string;
+    get dropdownStyle(): string;
     static components: {
         ColorPickerWidget: typeof ColorPickerWidget;
+        ColorPicker: typeof ColorPicker;
         Menu: typeof Menu;
         TopBarComposer: typeof TopBarComposer;
         FontSizeEditor: typeof FontSizeEditor;
+        ActionButton: typeof ActionButton;
     };
-    commonFormats: ({
-        name: string;
-        text: string;
-        description?: undefined;
-        value?: undefined;
-    } | {
-        name: string;
-        text: string;
-        description: string;
-        value: string;
-    })[];
-    customFormats: {
-        name: string;
-        text: string;
-        sidePanel: string;
-    }[];
-    currentFormatName: string;
-    get dropdownStyle(): string;
-    style: Style;
     state: State;
     isSelectingMenu: boolean;
     openedEl: HTMLElement | null;
-    inMerge: boolean;
-    cannotMerge: boolean;
-    undoTool: boolean;
-    redoTool: boolean;
-    paintFormatTool: boolean;
-    fillColor: string;
-    textColor: string;
-    menus: MenuItem[];
+    menus: Action[];
+    EDIT: typeof ACTION_EDIT;
+    FORMAT: typeof ACTION_FORMAT;
+    VIEW: typeof ACTION_VIEW;
+    formatNumberMenuItemSpec: ActionSpec;
+    isntToolbarMenu: boolean;
     setup(): void;
     get topbarComponents(): TopbarComponent[];
     onExternalClick(ev: MouseEvent): void;
     onClick(): void;
-    toggleStyle(style: string): void;
-    toggleFormat(formatName: string): 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: MenuItem, ev: MouseEvent): void;
+    onMenuMouseOver(menu: Action, ev: MouseEvent): void;
+    toggleDropdownTool(tool: string, ev: MouseEvent): void;
+    toggleContextMenu(menu: Action, ev: MouseEvent): void;
+    toggleToolbarContextMenu(menuSpec: ActionSpec, ev: MouseEvent): void;
     private openMenu;
     closeMenus(): void;
     updateCellState(): void;
-    getMenuName(menu: MenuItem): string;
-    toggleMerge(): void;
-    setColor(target: string, color: string): void;
-    setBorder(command: BorderCommand): void;
-    setFormat(format: Format, custom: boolean): void;
-    openCustomFormatSidePanel(custom: string): void;
-    setDecimal(step: SetDecimalStep): void;
-    paintFormat(): void;
-    clearFormatting(): void;
-    doAction(action: (env: SpreadsheetChildEnv) => void): void;
-    undo(): void;
-    redo(): void;
-    get selectionContainsFilter(): boolean;
-    get cannotCreateFilter(): boolean;
-    createFilter(): void;
-    removeFilter(): void;
+    getMenuName(menu: Action): string;
+    setColor(target: string, color: Color): void;
 }
 
 declare type ComposerFocusType = "inactive" | "cellFocus" | "contentFocus";
@@ -6432,7 +6753,7 @@ declare class Border extends Component<Props$4, SpreadsheetChildEnv> {
 declare type Orientation = "nw" | "ne" | "sw" | "se";
 interface Props$3 {
     zone: Zone;
-    color: string;
+    color: Color;
     orientation: Orientation;
     isResizing: boolean;
     onResizeHighlight: (isLeft: boolean, isRight: boolean) => void;
@@ -6447,7 +6768,7 @@ declare class Corner extends Component<Props$3, SpreadsheetChildEnv> {
 
 interface Props$2 {
     zone: Zone;
-    color: string;
+    color: Color;
 }
 interface HighlightState {
     shiftingMode: "isMoving" | "isResizing" | "none";
@@ -6597,8 +6918,6 @@ declare function createEmptySheet(sheetId: UID, name: string): SheetData;
 declare function createEmptyWorkbookData(sheetName?: string): WorkbookData;
 declare function createEmptyExcelSheet(sheetId: UID, name: string): ExcelSheetData;
 
-declare const DATETIME_FORMAT: RegExp;
-
 /**
  * We export here all entities that needs to be accessed publicly by Odoo.
  *
@@ -6669,6 +6988,7 @@ declare const registries: {
     inverseCommandRegistry: Registry<(cmd: CoreCommand) => CoreCommand[]>;
     urlRegistry: Registry<LinkSpec>;
     cellPopoverRegistry: Registry<PopoverBuilders>;
+    numberFormatMenuRegistry: MenuItemRegistry;
 };
 declare const helpers: {
     arg: typeof arg;
@@ -6724,4 +7044,4 @@ declare const components: {
 };
 declare function addFunction(functionName: string, functionDescription: FunctionDescription): void;
 
-export { AbstractChart, CancelledReason, Client, ClientJoinedMessage, ClientLeftMessage, ClientMovedMessage, CollaborationMessage, CommandResult, CorePlugin, DATETIME_FORMAT, DispatchResult, EvaluationError, Model, Registry, RemoteRevisionMessage, Revision, RevisionRedoneMessage, RevisionUndoneMessage, SPREADSHEET_DIMENSIONS, Spreadsheet, TransportService, UIPlugin, __info__, addFunction, astToFormula, compile, components, convertAstNodes, coreTypes, findCellInNewZone, functionCache, helpers, invalidateEvaluationCommands, links, load, parse, readonlyAllowedCommands, registries, setTranslationMethod, tokenize };
+export { AbstractChart, CancelledReason, Client, ClientJoinedMessage, ClientLeftMessage, ClientMovedMessage, CollaborationMessage, CommandResult, CorePlugin, DATETIME_FORMAT, DispatchResult, EvaluationError, Model, Registry, RemoteRevisionMessage, Revision, RevisionRedoneMessage, RevisionUndoneMessage, SPREADSHEET_DIMENSIONS, Spreadsheet, TransportService, UIPlugin, __info__, addFunction, astToFormula, compile, components, convertAstNodes, coreTypes, findCellInNewZone, functionCache, helpers, invalidateEvaluationCommands, links, load, parse, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, tokenize };