@odoo/o-spreadsheet 16.3.0-alpha.7 → 16.3.0-alpha.8

package/dist/o-spreadsheet.d.ts

@@ -161,13 +161,13 @@ interface Subscription {
 }
 
 declare class SelectiveHistory<T = unknown> {
-    private applyOperation;
-    private revertOperation;
-    private buildEmpty;
-    private readonly buildTransformation;
     private HEAD_BRANCH;
     private HEAD_OPERATION;
     private tree;
+    private readonly applyOperation;
+    private readonly revertOperation;
+    private readonly buildEmpty;
+    private readonly buildTransformation;
     /**
      * The selective history is a data structure used to register changes/updates of a state.
      * Each change/update is called an "operation".
@@ -188,7 +188,13 @@ declare class SelectiveHistory<T = unknown> {
      *                    (used for internal implementation)
      * @param buildTransformation Factory used to build transformations
      */
-    constructor(initialOperationId: UID, applyOperation: (data: T) => void, revertOperation: (data: T) => void, buildEmpty: (id: UID) => T, buildTransformation: TransformationFactory<T>);
+    constructor(args: {
+        initialOperationId: UID;
+        applyOperation: (data: T) => void;
+        revertOperation: (data: T) => void;
+        buildEmpty: (id: UID) => T;
+        buildTransformation: TransformationFactory<T>;
+    });
     /**
      * Return the operation identified by its id.
      */
@@ -269,7 +275,6 @@ interface CollaborativeEventReceived {
 }
 interface UnexpectedRevisionIdEvent {
     type: "unexpected-revision-id";
-    revisionId: UID;
 }
 interface NewLocalStateUpdateEvent {
     type: "new-local-state-update";
@@ -669,6 +674,7 @@ interface RemoteRevisionMessage extends AbstractMessage {
     commands: readonly CoreCommand[];
     nextRevisionId: UID;
     serverRevisionId: UID;
+    timestamp?: number;
 }
 interface RevisionUndoneMessage extends AbstractMessage {
     type: "REVISION_UNDONE";
@@ -748,6 +754,7 @@ interface TransportService<T = any> {
 
 declare class Revision implements RevisionData {
     readonly rootCommand?: "SNAPSHOT" | Command | "REMOTE" | undefined;
+    readonly timestamp?: number | undefined;
     readonly id: UID;
     readonly clientId: ClientId;
     private _commands;
@@ -761,7 +768,7 @@ declare class Revision implements RevisionData {
      *  - clientId: Client who initiated the action
      *  - changes: List of changes applied on the state.
      */
-    constructor(id: UID, clientId: ClientId, commands: readonly CoreCommand[], rootCommand?: "SNAPSHOT" | Command | "REMOTE" | undefined, changes?: readonly HistoryChange[]);
+    constructor(id: UID, clientId: ClientId, commands: readonly CoreCommand[], rootCommand?: "SNAPSHOT" | Command | "REMOTE" | undefined, changes?: readonly HistoryChange[], timestamp?: number | undefined);
     setChanges(changes: readonly HistoryChange[]): void;
     get commands(): readonly CoreCommand[];
     get changes(): readonly HistoryChange[];
@@ -854,6 +861,7 @@ declare class Session extends EventBus<CollaborativeEvent> {
     private sendPendingMessage;
     private acknowledge;
     private isAlreadyProcessed;
+    isWrongServerRevisionId(message: CollaborationMessage): boolean;
     private dropPendingHistoryMessages;
 }
 
@@ -1662,9 +1670,9 @@ interface PositionDependentCommand {
     col: number;
     row: number;
 }
-declare const invalidateEvaluationCommands: Set<"UPDATE_CELL" | "UPDATE_CELL_POSITION" | "CLEAR_CELL" | "DELETE_CONTENT" | "ADD_COLUMNS_ROWS" | "REMOVE_COLUMNS_ROWS" | "RESIZE_COLUMNS_ROWS" | "HIDE_COLUMNS_ROWS" | "UNHIDE_COLUMNS_ROWS" | "SET_GRID_LINES_VISIBILITY" | "FREEZE_COLUMNS" | "FREEZE_ROWS" | "UNFREEZE_COLUMNS_ROWS" | "UNFREEZE_COLUMNS" | "UNFREEZE_ROWS" | "ADD_MERGE" | "REMOVE_MERGE" | "CREATE_SHEET" | "DELETE_SHEET" | "DUPLICATE_SHEET" | "MOVE_SHEET" | "RENAME_SHEET" | "HIDE_SHEET" | "SHOW_SHEET" | "MOVE_RANGES" | "ADD_CONDITIONAL_FORMAT" | "REMOVE_CONDITIONAL_FORMAT" | "MOVE_CONDITIONAL_FORMAT" | "CREATE_FIGURE" | "DELETE_FIGURE" | "UPDATE_FIGURE" | "SET_FORMATTING" | "CLEAR_FORMATTING" | "SET_BORDER" | "CREATE_CHART" | "UPDATE_CHART" | "CREATE_IMAGE" | "CREATE_FILTER_TABLE" | "REMOVE_FILTER_TABLE" | "SORT_CELLS" | "SET_DECIMAL" | "REQUEST_UNDO" | "REQUEST_REDO" | "UNDO" | "REDO" | "ENABLE_NEW_SELECTION_INPUT" | "DISABLE_SELECTION_INPUT" | "UNFOCUS_SELECTION_INPUT" | "FOCUS_RANGE" | "ADD_EMPTY_RANGE" | "REMOVE_RANGE" | "CHANGE_RANGE" | "COPY" | "CUT" | "PASTE" | "REPEAT_PASTE" | "CLEAN_CLIPBOARD_HIGHLIGHT" | "AUTOFILL_CELL" | "PASTE_FROM_OS_CLIPBOARD" | "ACTIVATE_PAINT_FORMAT" | "PASTE_CONDITIONAL_FORMAT" | "AUTORESIZE_COLUMNS" | "AUTORESIZE_ROWS" | "MOVE_COLUMNS_ROWS" | "ACTIVATE_SHEET" | "PREPARE_SELECTION_INPUT_EXPANSION" | "STOP_SELECTION_INPUT" | "EVALUATE_CELLS" | "CHANGE_HIGHLIGHT" | "START_CHANGE_HIGHLIGHT" | "SET_HIGHLIGHT_COLOR" | "STOP_COMPOSER_RANGE_SELECTION" | "START_EDITION" | "STOP_EDITION" | "SET_CURRENT_CONTENT" | "CHANGE_COMPOSER_CURSOR_SELECTION" | "REPLACE_COMPOSER_CURSOR_SELECTION" | "CYCLE_EDITION_REFERENCES" | "START" | "AUTOFILL" | "AUTOFILL_SELECT" | "SET_FORMULA_VISIBILITY" | "AUTOFILL_AUTO" | "SELECT_FIGURE" | "UPDATE_SEARCH" | "REFRESH_SEARCH" | "CLEAR_SEARCH" | "SELECT_SEARCH_PREVIOUS_MATCH" | "SELECT_SEARCH_NEXT_MATCH" | "REPLACE_SEARCH" | "REPLACE_ALL_SEARCH" | "RESIZE_SHEETVIEW" | "SUM_SELECTION" | "DELETE_CELL" | "INSERT_CELL" | "SET_VIEWPORT_OFFSET" | "SHIFT_VIEWPORT_DOWN" | "SHIFT_VIEWPORT_UP" | "OPEN_CELL_POPOVER" | "CLOSE_CELL_POPOVER" | "ACTIVATE_NEXT_SHEET" | "ACTIVATE_PREVIOUS_SHEET" | "UPDATE_FILTER" | "SPLIT_TEXT_INTO_COLUMNS">;
-declare const readonlyAllowedCommands: Set<"UPDATE_CELL" | "UPDATE_CELL_POSITION" | "CLEAR_CELL" | "DELETE_CONTENT" | "ADD_COLUMNS_ROWS" | "REMOVE_COLUMNS_ROWS" | "RESIZE_COLUMNS_ROWS" | "HIDE_COLUMNS_ROWS" | "UNHIDE_COLUMNS_ROWS" | "SET_GRID_LINES_VISIBILITY" | "FREEZE_COLUMNS" | "FREEZE_ROWS" | "UNFREEZE_COLUMNS_ROWS" | "UNFREEZE_COLUMNS" | "UNFREEZE_ROWS" | "ADD_MERGE" | "REMOVE_MERGE" | "CREATE_SHEET" | "DELETE_SHEET" | "DUPLICATE_SHEET" | "MOVE_SHEET" | "RENAME_SHEET" | "HIDE_SHEET" | "SHOW_SHEET" | "MOVE_RANGES" | "ADD_CONDITIONAL_FORMAT" | "REMOVE_CONDITIONAL_FORMAT" | "MOVE_CONDITIONAL_FORMAT" | "CREATE_FIGURE" | "DELETE_FIGURE" | "UPDATE_FIGURE" | "SET_FORMATTING" | "CLEAR_FORMATTING" | "SET_BORDER" | "CREATE_CHART" | "UPDATE_CHART" | "CREATE_IMAGE" | "CREATE_FILTER_TABLE" | "REMOVE_FILTER_TABLE" | "SORT_CELLS" | "SET_DECIMAL" | "REQUEST_UNDO" | "REQUEST_REDO" | "UNDO" | "REDO" | "ENABLE_NEW_SELECTION_INPUT" | "DISABLE_SELECTION_INPUT" | "UNFOCUS_SELECTION_INPUT" | "FOCUS_RANGE" | "ADD_EMPTY_RANGE" | "REMOVE_RANGE" | "CHANGE_RANGE" | "COPY" | "CUT" | "PASTE" | "REPEAT_PASTE" | "CLEAN_CLIPBOARD_HIGHLIGHT" | "AUTOFILL_CELL" | "PASTE_FROM_OS_CLIPBOARD" | "ACTIVATE_PAINT_FORMAT" | "PASTE_CONDITIONAL_FORMAT" | "AUTORESIZE_COLUMNS" | "AUTORESIZE_ROWS" | "MOVE_COLUMNS_ROWS" | "ACTIVATE_SHEET" | "PREPARE_SELECTION_INPUT_EXPANSION" | "STOP_SELECTION_INPUT" | "EVALUATE_CELLS" | "CHANGE_HIGHLIGHT" | "START_CHANGE_HIGHLIGHT" | "SET_HIGHLIGHT_COLOR" | "STOP_COMPOSER_RANGE_SELECTION" | "START_EDITION" | "STOP_EDITION" | "SET_CURRENT_CONTENT" | "CHANGE_COMPOSER_CURSOR_SELECTION" | "REPLACE_COMPOSER_CURSOR_SELECTION" | "CYCLE_EDITION_REFERENCES" | "START" | "AUTOFILL" | "AUTOFILL_SELECT" | "SET_FORMULA_VISIBILITY" | "AUTOFILL_AUTO" | "SELECT_FIGURE" | "UPDATE_SEARCH" | "REFRESH_SEARCH" | "CLEAR_SEARCH" | "SELECT_SEARCH_PREVIOUS_MATCH" | "SELECT_SEARCH_NEXT_MATCH" | "REPLACE_SEARCH" | "REPLACE_ALL_SEARCH" | "RESIZE_SHEETVIEW" | "SUM_SELECTION" | "DELETE_CELL" | "INSERT_CELL" | "SET_VIEWPORT_OFFSET" | "SHIFT_VIEWPORT_DOWN" | "SHIFT_VIEWPORT_UP" | "OPEN_CELL_POPOVER" | "CLOSE_CELL_POPOVER" | "ACTIVATE_NEXT_SHEET" | "ACTIVATE_PREVIOUS_SHEET" | "UPDATE_FILTER" | "SPLIT_TEXT_INTO_COLUMNS">;
-declare const coreTypes: Set<"UPDATE_CELL" | "UPDATE_CELL_POSITION" | "CLEAR_CELL" | "DELETE_CONTENT" | "ADD_COLUMNS_ROWS" | "REMOVE_COLUMNS_ROWS" | "RESIZE_COLUMNS_ROWS" | "HIDE_COLUMNS_ROWS" | "UNHIDE_COLUMNS_ROWS" | "SET_GRID_LINES_VISIBILITY" | "FREEZE_COLUMNS" | "FREEZE_ROWS" | "UNFREEZE_COLUMNS_ROWS" | "UNFREEZE_COLUMNS" | "UNFREEZE_ROWS" | "ADD_MERGE" | "REMOVE_MERGE" | "CREATE_SHEET" | "DELETE_SHEET" | "DUPLICATE_SHEET" | "MOVE_SHEET" | "RENAME_SHEET" | "HIDE_SHEET" | "SHOW_SHEET" | "MOVE_RANGES" | "ADD_CONDITIONAL_FORMAT" | "REMOVE_CONDITIONAL_FORMAT" | "MOVE_CONDITIONAL_FORMAT" | "CREATE_FIGURE" | "DELETE_FIGURE" | "UPDATE_FIGURE" | "SET_FORMATTING" | "CLEAR_FORMATTING" | "SET_BORDER" | "CREATE_CHART" | "UPDATE_CHART" | "CREATE_IMAGE" | "CREATE_FILTER_TABLE" | "REMOVE_FILTER_TABLE">;
+declare const invalidateEvaluationCommands: Set<"UPDATE_CELL" | "UPDATE_CELL_POSITION" | "CLEAR_CELL" | "DELETE_CONTENT" | "ADD_COLUMNS_ROWS" | "REMOVE_COLUMNS_ROWS" | "RESIZE_COLUMNS_ROWS" | "HIDE_COLUMNS_ROWS" | "UNHIDE_COLUMNS_ROWS" | "SET_GRID_LINES_VISIBILITY" | "FREEZE_COLUMNS" | "FREEZE_ROWS" | "UNFREEZE_COLUMNS_ROWS" | "UNFREEZE_COLUMNS" | "UNFREEZE_ROWS" | "ADD_MERGE" | "REMOVE_MERGE" | "CREATE_SHEET" | "DELETE_SHEET" | "DUPLICATE_SHEET" | "MOVE_SHEET" | "RENAME_SHEET" | "HIDE_SHEET" | "SHOW_SHEET" | "MOVE_RANGES" | "ADD_CONDITIONAL_FORMAT" | "REMOVE_CONDITIONAL_FORMAT" | "MOVE_CONDITIONAL_FORMAT" | "CREATE_FIGURE" | "DELETE_FIGURE" | "UPDATE_FIGURE" | "SET_FORMATTING" | "CLEAR_FORMATTING" | "SET_ZONE_BORDERS" | "SET_BORDER" | "CREATE_CHART" | "UPDATE_CHART" | "CREATE_IMAGE" | "CREATE_FILTER_TABLE" | "REMOVE_FILTER_TABLE" | "SORT_CELLS" | "SET_DECIMAL" | "REQUEST_UNDO" | "REQUEST_REDO" | "UNDO" | "REDO" | "ENABLE_NEW_SELECTION_INPUT" | "DISABLE_SELECTION_INPUT" | "UNFOCUS_SELECTION_INPUT" | "FOCUS_RANGE" | "ADD_EMPTY_RANGE" | "REMOVE_RANGE" | "CHANGE_RANGE" | "COPY" | "CUT" | "PASTE" | "REPEAT_PASTE" | "CLEAN_CLIPBOARD_HIGHLIGHT" | "AUTOFILL_CELL" | "PASTE_FROM_OS_CLIPBOARD" | "ACTIVATE_PAINT_FORMAT" | "PASTE_CONDITIONAL_FORMAT" | "AUTORESIZE_COLUMNS" | "AUTORESIZE_ROWS" | "MOVE_COLUMNS_ROWS" | "ACTIVATE_SHEET" | "PREPARE_SELECTION_INPUT_EXPANSION" | "STOP_SELECTION_INPUT" | "EVALUATE_CELLS" | "CHANGE_HIGHLIGHT" | "START_CHANGE_HIGHLIGHT" | "SET_HIGHLIGHT_COLOR" | "STOP_COMPOSER_RANGE_SELECTION" | "START_EDITION" | "STOP_EDITION" | "SET_CURRENT_CONTENT" | "CHANGE_COMPOSER_CURSOR_SELECTION" | "REPLACE_COMPOSER_CURSOR_SELECTION" | "CYCLE_EDITION_REFERENCES" | "START" | "AUTOFILL" | "AUTOFILL_SELECT" | "SET_FORMULA_VISIBILITY" | "AUTOFILL_AUTO" | "SELECT_FIGURE" | "UPDATE_SEARCH" | "REFRESH_SEARCH" | "CLEAR_SEARCH" | "SELECT_SEARCH_PREVIOUS_MATCH" | "SELECT_SEARCH_NEXT_MATCH" | "REPLACE_SEARCH" | "REPLACE_ALL_SEARCH" | "RESIZE_SHEETVIEW" | "SUM_SELECTION" | "DELETE_CELL" | "INSERT_CELL" | "SET_VIEWPORT_OFFSET" | "SHIFT_VIEWPORT_DOWN" | "SHIFT_VIEWPORT_UP" | "OPEN_CELL_POPOVER" | "CLOSE_CELL_POPOVER" | "ACTIVATE_NEXT_SHEET" | "ACTIVATE_PREVIOUS_SHEET" | "UPDATE_FILTER" | "SPLIT_TEXT_INTO_COLUMNS">;
+declare const readonlyAllowedCommands: Set<"UPDATE_CELL" | "UPDATE_CELL_POSITION" | "CLEAR_CELL" | "DELETE_CONTENT" | "ADD_COLUMNS_ROWS" | "REMOVE_COLUMNS_ROWS" | "RESIZE_COLUMNS_ROWS" | "HIDE_COLUMNS_ROWS" | "UNHIDE_COLUMNS_ROWS" | "SET_GRID_LINES_VISIBILITY" | "FREEZE_COLUMNS" | "FREEZE_ROWS" | "UNFREEZE_COLUMNS_ROWS" | "UNFREEZE_COLUMNS" | "UNFREEZE_ROWS" | "ADD_MERGE" | "REMOVE_MERGE" | "CREATE_SHEET" | "DELETE_SHEET" | "DUPLICATE_SHEET" | "MOVE_SHEET" | "RENAME_SHEET" | "HIDE_SHEET" | "SHOW_SHEET" | "MOVE_RANGES" | "ADD_CONDITIONAL_FORMAT" | "REMOVE_CONDITIONAL_FORMAT" | "MOVE_CONDITIONAL_FORMAT" | "CREATE_FIGURE" | "DELETE_FIGURE" | "UPDATE_FIGURE" | "SET_FORMATTING" | "CLEAR_FORMATTING" | "SET_ZONE_BORDERS" | "SET_BORDER" | "CREATE_CHART" | "UPDATE_CHART" | "CREATE_IMAGE" | "CREATE_FILTER_TABLE" | "REMOVE_FILTER_TABLE" | "SORT_CELLS" | "SET_DECIMAL" | "REQUEST_UNDO" | "REQUEST_REDO" | "UNDO" | "REDO" | "ENABLE_NEW_SELECTION_INPUT" | "DISABLE_SELECTION_INPUT" | "UNFOCUS_SELECTION_INPUT" | "FOCUS_RANGE" | "ADD_EMPTY_RANGE" | "REMOVE_RANGE" | "CHANGE_RANGE" | "COPY" | "CUT" | "PASTE" | "REPEAT_PASTE" | "CLEAN_CLIPBOARD_HIGHLIGHT" | "AUTOFILL_CELL" | "PASTE_FROM_OS_CLIPBOARD" | "ACTIVATE_PAINT_FORMAT" | "PASTE_CONDITIONAL_FORMAT" | "AUTORESIZE_COLUMNS" | "AUTORESIZE_ROWS" | "MOVE_COLUMNS_ROWS" | "ACTIVATE_SHEET" | "PREPARE_SELECTION_INPUT_EXPANSION" | "STOP_SELECTION_INPUT" | "EVALUATE_CELLS" | "CHANGE_HIGHLIGHT" | "START_CHANGE_HIGHLIGHT" | "SET_HIGHLIGHT_COLOR" | "STOP_COMPOSER_RANGE_SELECTION" | "START_EDITION" | "STOP_EDITION" | "SET_CURRENT_CONTENT" | "CHANGE_COMPOSER_CURSOR_SELECTION" | "REPLACE_COMPOSER_CURSOR_SELECTION" | "CYCLE_EDITION_REFERENCES" | "START" | "AUTOFILL" | "AUTOFILL_SELECT" | "SET_FORMULA_VISIBILITY" | "AUTOFILL_AUTO" | "SELECT_FIGURE" | "UPDATE_SEARCH" | "REFRESH_SEARCH" | "CLEAR_SEARCH" | "SELECT_SEARCH_PREVIOUS_MATCH" | "SELECT_SEARCH_NEXT_MATCH" | "REPLACE_SEARCH" | "REPLACE_ALL_SEARCH" | "RESIZE_SHEETVIEW" | "SUM_SELECTION" | "DELETE_CELL" | "INSERT_CELL" | "SET_VIEWPORT_OFFSET" | "SHIFT_VIEWPORT_DOWN" | "SHIFT_VIEWPORT_UP" | "OPEN_CELL_POPOVER" | "CLOSE_CELL_POPOVER" | "ACTIVATE_NEXT_SHEET" | "ACTIVATE_PREVIOUS_SHEET" | "UPDATE_FILTER" | "SPLIT_TEXT_INTO_COLUMNS">;
+declare const coreTypes: Set<"UPDATE_CELL" | "UPDATE_CELL_POSITION" | "CLEAR_CELL" | "DELETE_CONTENT" | "ADD_COLUMNS_ROWS" | "REMOVE_COLUMNS_ROWS" | "RESIZE_COLUMNS_ROWS" | "HIDE_COLUMNS_ROWS" | "UNHIDE_COLUMNS_ROWS" | "SET_GRID_LINES_VISIBILITY" | "FREEZE_COLUMNS" | "FREEZE_ROWS" | "UNFREEZE_COLUMNS_ROWS" | "UNFREEZE_COLUMNS" | "UNFREEZE_ROWS" | "ADD_MERGE" | "REMOVE_MERGE" | "CREATE_SHEET" | "DELETE_SHEET" | "DUPLICATE_SHEET" | "MOVE_SHEET" | "RENAME_SHEET" | "HIDE_SHEET" | "SHOW_SHEET" | "MOVE_RANGES" | "ADD_CONDITIONAL_FORMAT" | "REMOVE_CONDITIONAL_FORMAT" | "MOVE_CONDITIONAL_FORMAT" | "CREATE_FIGURE" | "DELETE_FIGURE" | "UPDATE_FIGURE" | "SET_FORMATTING" | "CLEAR_FORMATTING" | "SET_ZONE_BORDERS" | "SET_BORDER" | "CREATE_CHART" | "UPDATE_CHART" | "CREATE_IMAGE" | "CREATE_FILTER_TABLE" | "REMOVE_FILTER_TABLE">;
 interface UpdateCellCommand extends PositionDependentCommand {
     type: "UPDATE_CELL";
     content?: string;
@@ -1849,9 +1857,12 @@ interface UpdateFilterCommand extends PositionDependentCommand {
 interface SetFormattingCommand extends TargetDependentCommand {
     type: "SET_FORMATTING";
     style?: Style;
-    border?: BorderCommand;
     format?: Format;
 }
+interface SetZoneBordersCommand extends TargetDependentCommand {
+    type: "SET_ZONE_BORDERS";
+    border: BorderData;
+}
 interface SetBorderCommand extends PositionDependentCommand {
     type: "SET_BORDER";
     border: Border$1 | undefined;
@@ -2221,7 +2232,7 @@ UpdateCellCommand | UpdateCellPositionCommand | ClearCellCommand | DeleteContent
 /** FIGURES */
  | CreateFigureCommand | DeleteFigureCommand | UpdateFigureCommand
 /** FORMATTING */
- | SetFormattingCommand | ClearFormattingCommand | SetBorderCommand
+ | SetFormattingCommand | ClearFormattingCommand | SetZoneBordersCommand | SetBorderCommand
 /** CHART */
  | CreateChartCommand | UpdateChartCommand
 /** Image */
@@ -2468,8 +2479,20 @@ interface CellPosition {
     row: HeaderIndex;
     sheetId: UID;
 }
-declare type BorderStyle = "thin" | "medium" | "thick" | "dashed" | "dotted" | "double";
-declare type BorderDescr = [BorderStyle, Color];
+declare const borderStyles: readonly ["thin", "medium", "thick", "dashed", "dotted"];
+declare type BorderStyle = typeof borderStyles[number];
+declare type BorderDescr = {
+    style: BorderStyle;
+    color: Color;
+};
+/**
+ * A complete border(s) data is a set of position-color-style information
+ */
+declare type BorderData = {
+    position: BorderPosition;
+    color?: Color;
+    style?: BorderStyle;
+};
 interface Border$1 {
     top?: BorderDescr;
     left?: BorderDescr;
@@ -2536,7 +2559,7 @@ interface PaneDivision {
     /** Represents the number of frozen rows */
     ySplit: number;
 }
-declare type BorderCommand = "all" | "hv" | "h" | "v" | "external" | "left" | "top" | "right" | "bottom" | "clear";
+declare type BorderPosition = "all" | "hv" | "h" | "v" | "external" | "left" | "top" | "right" | "bottom" | "clear";
 declare type BorderDescription = {
     vertical?: BorderDescr;
     horizontal?: BorderDescr;
@@ -2930,7 +2953,7 @@ interface BordersPluginState {
  * - borders
  */
 declare class BordersPlugin extends CorePlugin<BordersPluginState> implements BordersPluginState {
-    static getters: readonly ["getCellBorder"];
+    static getters: readonly ["getCellBorder", "getBordersColors"];
     readonly borders: BordersPluginState["borders"];
     handle(cmd: Command): void;
     /**
@@ -2944,6 +2967,7 @@ declare class BordersPlugin extends CorePlugin<BordersPluginState> implements Bo
      */
     private handleAddRows;
     getCellBorder({ sheetId, col, row }: CellPosition): Border$1 | null;
+    getBordersColors(sheetId: UID): Color[];
     /**
      * Ensure border continuity between two columns.
      * If the two columns have the same borders (at each row respectively),
@@ -4932,7 +4956,7 @@ interface ChartBuilder {
     sequence: number;
 }
 
-interface Props$C {
+interface Props$D {
     ranges: string[];
     hasSingleRange?: boolean;
     required?: boolean;
@@ -4954,7 +4978,7 @@ interface SelectionRange extends Omit<RangeInputValue, "color"> {
  * onSelectionChanged is called every time the input value
  * changes.
  */
-declare class SelectionInput extends Component<Props$C, SpreadsheetChildEnv> {
+declare class SelectionInput extends Component<Props$D, SpreadsheetChildEnv> {
     static template: string;
     private id;
     private previousRanges;
@@ -4972,6 +4996,7 @@ declare class SelectionInput extends Component<Props$C, SpreadsheetChildEnv> {
     getColor(range: SelectionRange): string;
     private triggerChange;
     onKeydown(ev: KeyboardEvent): void;
+    private extractRanges;
     focus(rangeId: number): void;
     addEmptyInput(): void;
     removeInput(rangeId: number): void;
@@ -4979,12 +5004,12 @@ declare class SelectionInput extends Component<Props$C, SpreadsheetChildEnv> {
     confirm(): void;
 }
 
-interface Props$B {
+interface Props$C {
     figureId: UID;
     definition: LineChartDefinition | BarChartDefinition | PieChartDefinition;
     updateChart: (definition: Partial<LineChartDefinition | BarChartDefinition | PieChartDefinition>) => DispatchResult;
 }
-declare class LineBarPieConfigPanel extends Component<Props$B, SpreadsheetChildEnv> {
+declare class LineBarPieConfigPanel extends Component<Props$C, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         SelectionInput: typeof SelectionInput;
@@ -5103,7 +5128,7 @@ declare class ColorPicker extends Component<ColorPickerProps, SpreadsheetChildEn
     isSameColor(color1: Color, color2: Color): boolean;
 }
 
-interface Props$A {
+interface Props$B {
     currentColor: string | undefined;
     toggleColorPicker: () => void;
     showColorPicker: boolean;
@@ -5114,7 +5139,7 @@ interface Props$A {
     dropdownMaxHeight?: Pixel;
     class?: string;
 }
-declare class ColorPickerWidget extends Component<Props$A, SpreadsheetChildEnv> {
+declare class ColorPickerWidget extends Component<Props$B, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         ColorPicker: typeof ColorPicker;
@@ -5126,12 +5151,12 @@ declare class ColorPickerWidget extends Component<Props$A, SpreadsheetChildEnv>
     get colorPickerAnchorRect(): Rect;
 }
 
-interface Props$z {
+interface Props$A {
     figureId: UID;
     definition: LineChartDefinition | BarChartDefinition | PieChartDefinition;
     updateChart: (definition: Partial<LineChartDefinition | BarChartDefinition | PieChartDefinition>) => CommandResult | CommandResult[];
 }
-declare class LineBarPieDesignPanel extends Component<Props$z, SpreadsheetChildEnv> {
+declare class LineBarPieDesignPanel extends Component<Props$A, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         ColorPickerWidget: typeof ColorPickerWidget;
@@ -5145,12 +5170,12 @@ declare class LineBarPieDesignPanel extends Component<Props$z, SpreadsheetChildE
     updateSelect(attr: string, ev: any): void;
 }
 
-interface Props$y {
+interface Props$z {
     figureId: UID;
     definition: GaugeChartDefinition;
     updateChart: (definition: Partial<GaugeChartDefinition>) => DispatchResult;
 }
-declare class GaugeChartConfigPanel extends Component<Props$y, SpreadsheetChildEnv> {
+declare class GaugeChartConfigPanel extends Component<Props$z, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         SelectionInput: typeof SelectionInput;
@@ -5164,12 +5189,12 @@ declare class GaugeChartConfigPanel extends Component<Props$y, SpreadsheetChildE
 }
 
 declare type GaugeMenu = "backgroundColor" | "sectionColor-lowerColor" | "sectionColor-middleColor" | "sectionColor-upperColor";
-interface Props$x {
+interface Props$y {
     figureId: UID;
     definition: GaugeChartDefinition;
     updateChart: (definition: Partial<GaugeChartDefinition>) => DispatchResult;
 }
-declare class GaugeChartDesignPanel extends Component<Props$x, SpreadsheetChildEnv> {
+declare class GaugeChartDesignPanel extends Component<Props$y, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         ColorPickerWidget: typeof ColorPickerWidget;
@@ -5201,12 +5226,12 @@ declare class LineConfigPanel extends LineBarPieConfigPanel {
     onUpdateAggregated(ev: any): void;
 }
 
-interface Props$w {
+interface Props$x {
     figureId: UID;
     definition: ScorecardChartDefinition;
     updateChart: (definition: Partial<ScorecardChartDefinition>) => DispatchResult;
 }
-declare class ScorecardChartConfigPanel extends Component<Props$w, SpreadsheetChildEnv> {
+declare class ScorecardChartConfigPanel extends Component<Props$x, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         SelectionInput: typeof SelectionInput;
@@ -5225,12 +5250,12 @@ declare class ScorecardChartConfigPanel extends Component<Props$w, SpreadsheetCh
 }
 
 declare type ColorPickerId = undefined | "backgroundColor" | "baselineColorUp" | "baselineColorDown";
-interface Props$v {
+interface Props$w {
     figureId: UID;
     definition: ScorecardChartDefinition;
     updateChart: (definition: Partial<ScorecardChartDefinition>) => DispatchResult;
 }
-declare class ScorecardChartDesignPanel extends Component<Props$v, SpreadsheetChildEnv> {
+declare class ScorecardChartDesignPanel extends Component<Props$w, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         ColorPickerWidget: typeof ColorPickerWidget;
@@ -5371,10 +5396,10 @@ interface AutofillRule {
     sequence: number;
 }
 
-interface Props$u {
+interface Props$v {
     figure: Figure;
 }
-declare class ChartJsComponent extends Component<Props$u, SpreadsheetChildEnv> {
+declare class ChartJsComponent extends Component<Props$v, SpreadsheetChildEnv> {
     static template: string;
     private canvas;
     private chart?;
@@ -5386,10 +5411,10 @@ declare class ChartJsComponent extends Component<Props$u, SpreadsheetChildEnv> {
     private updateChartJs;
 }
 
-interface Props$t {
+interface Props$u {
     figure: Figure;
 }
-declare class ScorecardChart extends Component<Props$t, SpreadsheetChildEnv> {
+declare class ScorecardChart extends Component<Props$u, SpreadsheetChildEnv> {
     static template: string;
     private ctx;
     get runtime(): ScorecardChartRuntime;
@@ -5421,7 +5446,7 @@ declare class ScorecardChart extends Component<Props$t, SpreadsheetChildEnv> {
 }
 
 declare type MenuItemOrSeparator = Action | "separator";
-interface Props$s {
+interface Props$t {
     position: DOMCoordinates;
     menuItems: Action[];
     depth: number;
@@ -5437,7 +5462,7 @@ interface MenuState {
     scrollOffset?: Pixel;
     menuItems: Action[];
 }
-declare class Menu extends Component<Props$s, SpreadsheetChildEnv> {
+declare class Menu extends Component<Props$t, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Menu: typeof Menu;
@@ -5475,14 +5500,14 @@ declare class Menu extends Component<Props$s, SpreadsheetChildEnv> {
 }
 
 declare type ResizeAnchor = "top left" | "top" | "top right" | "right" | "bottom right" | "bottom" | "bottom left" | "left";
-interface Props$r {
+interface Props$s {
     figure: Figure;
     style: string;
     onFigureDeleted: () => void;
     onMouseDown: (ev: MouseEvent) => void;
     onClickAnchor(dirX: ResizeDirection, dirY: ResizeDirection, ev: MouseEvent): void;
 }
-declare class FigureComponent extends Component<Props$r, SpreadsheetChildEnv> {
+declare class FigureComponent extends Component<Props$s, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Menu: typeof Menu;
@@ -5512,11 +5537,11 @@ declare class FigureComponent extends Component<Props$r, SpreadsheetChildEnv> {
     private openContextMenu;
 }
 
-interface Props$q {
+interface Props$r {
     figure: Figure;
     onFigureDeleted: () => void;
 }
-declare class ChartFigure extends Component<Props$q, SpreadsheetChildEnv> {
+declare class ChartFigure extends Component<Props$r, SpreadsheetChildEnv> {
     static template: string;
     static components: {};
     onDoubleClick(): void;
@@ -5524,7 +5549,7 @@ declare class ChartFigure extends Component<Props$q, SpreadsheetChildEnv> {
     get chartComponent(): new (...args: any) => Component;
 }
 
-interface Props$p {
+interface Props$q {
     isVisible: boolean;
     position: Position;
 }
@@ -5532,13 +5557,13 @@ interface Position {
     top: HeaderIndex;
     left: HeaderIndex;
 }
-interface State$3 {
+interface State$5 {
     position: Position;
     handler: boolean;
 }
-declare class Autofill extends Component<Props$p, SpreadsheetChildEnv> {
+declare class Autofill extends Component<Props$q, SpreadsheetChildEnv> {
     static template: string;
-    state: State$3;
+    state: State$5;
     get style(): string;
     get handlerStyle(): string;
     get styleNextValue(): string;
@@ -5610,13 +5635,13 @@ declare class Ripple extends Component<RippleProps, SpreadsheetChildEnv> {
     getRippleEffectProps(id: number): RippleEffectProps;
 }
 
-interface Props$o {
+interface Props$p {
     sheetId: string;
     openContextMenu: (registry: MenuItemRegistry, ev: MouseEvent) => void;
     style?: string;
     onMouseDown: (ev: MouseEvent) => void;
 }
-declare class BottomBarSheet extends Component<Props$o, SpreadsheetChildEnv> {
+declare class BottomBarSheet extends Component<Props$p, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Ripple: typeof Ripple;
@@ -5650,11 +5675,11 @@ declare class BottomBarSheet extends Component<Props$o, SpreadsheetChildEnv> {
     get sheetName(): string;
 }
 
-interface Props$n {
+interface Props$o {
     openContextMenu: (x: number, y: number, registry: MenuItemRegistry) => void;
     closeContextMenu: () => void;
 }
-declare class BottomBarStatistic extends Component<Props$n, SpreadsheetChildEnv> {
+declare class BottomBarStatistic extends Component<Props$o, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Ripple: typeof Ripple;
@@ -5676,13 +5701,13 @@ interface SheetState {
     isDnd: boolean;
     sheetDndPositions: Record<UID, number> | undefined;
 }
-interface Props$m {
+interface Props$n {
     onClick: () => void;
 }
 interface BottomBarMenuState extends MenuState {
     menuId: UID | undefined;
 }
-declare class BottomBar extends Component<Props$m, SpreadsheetChildEnv> {
+declare class BottomBar extends Component<Props$n, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Menu: typeof Menu;
@@ -5725,21 +5750,21 @@ declare class BottomBar extends Component<Props$m, SpreadsheetChildEnv> {
     get sheetListMaxScroll(): number;
 }
 
-interface Props$l {
+interface Props$m {
     position: DOMCoordinates;
     isActive: boolean;
     onClick: () => void;
 }
-declare class FilterIcon extends Component<Props$l, SpreadsheetEnv> {
+declare class FilterIcon extends Component<Props$m, SpreadsheetEnv> {
     static style: string;
     static template: string;
     get style(): string;
 }
 
-interface Props$k {
+interface Props$l {
     gridPosition: DOMCoordinates;
 }
-declare class FilterIconsOverlay extends Component<Props$k, SpreadsheetChildEnv> {
+declare class FilterIconsOverlay extends Component<Props$l, SpreadsheetChildEnv> {
     static style: string;
     static template: string;
     static components: {
@@ -5769,7 +5794,7 @@ interface SnapLine<T extends HFigureAxisType | VFigureAxisType> {
 }
 
 declare type ContainerType = "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "dnd";
-interface Props$j {
+interface Props$k {
     onFigureDeleted: () => void;
 }
 interface Container {
@@ -5848,7 +5873,7 @@ interface DndState {
  * that occurred during the drag & drop, and to position the figure on the correct pane.
  *
  */
-declare class FiguresContainer extends Component<Props$j, SpreadsheetChildEnv> {
+declare class FiguresContainer extends Component<Props$k, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         FigureComponent: typeof FigureComponent;
@@ -5880,7 +5905,7 @@ declare class FiguresContainer extends Component<Props$j, SpreadsheetChildEnv> {
     private getSnapLineStyle;
 }
 
-interface Props$i {
+interface Props$j {
     onCellHovered: (position: Partial<Position$1>) => void;
     onCellDoubleClicked: (col: HeaderIndex, row: HeaderIndex) => void;
     onCellClicked: (col: HeaderIndex, row: HeaderIndex, modifiers: {
@@ -5893,7 +5918,7 @@ interface Props$i {
     gridOverlayDimensions: string;
     onFigureDeleted: () => void;
 }
-declare class GridOverlay extends Component<Props$i, SpreadsheetChildEnv> {
+declare class GridOverlay extends Component<Props$j, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         FiguresContainer: typeof FiguresContainer;
@@ -5915,13 +5940,13 @@ declare class GridOverlay extends Component<Props$i, SpreadsheetChildEnv> {
     private getCartesianCoordinates;
 }
 
-interface Props$h {
+interface Props$i {
     hoveredCell: Partial<Position$1>;
     gridRect: Rect;
     onClosePopover: () => void;
     onMouseWheel: (ev: WheelEvent) => void;
 }
-declare class GridPopover extends Component<Props$h, SpreadsheetChildEnv> {
+declare class GridPopover extends Component<Props$i, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Popover: typeof Popover;
@@ -5932,7 +5957,7 @@ declare class GridPopover extends Component<Props$h, SpreadsheetChildEnv> {
 
 declare type ScrollDirection = "horizontal" | "vertical";
 
-interface Props$g {
+interface Props$h {
     width: Pixel;
     height: Pixel;
     direction: ScrollDirection;
@@ -5940,7 +5965,7 @@ interface Props$g {
     offset: Pixel;
     onScroll: (offset: Pixel) => void;
 }
-declare class ScrollBar extends Component<Props$g> {
+declare class ScrollBar extends Component<Props$h> {
     static template: string;
     static defaultProps: {
         width: number;
@@ -5954,10 +5979,10 @@ declare class ScrollBar extends Component<Props$g> {
     onScroll(ev: any): void;
 }
 
-interface Props$f {
+interface Props$g {
     leftOffset: number;
 }
-declare class HorizontalScrollBar extends Component<Props$f, SpreadsheetChildEnv> {
+declare class HorizontalScrollBar extends Component<Props$g, SpreadsheetChildEnv> {
     static components: {
         ScrollBar: typeof ScrollBar;
     };
@@ -5977,10 +6002,10 @@ declare class HorizontalScrollBar extends Component<Props$f, SpreadsheetChildEnv
     onScroll(offset: any): void;
 }
 
-interface Props$e {
+interface Props$f {
     topOffset: number;
 }
-declare class VerticalScrollBar extends Component<Props$e, SpreadsheetChildEnv> {
+declare class VerticalScrollBar extends Component<Props$f, SpreadsheetChildEnv> {
     static components: {
         ScrollBar: typeof ScrollBar;
     };
@@ -6000,7 +6025,7 @@ declare class VerticalScrollBar extends Component<Props$e, SpreadsheetChildEnv>
     onScroll(offset: any): void;
 }
 
-interface Props$d {
+interface Props$e {
 }
 interface ClickableCell {
     coordinates: Rect;
@@ -6008,7 +6033,7 @@ interface ClickableCell {
     action: (position: CellPosition, env: SpreadsheetChildEnv) => void;
     tKey: string;
 }
-declare class SpreadsheetDashboard extends Component<Props$d, SpreadsheetChildEnv> {
+declare class SpreadsheetDashboard extends Component<Props$e, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         GridOverlay: typeof GridOverlay;
@@ -6044,17 +6069,17 @@ declare class SpreadsheetDashboard extends Component<Props$d, SpreadsheetChildEn
     private getGridRect;
 }
 
-interface Props$c {
+interface Props$d {
     component: string;
     panelProps: any;
     onCloseSidePanel: () => void;
 }
-interface State$2 {
+interface State$4 {
     panel: SidePanelContent;
 }
-declare class SidePanel extends Component<Props$c, SpreadsheetChildEnv> {
+declare class SidePanel extends Component<Props$d, SpreadsheetChildEnv> {
     static template: string;
-    state: State$2;
+    state: State$4;
     setup(): void;
     getTitle(): string;
 }
@@ -6161,17 +6186,6 @@ 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;
@@ -6209,17 +6223,6 @@ 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,
@@ -6258,17 +6261,6 @@ declare namespace ACTION_FORMAT {
     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,
   };
 }
 
@@ -6335,14 +6327,14 @@ declare namespace ACTION_VIEW {
   };
 }
 
-interface Props$b {
+interface Props$c {
     action: ActionSpec;
     hasTriangleDownIcon?: boolean;
     selectedColor?: string;
     class?: string;
     onClick?: (ev: MouseEvent) => void;
 }
-declare class ActionButton extends Component<Props$b, SpreadsheetChildEnv> {
+declare class ActionButton extends Component<Props$c, SpreadsheetChildEnv> {
     static template: string;
     private actionButton;
     setup(): void;
@@ -6355,6 +6347,71 @@ declare class ActionButton extends Component<Props$b, SpreadsheetChildEnv> {
     get buttonStyle(): string;
 }
 
+declare type Tool = "borderColorTool" | "borderTypeTool";
+interface State$3 {
+    activeTool: Tool | undefined;
+}
+interface BorderEditorProps {
+    class?: string;
+    currentBorderColor: Color;
+    currentBorderStyle: BorderStyle;
+    currentBorderPosition: BorderPosition | undefined;
+    onBorderColorPicked: (color: Color) => void;
+    onBorderStylePicked: (style: BorderStyle) => void;
+    onBorderPositionPicked: (position: BorderPosition) => void;
+    maxHeight?: Pixel;
+    anchorRect: Rect;
+}
+declare class BorderEditor extends Component<BorderEditorProps, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {
+        ColorPickerWidget: typeof ColorPickerWidget;
+        Popover: typeof Popover;
+    };
+    BORDER_POSITIONS: [BorderPosition, string][][];
+    lineStyleButtonRef: {
+        el: HTMLElement | null;
+    };
+    borderStyles: readonly ["thin", "medium", "thick", "dashed", "dotted"];
+    state: State$3;
+    toggleDropdownTool(tool: Tool): void;
+    closeDropdown(): void;
+    setBorderPosition(position: BorderPosition): void;
+    setBorderColor(color: Color): void;
+    setBorderStyle(style: BorderStyle): void;
+    get lineStylePickerPopoverProps(): PopoverProps;
+    get popoverProps(): PopoverProps;
+    get lineStylePickerAnchorRect(): Rect;
+}
+
+interface Props$b {
+    toggleBorderEditor: () => void;
+    showBorderEditor: boolean;
+    disabled?: boolean;
+    dropdownMaxHeight?: Pixel;
+    class?: string;
+}
+interface State$2 {
+    currentColor: Color;
+    currentStyle: BorderStyle;
+    currentPosition: BorderPosition | undefined;
+}
+declare class BorderEditorWidget extends Component<Props$b, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {
+        BorderEditor: typeof BorderEditor;
+    };
+    borderEditorButtonRef: {
+        el: HTMLElement | null;
+    };
+    state: State$2;
+    get borderEditorAnchorRect(): Rect;
+    onBorderPositionPicked(position: BorderPosition): void;
+    onBorderColorPicked(color: Color): void;
+    onBorderStylePicked(style: BorderStyle): void;
+    private updateBorder;
+}
+
 interface Props$a {
     values: AutocompleteValue[];
     selectedIndex: number;
@@ -6396,7 +6453,24 @@ declare class ContentEditableHelper {
         start: number;
         end: number;
     };
-    private findSizeBeforeElement;
+    /**
+     * Computes the text 'index' inside this.el based on the currently selected node and its offset.
+     * The selected node is either a Text node or an Element node.
+     *
+     * case 1 -Text node:
+     * the offset is the number of characters from the start of the node. We have to add this offset to the
+     * content length of all previous nodes.
+     *
+     * case 2 - Element node:
+     * the offset is the number of child nodes before the selected node. We have to add the content length of
+     * all the bnodes prior to the selected node as well as the content of the child node before the offset.
+     *
+     * See the MDN documentation for more details.
+     * https://developer.mozilla.org/en-US/docs/Web/API/Range/startOffset
+     * https://developer.mozilla.org/en-US/docs/Web/API/Range/endOffset
+     *
+     */
+    private findSelectionIndex;
     private getStartAndEndSelection;
     getText(): string;
 }
@@ -6573,6 +6647,7 @@ declare class TopBar extends Component<Props$6, SpreadsheetChildEnv> {
         TopBarComposer: typeof TopBarComposer;
         FontSizeEditor: typeof FontSizeEditor;
         ActionButton: typeof ActionButton;
+        BorderEditorWidget: typeof BorderEditorWidget;
     };
     state: State;
     isSelectingMenu: boolean;