@odoo/o-spreadsheet 16.3.0-alpha.1 → 16.3.0-alpha.3

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 {
@@ -2304,6 +2317,10 @@ interface Position$1 {
     col: HeaderIndex;
     row: HeaderIndex;
 }
+interface PixelPosition {
+    x: Pixel;
+    y: Pixel;
+}
 interface Merge extends Zone {
     id: number;
     topLeft: Position$1;
@@ -2311,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 */
@@ -2868,6 +2885,7 @@ declare class RangeAdapter implements CommandHandler<CoreCommand> {
      * Get a Xc string that represent a part of a range
      */
     private getRangePartString;
+    private getInvalidRange;
 }
 
 interface CorePluginConfig {
@@ -3272,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;
@@ -3300,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;
 }
@@ -3771,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;
@@ -3806,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: {
@@ -3820,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
@@ -3918,7 +3943,7 @@ declare type SheetViewports = {
  *
  */
 declare class SheetViewPlugin extends UIPlugin {
-    static getters: readonly ["getColIndex", "getRowIndex", "getActiveMainViewport", "getSheetViewDimension", "getSheetViewDimensionWithHeaders", "getMainViewportRect", "isVisibleInViewport", "getEdgeScrollCol", "getEdgeScrollRow", "getVisibleFigures", "getVisibleRect", "getColRowOffsetInViewport", "getMainViewportCoordinates", "getActiveSheetScrollInfo", "getActiveSheetDOMScrollInfo", "getSheetViewVisibleCols", "getSheetViewVisibleRows", "getFrozenSheetViewRatio"];
+    static getters: readonly ["getColIndex", "getRowIndex", "getActiveMainViewport", "getSheetViewDimension", "getSheetViewDimensionWithHeaders", "getMainViewportRect", "isVisibleInViewport", "getEdgeScrollCol", "getEdgeScrollRow", "getVisibleFigures", "getVisibleRect", "getColRowOffsetInViewport", "getMainViewportCoordinates", "getActiveSheetScrollInfo", "getActiveSheetDOMScrollInfo", "getSheetViewVisibleCols", "getSheetViewVisibleRows", "getFrozenSheetViewRatio", "isPositionVisible"];
     readonly viewports: Record<UID, SheetViewports | undefined>;
     /**
      * The viewport dimensions are usually set by one of the components
@@ -3931,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;
@@ -3965,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;
@@ -4018,6 +4042,7 @@ declare class SheetViewPlugin extends UIPlugin {
      */
     private shiftVertically;
     getVisibleFigures(): Figure[];
+    isPositionVisible(position: PixelPosition): boolean;
     getFrozenSheetViewRatio(sheetId: UID): {
         xRatio: number;
         yRatio: number;
@@ -4036,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;
     /**
@@ -4181,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;
@@ -4260,7 +4285,7 @@ declare class RendererPlugin extends UIPlugin {
 interface RangeInputValue {
     id: number;
     xc: string;
-    color: string;
+    color: Color;
 }
 /**
  * Selection input Plugin
@@ -4278,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[];
@@ -4339,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.
@@ -4356,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"];
@@ -4375,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;
@@ -4457,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;
@@ -4499,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
@@ -4538,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>;
@@ -4867,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
@@ -4933,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 {
@@ -4988,7 +5014,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;
@@ -5002,6 +5028,7 @@ 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 {
@@ -5041,7 +5068,7 @@ 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;
 }
@@ -5078,7 +5105,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;
@@ -5086,7 +5113,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;
@@ -5141,7 +5168,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;
 }
 
@@ -5181,7 +5208,7 @@ interface MenuItemSpec {
     children?: MenuChildren;
     separator?: boolean;
     icon?: string;
-    textColor?: string;
+    textColor?: Color;
 }
 interface MenuItem {
     id: string;
@@ -5278,8 +5305,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;
@@ -5300,6 +5327,7 @@ declare class ScorecardChart extends Component<Props$s, SpreadsheetChildEnv> {
     private getWidestElement;
 }
 
+declare type MenuItemOrSeparator = MenuItem | "separator";
 interface Props$r {
     position: DOMCoordinates;
     menuItems: MenuItem[];
@@ -5329,20 +5357,13 @@ 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>;
     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;
@@ -5351,11 +5372,11 @@ declare class Menu extends Component<Props$r, SpreadsheetChildEnv> {
      * 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;
+    openSubMenu(menu: MenuItem, menuIndex: number, ev: MouseEvent): void;
     isParentMenu(subMenu: MenuState, menuItem: MenuItem): boolean;
     closeSubMenu(): void;
-    onClickMenu(menu: MenuItem, menuIndex: number): void;
-    onMouseOver(menu: MenuItem, position: Pixel): void;
+    onClickMenu(menu: MenuItem, menuIndex: number, ev: MouseEvent): void;
+    onMouseOver(menu: MenuItem, position: Pixel, ev: MouseEvent): void;
 }
 
 declare type ResizeAnchor = "top left" | "top" | "top right" | "right" | "bottom right" | "bottom" | "bottom left" | "left";
@@ -5403,6 +5424,7 @@ interface Props$p {
 declare class ChartFigure extends Component<Props$p, SpreadsheetChildEnv> {
     static template: string;
     static components: {};
+    onDoubleClick(): void;
     get chartType(): ChartType;
     get chartComponent(): new (...args: any) => Component;
 }
@@ -5433,7 +5455,7 @@ declare class Autofill extends Component<Props$o, SpreadsheetChildEnv> {
 interface ClientTagProps {
     active: boolean;
     name: string;
-    color: string;
+    color: Color;
     col: HeaderIndex;
     row: HeaderIndex;
 }
@@ -5608,15 +5630,50 @@ declare class BottomBar extends Component<Props$l, SpreadsheetChildEnv> {
     get sheetListMaxScroll(): number;
 }
 
-declare type ContainerType = "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "dnd";
-interface DndState {
-    figId: string | undefined;
-    x: Pixel;
-    y: Pixel;
-    width: Pixel;
-    height: Pixel;
-}
 interface Props$k {
+    position: DOMCoordinates;
+    isActive: boolean;
+    onClick: () => void;
+}
+declare class FilterIcon extends Component<Props$k, SpreadsheetEnv> {
+    static style: string;
+    static template: string;
+    get style(): string;
+}
+
+interface Props$j {
+    gridPosition: DOMCoordinates;
+}
+declare class FilterIconsOverlay extends Component<Props$j, 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> {
+    matchedFigIds: UID[];
+    snapOffset: number;
+    snappedAxisType: T;
+    position: Pixel;
+}
+
+declare type ContainerType = "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "dnd";
+interface Props$i {
     onFigureDeleted: () => void;
 }
 interface Container {
@@ -5625,6 +5682,16 @@ interface Container {
     style: string;
     inverseViewportStyle: string;
 }
+interface Snap<T extends HFigureAxisType | VFigureAxisType> {
+    line: SnapLine<T>;
+    lineStyle: string;
+    containerStyle: string;
+}
+interface DndState {
+    draggedFigure?: Figure;
+    horizontalSnap?: Snap<HFigureAxisType>;
+    verticalSnap?: Snap<VFigureAxisType>;
+}
 /**
  * Each figure ⭐ is positioned inside a container `div` placed and sized
  * according to the split pane the figure is part of, or a separate container for the figure
@@ -5685,7 +5752,7 @@ interface Container {
  * 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$i, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         FigureComponent: typeof FigureComponent;
@@ -5695,17 +5762,29 @@ declare class FiguresContainer extends Component<Props$k, SpreadsheetChildEnv> {
     private getVisibleFigures;
     get containers(): Container[];
     private getContainerStyle;
+    private rectToCss;
+    private getContainerRect;
     private getInverseViewportPositionStyle;
     private getFigureContainer;
     startDraggingFigure(figure: Figure, ev: MouseEvent): void;
+    /**
+     * Initialize the resize of a figure with mouse movements
+     *
+     * @param dirX X direction of the resize. -1 : resize from the left border of the figure, 0 : no resize in X, 1 :
+     * resize from the right border of the figure
+     * @param dirY Y direction of the resize. -1 : resize from the top border of the figure, 0 : no resize in Y, 1 :
+     * resize from the bottom border of the figure
+     * @param ev Mouse Event
+     */
     startResize(figure: Figure, dirX: ResizeDirection, dirY: ResizeDirection, ev: MouseEvent): void;
+    private getOtherFigures;
     private getDndFigure;
     getFigureStyle(figure: Figure): string;
-    private internalToScreenCoordinates;
-    private screenCoordinatesToInternal;
+    private getSnap;
+    private getSnapLineStyle;
 }
 
-interface Props$j {
+interface Props$h {
     onCellHovered: (position: Partial<Position$1>) => void;
     onCellDoubleClicked: (col: HeaderIndex, row: HeaderIndex) => void;
     onCellClicked: (col: HeaderIndex, row: HeaderIndex, modifiers: {
@@ -5718,7 +5797,7 @@ interface Props$j {
     gridOverlayDimensions: string;
     onFigureDeleted: () => void;
 }
-declare class GridOverlay extends Component<Props$j, SpreadsheetChildEnv> {
+declare class GridOverlay extends Component<Props$h, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         FiguresContainer: typeof FiguresContainer;
@@ -5740,13 +5819,13 @@ declare class GridOverlay extends Component<Props$j, SpreadsheetChildEnv> {
     private getCartesianCoordinates;
 }
 
-interface Props$i {
+interface Props$g {
     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$g, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Popover: typeof Popover;
@@ -5756,7 +5835,7 @@ declare class GridPopover extends Component<Props$i, SpreadsheetChildEnv> {
 
 declare type ScrollDirection = "horizontal" | "vertical";
 
-interface Props$h {
+interface Props$f {
     width: Pixel;
     height: Pixel;
     direction: ScrollDirection;
@@ -5764,7 +5843,7 @@ interface Props$h {
     offset: Pixel;
     onScroll: (offset: Pixel) => void;
 }
-declare class ScrollBar extends Component<Props$h> {
+declare class ScrollBar extends Component<Props$f> {
     static template: string;
     static defaultProps: {
         width: number;
@@ -5778,10 +5857,10 @@ declare class ScrollBar extends Component<Props$h> {
     onScroll(ev: any): void;
 }
 
-interface Props$g {
+interface Props$e {
     leftOffset: number;
 }
-declare class HorizontalScrollBar extends Component<Props$g, SpreadsheetChildEnv> {
+declare class HorizontalScrollBar extends Component<Props$e, SpreadsheetChildEnv> {
     static components: {
         ScrollBar: typeof ScrollBar;
     };
@@ -5789,8 +5868,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;
@@ -5801,10 +5880,10 @@ declare class HorizontalScrollBar extends Component<Props$g, SpreadsheetChildEnv
     onScroll(offset: any): void;
 }
 
-interface Props$f {
+interface Props$d {
     topOffset: number;
 }
-declare class VerticalScrollBar extends Component<Props$f, SpreadsheetChildEnv> {
+declare class VerticalScrollBar extends Component<Props$d, SpreadsheetChildEnv> {
     static components: {
         ScrollBar: typeof ScrollBar;
     };
@@ -5812,8 +5891,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;
@@ -5824,39 +5903,6 @@ 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 {
@@ -5981,7 +6027,7 @@ declare class FunctionDescriptionProvider extends Component<Props$9> {
 
 declare type HtmlContent = {
     value: string;
-    color?: string;
+    color?: Color;
     class?: string;
 };
 interface AutocompleteValue {
@@ -6158,8 +6204,8 @@ declare class TopBar extends Component<Props$6, SpreadsheetChildEnv> {
     undoTool: boolean;
     redoTool: boolean;
     paintFormatTool: boolean;
-    fillColor: string;
-    textColor: string;
+    fillColor: Color;
+    textColor: Color;
     menus: MenuItem[];
     setup(): void;
     get topbarComponents(): TopbarComponent[];
@@ -6178,7 +6224,7 @@ declare class TopBar extends Component<Props$6, SpreadsheetChildEnv> {
     updateCellState(): void;
     getMenuName(menu: MenuItem): string;
     toggleMerge(): void;
-    setColor(target: string, color: string): void;
+    setColor(target: string, color: Color): void;
     setBorder(command: BorderCommand): void;
     setFormat(format: Format, custom: boolean): void;
     openCustomFormatSidePanel(custom: string): void;
@@ -6401,7 +6447,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;
@@ -6416,7 +6462,7 @@ declare class Corner extends Component<Props$3, SpreadsheetChildEnv> {
 
 interface Props$2 {
     zone: Zone;
-    color: string;
+    color: Color;
 }
 interface HighlightState {
     shiftingMode: "isMoving" | "isResizing" | "none";