@odoo/o-spreadsheet 18.1.0-alpha.5 → 18.1.0-alpha.7

package/dist/o-spreadsheet.d.ts

@@ -295,6 +295,7 @@ interface TitleDesign {
     readonly italic?: boolean;
     readonly align?: Align;
     readonly color?: Color;
+    readonly fontSize?: number;
 }
 type TrendType = "polynomial" | "exponential" | "logarithmic" | "trailingMovingAverage";
 interface TrendConfiguration {
@@ -1318,6 +1319,8 @@ interface SearchOptions {
  */
 declare function deepCopy<T>(obj: T): T;
 declare function unquote(string: string, quoteChar?: "'" | '"'): string;
+/** Replace the excel-excluded characters of a sheetName */
+declare function sanitizeSheetName(sheetName: string, replacementChar?: string): string;
 declare function isMarkdownLink(str: string): boolean;
 /**
  * Build a markdown link from a label and an url
@@ -2992,7 +2995,9 @@ declare const enum CommandResult {
     MaxInvalidFormula = "MaxInvalidFormula",
     ValueUpperInvalidFormula = "ValueUpperInvalidFormula",
     ValueLowerInvalidFormula = "ValueLowerInvalidFormula",
+    InvalidSortAnchor = "InvalidSortAnchor",
     InvalidSortZone = "InvalidSortZone",
+    SortZoneWithArrayFormulas = "SortZoneWithArrayFormulas",
     WaitingSessionConfirmation = "WaitingSessionConfirmation",
     MergeOverlap = "MergeOverlap",
     TooManyHiddenElements = "TooManyHiddenElements",
@@ -3047,8 +3052,7 @@ declare const enum CommandResult {
     EmptyName = "EmptyName",
     ValueCellIsInvalidFormula = "ValueCellIsInvalidFormula",
     InvalidDefinition = "InvalidDefinition",
-    InvalidColor = "InvalidColor",
-    DataBarRangeValuesMismatch = "DataBarRangeValuesMismatch"
+    InvalidColor = "InvalidColor"
 }
 interface CommandHandler<T> {
     allowDispatch(command: T): CommandResult | CommandResult[];
@@ -4365,7 +4369,6 @@ declare class ConditionalFormatPlugin extends CorePlugin<ConditionalFormatState>
     private checkMidBiggerThanMax;
     private checkMinBiggerThanMid;
     private checkCFValues;
-    private checkDataBarRangeValues;
     private removeConditionalFormatting;
     private changeCFPriority;
 }
@@ -5074,7 +5077,6 @@ declare class EvaluationConditionalFormatPlugin extends UIPlugin {
     private applyIcon;
     private computeIcon;
     private applyDataBar;
-    private getEvaluatedCellInZone;
     /** Compute the color scale for the given range and CF rule, and apply in in the given computedStyle object */
     private applyColorScale;
     private computeColorDiffUnits;
@@ -5590,6 +5592,7 @@ declare class SortPlugin extends UIPlugin {
     handle(cmd: Command): void;
     private checkMerge;
     private checkMergeSizes;
+    private checkArrayFormulaInSortZone;
     /**
      * This function evaluates if the top row of a provided zone can be considered as a `header`
      * by checking the following criteria:
@@ -6586,7 +6589,7 @@ interface ChartSubtypeProperties {
     preview: string;
 }
 
-interface Props$18 {
+interface Props$1b {
     label?: string;
     value: boolean;
     className?: string;
@@ -6595,7 +6598,7 @@ interface Props$18 {
     disabled?: boolean;
     onChange: (value: boolean) => void;
 }
-declare class Checkbox extends Component<Props$18, SpreadsheetChildEnv> {
+declare class Checkbox extends Component<Props$1b, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         label: {
@@ -6630,10 +6633,10 @@ declare class Checkbox extends Component<Props$18, SpreadsheetChildEnv> {
     onChange(ev: InputEvent): void;
 }
 
-interface Props$17 {
+interface Props$1a {
     class?: string;
 }
-declare class Section extends Component<Props$17, SpreadsheetChildEnv> {
+declare class Section extends Component<Props$1a, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         class: {
@@ -6766,7 +6769,7 @@ declare class SelectionInputStore extends SpreadsheetStore {
     getIndex(rangeId: number | null): number | null;
 }
 
-interface Props$16 {
+interface Props$19 {
     ranges: string[];
     hasSingleRange?: boolean;
     required?: boolean;
@@ -6789,7 +6792,7 @@ interface SelectionRange extends Omit<RangeInputValue, "color"> {
  * onSelectionChanged is called every time the input value
  * changes.
  */
-declare class SelectionInput extends Component<Props$16, SpreadsheetChildEnv> {
+declare class SelectionInput extends Component<Props$19, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         ranges: ArrayConstructor;
@@ -6844,13 +6847,13 @@ declare class SelectionInput extends Component<Props$16, SpreadsheetChildEnv> {
     confirm(): void;
 }
 
-interface Props$15 {
+interface Props$18 {
     ranges: CustomizedDataSet[];
     hasSingleRange?: boolean;
     onSelectionChanged: (ranges: string[]) => void;
     onSelectionConfirmed: () => void;
 }
-declare class ChartDataSeries extends Component<Props$15, SpreadsheetChildEnv> {
+declare class ChartDataSeries extends Component<Props$18, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         SelectionInput: typeof SelectionInput;
@@ -6870,12 +6873,12 @@ declare class ChartDataSeries extends Component<Props$15, SpreadsheetChildEnv> {
     get title(): string;
 }
 
-interface Props$14 {
+interface Props$17 {
     messages: string[];
     msgType: "warning" | "error" | "info";
     singleBox?: boolean;
 }
-declare class ValidationMessages extends Component<Props$14, SpreadsheetChildEnv> {
+declare class ValidationMessages extends Component<Props$17, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         messages: ArrayConstructor;
@@ -6889,10 +6892,10 @@ declare class ValidationMessages extends Component<Props$14, SpreadsheetChildEnv
     get alertBoxes(): string[][];
 }
 
-interface Props$13 {
+interface Props$16 {
     messages: string[];
 }
-declare class ChartErrorSection extends Component<Props$13, SpreadsheetChildEnv> {
+declare class ChartErrorSection extends Component<Props$16, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Section: typeof Section;
@@ -6906,7 +6909,7 @@ declare class ChartErrorSection extends Component<Props$13, SpreadsheetChildEnv>
     };
 }
 
-interface Props$12 {
+interface Props$15 {
     title?: string;
     range: string;
     isInvalid: boolean;
@@ -6919,7 +6922,7 @@ interface Props$12 {
         onChange: (value: boolean) => void;
     }>;
 }
-declare class ChartLabelRange extends Component<Props$12, SpreadsheetChildEnv> {
+declare class ChartLabelRange extends Component<Props$15, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         SelectionInput: typeof SelectionInput;
@@ -6940,16 +6943,16 @@ declare class ChartLabelRange extends Component<Props$12, SpreadsheetChildEnv> {
             optional: boolean;
         };
     };
-    static defaultProps: Partial<Props$12>;
+    static defaultProps: Partial<Props$15>;
 }
 
-interface Props$11 {
+interface Props$14 {
     figureId: UID;
     definition: ChartWithDataSetDefinition;
     canUpdateChart: (figureId: UID, definition: Partial<ChartWithDataSetDefinition>) => DispatchResult;
     updateChart: (figureId: UID, definition: Partial<ChartWithDataSetDefinition>) => DispatchResult;
 }
-declare class GenericChartConfigPanel extends Component<Props$11, SpreadsheetChildEnv> {
+declare class GenericChartConfigPanel extends Component<Props$14, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         ChartDataSeries: typeof ChartDataSeries;
@@ -6988,10 +6991,7 @@ declare class GenericChartConfigPanel extends Component<Props$11, SpreadsheetChi
             GaugeRangeMinNaN: string;
             EmptyGaugeRangeMax: string;
             GaugeRangeMaxNaN: string;
-            GaugeRangeMinBiggerThanRangeMax: string; /**
-             * Change the local labelRange. The model should be updated when the
-             * button "confirm" is clicked
-             */
+            GaugeRangeMinBiggerThanRangeMax: string;
             GaugeLowerInflectionPointNaN: string;
             GaugeUpperInflectionPointNaN: string;
         };
@@ -7056,12 +7056,12 @@ interface Choice$1 {
     value: string;
     label: string;
 }
-interface Props$10 {
+interface Props$13 {
     choices: Choice$1[];
     onChange: (value: string) => void;
     selectedValue: string;
 }
-declare class BadgeSelection extends Component<Props$10, SpreadsheetChildEnv> {
+declare class BadgeSelection extends Component<Props$13, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         choices: ArrayConstructor;
@@ -7218,7 +7218,7 @@ declare class ColorPicker extends Component<ColorPickerProps, SpreadsheetChildEn
     isSameColor(color1: Color, color2: Color): boolean;
 }
 
-interface Props$$ {
+interface Props$12 {
     currentColor: string | undefined;
     toggleColorPicker: () => void;
     showColorPicker: boolean;
@@ -7229,7 +7229,7 @@ interface Props$$ {
     dropdownMaxHeight?: Pixel;
     class?: string;
 }
-declare class ColorPickerWidget extends Component<Props$$, SpreadsheetChildEnv> {
+declare class ColorPickerWidget extends Component<Props$12, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         currentColor: {
@@ -7267,7 +7267,67 @@ declare class ColorPickerWidget extends Component<Props$$, SpreadsheetChildEnv>
     get colorPickerAnchorRect(): Rect;
 }
 
-interface Props$_ {
+declare class CellPopoverStore extends SpreadsheetStore {
+    mutators: readonly ["open", "close"];
+    private persistentPopover?;
+    protected hoveredCell: {
+        readonly clear: () => void;
+        readonly hover: (position: Position$1) => void;
+        readonly mutators: readonly ["clear", "hover"];
+        readonly col: number | undefined;
+        readonly row: number | undefined;
+        readonly renderingLayers: readonly ("Chart" | "Background" | "Highlights" | "Clipboard" | "Autofill" | "Selection" | "Headers")[];
+    };
+    handle(cmd: Command): void;
+    open({ col, row }: Position$1, type: CellPopoverType): void;
+    close(): void;
+    get persistentCellPopover(): OpenCellPopover | ClosedCellPopover;
+    get isOpen(): boolean;
+    get cellPopover(): ClosedCellPopover | PositionedCellPopoverComponent;
+    private computePopoverAnchorRect;
+}
+
+interface State$8 {
+    isOpen: boolean;
+}
+interface Props$11 {
+    currentFontSize: number;
+    class: string;
+    onFontSizeChanged: (fontSize: number) => void;
+    onToggle?: () => void;
+}
+declare class FontSizeEditor extends Component<Props$11, SpreadsheetChildEnv> {
+    static template: string;
+    static props: {
+        currentFontSize: NumberConstructor;
+        onFontSizeChanged: FunctionConstructor;
+        onToggle: {
+            type: FunctionConstructor;
+            optional: boolean;
+        };
+        class: StringConstructor;
+    };
+    static components: {
+        Popover: typeof Popover;
+    };
+    fontSizes: number[];
+    dropdown: State$8;
+    private inputRef;
+    private rootEditorRef;
+    private fontSizeListRef;
+    setup(): void;
+    get popoverProps(): PopoverProps;
+    onExternalClick(ev: MouseEvent): void;
+    toggleFontList(): void;
+    closeFontList(): void;
+    private setSize;
+    setSizeFromInput(ev: InputEvent): void;
+    setSizeFromList(fontSizeStr: string): void;
+    onInputFocused(ev: InputEvent): void;
+    onInputKeydown(ev: KeyboardEvent): void;
+}
+
+interface Props$10 {
     title?: string;
     updateTitle: (title: string) => void;
     name?: string;
@@ -7276,12 +7336,14 @@ interface Props$_ {
     updateAlignment?: (string: any) => void;
     updateColor?: (Color: any) => void;
     style: TitleDesign;
+    onFontSizeChanged: (fontSize: number) => void;
 }
-declare class ChartTitle extends Component<Props$_, SpreadsheetChildEnv> {
+declare class ChartTitle extends Component<Props$10, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Section: typeof Section;
         ColorPickerWidget: typeof ColorPickerWidget;
+        FontSizeEditor: typeof FontSizeEditor;
     };
     static props: {
         title: {
@@ -7309,10 +7371,8 @@ declare class ChartTitle extends Component<Props$_, SpreadsheetChildEnv> {
             type: FunctionConstructor;
             optional: boolean;
         };
-        style: {
-            type: ObjectConstructor;
-            optional: boolean;
-        };
+        style: ObjectConstructor;
+        onFontSizeChanged: FunctionConstructor;
     };
     static defaultProps: {
         title: string;
@@ -7323,6 +7383,7 @@ declare class ChartTitle extends Component<Props$_, SpreadsheetChildEnv> {
         activeTool: string;
     };
     updateTitle(ev: InputEvent): void;
+    updateFontSize(fontSize: number): void;
     toggleDropdownTool(tool: string, ev: MouseEvent): void;
     /**
      * TODO: This is clearly not a goot way to handle external click, but
@@ -7340,13 +7401,13 @@ interface AxisDefinition {
     id: string;
     name: string;
 }
-interface Props$Z {
+interface Props$$ {
     figureId: UID;
     definition: ChartWithDataSetDefinition | WaterfallChartDefinition;
     updateChart: (figureId: UID, definition: Partial<ChartWithDataSetDefinition | WaterfallChartDefinition>) => DispatchResult;
     axesList: AxisDefinition[];
 }
-declare class AxisDesignEditor extends Component<Props$Z, SpreadsheetChildEnv> {
+declare class AxisDesignEditor extends Component<Props$$, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Section: typeof Section;
@@ -7368,6 +7429,7 @@ declare class AxisDesignEditor extends Component<Props$Z, SpreadsheetChildEnv> {
         label: string;
     }[];
     updateAxisTitleColor(color: Color): void;
+    updateAxisTitleFontSize(fontSize: number): void;
     toggleBoldAxisTitle(): void;
     toggleItalicAxisTitle(): void;
     updateAxisTitleAlignment(align: "left" | "center" | "right"): void;
@@ -7376,13 +7438,13 @@ declare class AxisDesignEditor extends Component<Props$Z, SpreadsheetChildEnv> {
     updateAxisTitle(text: string): void;
 }
 
-interface Props$Y {
+interface Props$_ {
     currentColor?: string;
     onColorPicked: (color: string) => void;
     title?: string;
     disableNoColor?: boolean;
 }
-declare class RoundColorPicker extends Component<Props$Y, SpreadsheetChildEnv> {
+declare class RoundColorPicker extends Component<Props$_, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Section: typeof Section;
@@ -7415,12 +7477,13 @@ declare class RoundColorPicker extends Component<Props$Y, SpreadsheetChildEnv> {
     get buttonStyle(): string;
 }
 
-interface Props$X {
+interface Props$Z {
     figureId: UID;
     definition: ChartDefinition;
     updateChart: (figureId: UID, definition: Partial<ChartDefinition>) => DispatchResult;
+    defaultChartTitleFontSize?: number;
 }
-declare class GeneralDesignEditor extends Component<Props$X, SpreadsheetChildEnv> {
+declare class GeneralDesignEditor extends Component<Props$Z, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         RoundColorPicker: typeof RoundColorPicker;
@@ -7432,11 +7495,18 @@ declare class GeneralDesignEditor extends Component<Props$X, SpreadsheetChildEnv
         figureId: StringConstructor;
         definition: ObjectConstructor;
         updateChart: FunctionConstructor;
+        defaultChartTitleFontSize: {
+            type: NumberConstructor;
+            optional: boolean;
+        };
         slots: {
             type: ObjectConstructor;
             optional: boolean;
         };
     };
+    static defaultProps: {
+        defaultChartTitleFontSize: number;
+    };
     private state;
     setup(): void;
     get title(): TitleDesign;
@@ -7445,17 +7515,18 @@ declare class GeneralDesignEditor extends Component<Props$X, SpreadsheetChildEnv
     updateTitle(newTitle: string): void;
     get titleStyle(): TitleDesign;
     updateChartTitleColor(color: Color): void;
+    updateChartTitleFontSize(fontSize: number): void;
     toggleBoldChartTitle(): void;
     toggleItalicChartTitle(): void;
     updateChartTitleAlignment(align: "left" | "center" | "right"): void;
 }
 
-interface Props$W {
+interface Props$Y {
     figureId: UID;
     definition: ChartWithDataSetDefinition;
     updateChart: (figureId: UID, definition: Partial<ChartWithDataSetDefinition>) => DispatchResult;
 }
-declare class ChartLegend extends Component<Props$W, SpreadsheetChildEnv> {
+declare class ChartLegend extends Component<Props$Y, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Section: typeof Section;
@@ -7472,14 +7543,14 @@ interface Choice {
     value: unknown;
     label: string;
 }
-interface Props$V {
+interface Props$X {
     choices: Choice[];
     onChange: (value: unknown) => void;
     selectedValue: string;
     name: string;
     direction: "horizontal" | "vertical";
 }
-declare class RadioSelection extends Component<Props$V, SpreadsheetChildEnv> {
+declare class RadioSelection extends Component<Props$X, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         choices: ArrayConstructor;
@@ -7498,13 +7569,13 @@ declare class RadioSelection extends Component<Props$V, SpreadsheetChildEnv> {
     };
 }
 
-interface Props$U {
+interface Props$W {
     figureId: UID;
     definition: ChartWithDataSetDefinition;
     canUpdateChart: (figureID: UID, definition: Partial<ChartWithDataSetDefinition>) => DispatchResult;
     updateChart: (figureId: UID, definition: Partial<ChartWithDataSetDefinition>) => DispatchResult;
 }
-declare class SeriesDesignEditor extends Component<Props$U, SpreadsheetChildEnv> {
+declare class SeriesDesignEditor extends Component<Props$W, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         SidePanelCollapsible: typeof SidePanelCollapsible;
@@ -7532,13 +7603,13 @@ declare class SeriesDesignEditor extends Component<Props$U, SpreadsheetChildEnv>
     getDataSerieLabel(): string | undefined;
 }
 
-interface Props$T {
+interface Props$V {
     figureId: UID;
     definition: ChartWithDataSetDefinition;
     canUpdateChart: (figureID: UID, definition: Partial<ChartWithDataSetDefinition>) => DispatchResult;
     updateChart: (figureId: UID, definition: Partial<ChartWithDataSetDefinition>) => DispatchResult;
 }
-declare class SeriesWithAxisDesignEditor extends Component<Props$T, SpreadsheetChildEnv> {
+declare class SeriesWithAxisDesignEditor extends Component<Props$V, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         SeriesDesignEditor: typeof SeriesDesignEditor;
@@ -7579,13 +7650,13 @@ declare class SeriesWithAxisDesignEditor extends Component<Props$T, SpreadsheetC
     updateTrendLineValue(index: number, config: any): void;
 }
 
-interface Props$S {
+interface Props$U {
     figureId: UID;
     definition: ChartWithDataSetDefinition;
     canUpdateChart: (figureID: UID, definition: GenericDefinition<ChartWithDataSetDefinition>) => DispatchResult;
     updateChart: (figureId: UID, definition: GenericDefinition<ChartWithDataSetDefinition>) => DispatchResult;
 }
-declare class ChartWithAxisDesignPanel<P extends Props$S = Props$S> extends Component<P, SpreadsheetChildEnv> {
+declare class ChartWithAxisDesignPanel<P extends Props$U = Props$U> extends Component<P, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         GeneralDesignEditor: typeof GeneralDesignEditor;
@@ -7605,13 +7676,13 @@ declare class ChartWithAxisDesignPanel<P extends Props$S = Props$S> extends Comp
     get axesList(): AxisDefinition[];
 }
 
-interface Props$R {
+interface Props$T {
     figureId: UID;
     definition: GaugeChartDefinition;
     canUpdateChart: (figureId: UID, definition: Partial<GaugeChartDefinition>) => DispatchResult;
     updateChart: (figureId: UID, definition: Partial<GaugeChartDefinition>) => DispatchResult;
 }
-declare class GaugeChartConfigPanel extends Component<Props$R, SpreadsheetChildEnv> {
+declare class GaugeChartConfigPanel extends Component<Props$T, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         ChartErrorSection: typeof ChartErrorSection;
@@ -7636,13 +7707,13 @@ interface PanelState {
     sectionRuleDispatchResult?: DispatchResult;
     sectionRule: SectionRule;
 }
-interface Props$Q {
+interface Props$S {
     figureId: UID;
     definition: GaugeChartDefinition;
     canUpdateChart: (figureID: UID, definition: Partial<GaugeChartDefinition>) => DispatchResult;
     updateChart: (figureId: UID, definition: Partial<GaugeChartDefinition>) => DispatchResult;
 }
-declare class GaugeChartDesignPanel extends Component<Props$Q, SpreadsheetChildEnv> {
+declare class GaugeChartDesignPanel extends Component<Props$S, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         SidePanelCollapsible: typeof SidePanelCollapsible;
@@ -7687,13 +7758,13 @@ declare class LineConfigPanel extends GenericChartConfigPanel {
     onUpdateCumulative(cumulative: boolean): void;
 }
 
-interface Props$P {
+interface Props$R {
     figureId: UID;
     definition: ScorecardChartDefinition;
     canUpdateChart: (figureId: UID, definition: Partial<ScorecardChartDefinition>) => DispatchResult;
     updateChart: (figureId: UID, definition: Partial<ScorecardChartDefinition>) => DispatchResult;
 }
-declare class ScorecardChartConfigPanel extends Component<Props$P, SpreadsheetChildEnv> {
+declare class ScorecardChartConfigPanel extends Component<Props$R, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         SelectionInput: typeof SelectionInput;
@@ -7722,13 +7793,13 @@ declare class ScorecardChartConfigPanel extends Component<Props$P, SpreadsheetCh
 }
 
 type ColorPickerId = undefined | "backgroundColor" | "baselineColorUp" | "baselineColorDown";
-interface Props$O {
+interface Props$Q {
     figureId: UID;
     definition: ScorecardChartDefinition;
     canUpdateChart: (figureID: UID, definition: Partial<ScorecardChartDefinition>) => DispatchResult;
     updateChart: (figureId: UID, definition: Partial<ScorecardChartDefinition>) => DispatchResult;
 }
-declare class ScorecardChartDesignPanel extends Component<Props$O, SpreadsheetChildEnv> {
+declare class ScorecardChartDesignPanel extends Component<Props$Q, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         GeneralDesignEditor: typeof GeneralDesignEditor;
@@ -7748,6 +7819,7 @@ declare class ScorecardChartDesignPanel extends Component<Props$O, SpreadsheetCh
     };
     get colorsSectionTitle(): string;
     get humanizeNumbersLabel(): string;
+    get defaultScorecardTitleFontSize(): number;
     updateHumanizeNumbers(humanize: boolean): void;
     translate(term: any): string;
     updateBaselineDescr(ev: any): void;
@@ -7890,13 +7962,13 @@ interface EnrichedToken extends Token {
     isParenthesisLinkedToCursor?: boolean;
 }
 
-interface Props$N {
+interface Props$P {
     proposals: AutoCompleteProposal[];
     selectedIndex: number | undefined;
     onValueSelected: (value: string) => void;
     onValueHovered: (index: string) => void;
 }
-declare class TextValueProvider extends Component<Props$N> {
+declare class TextValueProvider extends Component<Props$P> {
     static template: string;
     static props: {
         proposals: ArrayConstructor;
@@ -7982,19 +8054,19 @@ declare class ContentEditableHelper {
     getText(): string;
 }
 
-interface Props$M {
+interface Props$O {
     functionName: string;
     functionDescription: FunctionDescription;
     argToFocus: number;
 }
-declare class FunctionDescriptionProvider extends Component<Props$M, SpreadsheetChildEnv> {
+declare class FunctionDescriptionProvider extends Component<Props$O, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         functionName: StringConstructor;
         functionDescription: ObjectConstructor;
         argToFocus: NumberConstructor;
     };
-    getContext(): Props$M;
+    getContext(): Props$O;
     get formulaArgSeparator(): string;
 }
 
@@ -8101,7 +8173,7 @@ declare abstract class AbstractComposerStore extends SpreadsheetStore {
      */
     private insertText;
     private updateTokenColor;
-    private getTokenColor;
+    protected getTokenColor(token: EnrichedToken): string;
     private rangeColor;
     /**
      * Compute for each token if it is part of the same
@@ -8372,10 +8444,10 @@ declare class ComposerFocusStore extends SpreadsheetStore {
     private setComposerContent;
 }
 
-interface Props$L {
+interface Props$N {
     figure: Figure;
 }
-declare class ChartJsComponent extends Component<Props$L, SpreadsheetChildEnv> {
+declare class ChartJsComponent extends Component<Props$N, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         figure: ObjectConstructor;
@@ -8391,10 +8463,10 @@ declare class ChartJsComponent extends Component<Props$L, SpreadsheetChildEnv> {
     private updateChartJs;
 }
 
-interface Props$K {
+interface Props$M {
     figure: Figure;
 }
-declare class ScorecardChart$1 extends Component<Props$K, SpreadsheetChildEnv> {
+declare class ScorecardChart$1 extends Component<Props$M, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         figure: ObjectConstructor;
@@ -8407,7 +8479,7 @@ declare class ScorecardChart$1 extends Component<Props$K, SpreadsheetChildEnv> {
 }
 
 type MenuItemOrSeparator = Action | "separator";
-interface Props$J {
+interface Props$L {
     position: DOMCoordinates;
     menuItems: Action[];
     depth: number;
@@ -8426,7 +8498,7 @@ interface MenuState {
     menuItems: Action[];
     isHoveringChild?: boolean;
 }
-declare class Menu extends Component<Props$J, SpreadsheetChildEnv> {
+declare class Menu extends Component<Props$L, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         position: ObjectConstructor;
@@ -8502,14 +8574,14 @@ declare class Menu extends Component<Props$J, SpreadsheetChildEnv> {
 }
 
 type ResizeAnchor = "top left" | "top" | "top right" | "right" | "bottom right" | "bottom" | "bottom left" | "left";
-interface Props$I {
+interface Props$K {
     figure: Figure;
     style: string;
     onFigureDeleted: () => void;
     onMouseDown: (ev: MouseEvent) => void;
     onClickAnchor(dirX: ResizeDirection, dirY: ResizeDirection, ev: MouseEvent): void;
 }
-declare class FigureComponent extends Component<Props$I, SpreadsheetChildEnv> {
+declare class FigureComponent extends Component<Props$K, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         figure: ObjectConstructor;
@@ -8558,11 +8630,11 @@ declare class FigureComponent extends Component<Props$I, SpreadsheetChildEnv> {
     private openContextMenu;
 }
 
-interface Props$H {
+interface Props$J {
     figure: Figure;
     onFigureDeleted: () => void;
 }
-declare class ChartFigure extends Component<Props$H, SpreadsheetChildEnv> {
+declare class ChartFigure extends Component<Props$J, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         figure: ObjectConstructor;
@@ -8574,7 +8646,7 @@ declare class ChartFigure extends Component<Props$H, SpreadsheetChildEnv> {
     get chartComponent(): new (...args: any) => Component;
 }
 
-interface Props$G {
+interface Props$I {
     isVisible: boolean;
     position: Position;
 }
@@ -8582,17 +8654,17 @@ interface Position {
     top: HeaderIndex;
     left: HeaderIndex;
 }
-interface State$8 {
+interface State$7 {
     position: Position;
     handler: boolean;
 }
-declare class Autofill extends Component<Props$G, SpreadsheetChildEnv> {
+declare class Autofill extends Component<Props$I, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         position: ObjectConstructor;
         isVisible: BooleanConstructor;
     };
-    state: State$8;
+    state: State$7;
     get style(): string;
     get handlerStyle(): string;
     get styleNextValue(): string;
@@ -8620,7 +8692,7 @@ declare class ClientTag extends Component<ClientTagProps, SpreadsheetChildEnv> {
     get tagStyle(): string;
 }
 
-interface Props$F {
+interface Props$H {
     gridDims: DOMDimension;
     onInputContextMenu: (event: MouseEvent) => void;
 }
@@ -8628,7 +8700,7 @@ interface Props$F {
  * This component is a composer which positions itself on the grid at the anchor cell.
  * It also applies the style of the cell to the composer input.
  */
-declare class GridComposer extends Component<Props$F, SpreadsheetChildEnv> {
+declare class GridComposer extends Component<Props$H, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         gridDims: ObjectConstructor;
@@ -8686,10 +8758,10 @@ declare class GridCellIcon extends Component<GridCellIconProps, SpreadsheetChild
     isPositionVisible(position: CellPosition): boolean;
 }
 
-interface Props$E {
+interface Props$G {
     cellPosition: CellPosition;
 }
-declare class DataValidationCheckbox extends Component<Props$E, SpreadsheetChildEnv> {
+declare class DataValidationCheckbox extends Component<Props$G, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Checkbox: typeof Checkbox;
@@ -8702,10 +8774,10 @@ declare class DataValidationCheckbox extends Component<Props$E, SpreadsheetChild
     get isDisabled(): boolean;
 }
 
-interface Props$D {
+interface Props$F {
     cellPosition: CellPosition;
 }
-declare class DataValidationListIcon extends Component<Props$D, SpreadsheetChildEnv> {
+declare class DataValidationListIcon extends Component<Props$F, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         cellPosition: ObjectConstructor;
@@ -8735,7 +8807,7 @@ interface SnapLine<T extends HFigureAxisType | VFigureAxisType> {
 }
 
 type ContainerType = "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "dnd";
-interface Props$C {
+interface Props$E {
     onFigureDeleted: () => void;
 }
 interface Container {
@@ -8814,7 +8886,7 @@ interface DndState {
  * that occurred during the drag & drop, and to position the figure on the correct pane.
  *
  */
-declare class FiguresContainer extends Component<Props$C, SpreadsheetChildEnv> {
+declare class FiguresContainer extends Component<Props$E, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         onFigureDeleted: FunctionConstructor;
@@ -8849,30 +8921,10 @@ declare class FiguresContainer extends Component<Props$C, SpreadsheetChildEnv> {
     private getSnapLineStyle;
 }
 
-declare class CellPopoverStore extends SpreadsheetStore {
-    mutators: readonly ["open", "close"];
-    private persistentPopover?;
-    protected hoveredCell: {
-        readonly clear: () => void;
-        readonly hover: (position: Position$1) => void;
-        readonly mutators: readonly ["clear", "hover"];
-        readonly col: number | undefined;
-        readonly row: number | undefined;
-        readonly renderingLayers: readonly ("Chart" | "Background" | "Highlights" | "Clipboard" | "Autofill" | "Selection" | "Headers")[];
-    };
-    handle(cmd: Command): void;
-    open({ col, row }: Position$1, type: CellPopoverType): void;
-    close(): void;
-    get persistentCellPopover(): OpenCellPopover | ClosedCellPopover;
-    get isOpen(): boolean;
-    get cellPopover(): ClosedCellPopover | PositionedCellPopoverComponent;
-    private computePopoverAnchorRect;
-}
-
-interface Props$B {
+interface Props$D {
     cellPosition: CellPosition;
 }
-declare class FilterIcon extends Component<Props$B, SpreadsheetChildEnv> {
+declare class FilterIcon extends Component<Props$D, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         cellPosition: ObjectConstructor;
@@ -8894,10 +8946,10 @@ declare class FilterIconsOverlay extends Component<{}, SpreadsheetChildEnv> {
     getFilterHeadersPositions(): CellPosition[];
 }
 
-interface Props$A {
+interface Props$C {
     focusGrid: () => void;
 }
-declare class GridAddRowsFooter extends Component<Props$A, SpreadsheetChildEnv> {
+declare class GridAddRowsFooter extends Component<Props$C, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         focusGrid: FunctionConstructor;
@@ -8921,7 +8973,7 @@ declare class GridAddRowsFooter extends Component<Props$A, SpreadsheetChildEnv>
     private onExternalClick;
 }
 
-interface Props$z {
+interface Props$B {
     onCellHovered: (position: Partial<Position$1>) => void;
     onCellDoubleClicked: (col: HeaderIndex, row: HeaderIndex) => void;
     onCellClicked: (col: HeaderIndex, row: HeaderIndex, modifiers: GridClickModifiers) => void;
@@ -8931,7 +8983,7 @@ interface Props$z {
     gridOverlayDimensions: string;
     onFigureDeleted: () => void;
 }
-declare class GridOverlay extends Component<Props$z, SpreadsheetChildEnv> {
+declare class GridOverlay extends Component<Props$B, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         onCellHovered: {
@@ -8989,12 +9041,12 @@ declare class GridOverlay extends Component<Props$z, SpreadsheetChildEnv> {
     private getCartesianCoordinates;
 }
 
-interface Props$y {
+interface Props$A {
     gridRect: Rect;
     onClosePopover: () => void;
     onMouseWheel: (ev: WheelEvent) => void;
 }
-declare class GridPopover extends Component<Props$y, SpreadsheetChildEnv> {
+declare class GridPopover extends Component<Props$A, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         onClosePopover: FunctionConstructor;
@@ -9137,13 +9189,13 @@ declare class HeadersOverlay extends Component<any, SpreadsheetChildEnv> {
 }
 
 type Orientation$1 = "n" | "s" | "w" | "e";
-interface Props$x {
+interface Props$z {
     zone: Zone;
     orientation: Orientation$1;
     isMoving: boolean;
     onMoveHighlight: (x: Pixel, y: Pixel) => void;
 }
-declare class Border extends Component<Props$x, SpreadsheetChildEnv> {
+declare class Border extends Component<Props$z, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         zone: ObjectConstructor;
@@ -9156,14 +9208,14 @@ declare class Border extends Component<Props$x, SpreadsheetChildEnv> {
 }
 
 type Orientation = "nw" | "ne" | "sw" | "se";
-interface Props$w {
+interface Props$y {
     zone: Zone;
     color: Color;
     orientation: Orientation;
     isResizing: boolean;
     onResizeHighlight: (isLeft: boolean, isRight: boolean) => void;
 }
-declare class Corner extends Component<Props$w, SpreadsheetChildEnv> {
+declare class Corner extends Component<Props$y, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         zone: ObjectConstructor;
@@ -9178,14 +9230,14 @@ declare class Corner extends Component<Props$w, SpreadsheetChildEnv> {
     onMouseDown(ev: MouseEvent): void;
 }
 
-interface Props$v {
+interface Props$x {
     zone: Zone;
     color: Color;
 }
 interface HighlightState {
     shiftingMode: "isMoving" | "isResizing" | "none";
 }
-declare class Highlight extends Component<Props$v, SpreadsheetChildEnv> {
+declare class Highlight extends Component<Props$x, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         zone: ObjectConstructor;
@@ -9202,7 +9254,7 @@ declare class Highlight extends Component<Props$v, SpreadsheetChildEnv> {
 
 type ScrollDirection = "horizontal" | "vertical";
 
-interface Props$u {
+interface Props$w {
     width: Pixel;
     height: Pixel;
     direction: ScrollDirection;
@@ -9210,7 +9262,7 @@ interface Props$u {
     offset: Pixel;
     onScroll: (offset: Pixel) => void;
 }
-declare class ScrollBar extends Component<Props$u> {
+declare class ScrollBar extends Component<Props$w> {
     static props: {
         width: {
             type: NumberConstructor;
@@ -9238,10 +9290,10 @@ declare class ScrollBar extends Component<Props$u> {
     onScroll(ev: any): void;
 }
 
-interface Props$t {
+interface Props$v {
     leftOffset: number;
 }
-declare class HorizontalScrollBar extends Component<Props$t, SpreadsheetChildEnv> {
+declare class HorizontalScrollBar extends Component<Props$v, SpreadsheetChildEnv> {
     static props: {
         leftOffset: {
             type: NumberConstructor;
@@ -9267,10 +9319,10 @@ declare class HorizontalScrollBar extends Component<Props$t, SpreadsheetChildEnv
     onScroll(offset: any): void;
 }
 
-interface Props$s {
+interface Props$u {
     topOffset: number;
 }
-declare class VerticalScrollBar extends Component<Props$s, SpreadsheetChildEnv> {
+declare class VerticalScrollBar extends Component<Props$u, SpreadsheetChildEnv> {
     static props: {
         topOffset: {
             type: NumberConstructor;
@@ -9296,18 +9348,18 @@ declare class VerticalScrollBar extends Component<Props$s, SpreadsheetChildEnv>
     onScroll(offset: any): void;
 }
 
-interface Props$r {
+interface Props$t {
     table: Table;
 }
-interface State$7 {
+interface State$6 {
     highlightZone: Zone | undefined;
 }
-declare class TableResizer extends Component<Props$r, SpreadsheetChildEnv> {
+declare class TableResizer extends Component<Props$t, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         table: ObjectConstructor;
     };
-    state: State$7;
+    state: State$6;
     setup(): void;
     get containerStyle(): string;
     onMouseDown(ev: MouseEvent): void;
@@ -9334,10 +9386,10 @@ declare class HoveredCellStore extends SpreadsheetStore {
  * - a vertical resizer (same, for rows)
  */
 type ContextMenuType = "ROW" | "COL" | "CELL" | "FILTER" | "GROUP_HEADERS" | "UNGROUP_HEADERS";
-interface Props$q {
+interface Props$s {
     exposeFocus: (focus: () => void) => void;
 }
-declare class Grid extends Component<Props$q, SpreadsheetChildEnv> {
+declare class Grid extends Component<Props$s, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         exposeFocus: FunctionConstructor;
@@ -9426,13 +9478,13 @@ interface DndPartialArgs {
     onCancel?: () => void;
     onDragEnd?: (itemId: UID, indexAtEnd: Pixel) => void;
 }
-interface State$6 {
+interface State$5 {
     itemsStyle: Record<UID, string>;
     draggedItemId: UID | undefined;
     start: (direction: Direction, args: DndPartialArgs) => void;
     cancel: () => void;
 }
-declare function useDragAndDropListItems(): State$6;
+declare function useDragAndDropListItems(): State$5;
 
 declare function useHighlightsOnHover(ref: Ref<HTMLElement>, highlightProvider: HighlightProvider): void;
 declare function useHighlights(highlightProvider: HighlightProvider): void;
@@ -9446,7 +9498,7 @@ declare class MainChartPanelStore extends SpreadsheetStore {
     private getChartDefinitionFromContextCreation;
 }
 
-interface Props$p {
+interface Props$r {
     figureId: UID;
     chartPanelStore: MainChartPanelStore;
 }
@@ -9454,7 +9506,7 @@ interface ChartTypePickerState {
     popoverProps: PopoverProps | undefined;
     popoverStyle: string;
 }
-declare class ChartTypePicker extends Component<Props$p, SpreadsheetChildEnv> {
+declare class ChartTypePicker extends Component<Props$r, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Section: typeof Section;
@@ -9489,11 +9541,11 @@ declare class ChartTypePicker extends Component<Props$p, SpreadsheetChildEnv> {
     private closePopover;
 }
 
-interface Props$o {
+interface Props$q {
     onCloseSidePanel: () => void;
     figureId: UID;
 }
-declare class ChartPanel extends Component<Props$o, SpreadsheetChildEnv> {
+declare class ChartPanel extends Component<Props$q, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Section: typeof Section;
@@ -9513,13 +9565,13 @@ declare class ChartPanel extends Component<Props$o, SpreadsheetChildEnv> {
     private getChartDefinition;
 }
 
-interface Props$n {
+interface Props$p {
     figureId: UID;
     definition: PieChartDefinition;
     canUpdateChart: (figureID: UID, definition: GenericDefinition<PieChartDefinition>) => DispatchResult;
     updateChart: (figureId: UID, definition: GenericDefinition<PieChartDefinition>) => DispatchResult;
 }
-declare class PieChartDesignPanel extends Component<Props$n, SpreadsheetChildEnv> {
+declare class PieChartDesignPanel extends Component<Props$p, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         GeneralDesignEditor: typeof GeneralDesignEditor;
@@ -9538,10 +9590,10 @@ declare class PieChartDesignPanel extends Component<Props$n, SpreadsheetChildEnv
     };
 }
 
-interface Props$m {
+interface Props$o {
     items: ActionSpec[];
 }
-declare class CogWheelMenu extends Component<Props$m, SpreadsheetChildEnv> {
+declare class CogWheelMenu extends Component<Props$o, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Menu: typeof Menu;
@@ -9624,14 +9676,14 @@ declare class FindAndReplaceStore extends SpreadsheetStore implements HighlightP
     get highlights(): Highlight$1[];
 }
 
-interface Props$l {
+interface Props$n {
     deferUpdate: boolean;
     isDirty: boolean;
     toggleDeferUpdate: (value: boolean) => void;
     discard: () => void;
     apply: () => void;
 }
-declare class PivotDeferUpdate extends Component<Props$l, SpreadsheetChildEnv> {
+declare class PivotDeferUpdate extends Component<Props$n, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         deferUpdate: BooleanConstructor;
@@ -9648,11 +9700,11 @@ declare class PivotDeferUpdate extends Component<Props$l, SpreadsheetChildEnv> {
     get deferUpdatesTooltip(): string;
 }
 
-interface Props$k {
+interface Props$m {
     onFieldPicked: (field: string) => void;
     fields: PivotField[];
 }
-declare class AddDimensionButton extends Component<Props$k, SpreadsheetChildEnv> {
+declare class AddDimensionButton extends Component<Props$m, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         Popover: typeof Popover;
@@ -9688,14 +9740,14 @@ declare class AddDimensionButton extends Component<Props$k, SpreadsheetChildEnv>
     onKeyDown(ev: KeyboardEvent): void;
 }
 
-interface Props$j {
+interface Props$l {
     value: string;
     onChange: (value: string) => void;
     class?: string;
     id?: string;
     placeholder?: string;
 }
-declare class TextInput extends Component<Props$j, SpreadsheetChildEnv> {
+declare class TextInput extends Component<Props$l, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         value: StringConstructor;
@@ -9720,13 +9772,13 @@ declare class TextInput extends Component<Props$j, SpreadsheetChildEnv> {
     focusInputAndSelectContent(): void;
 }
 
-interface Props$i {
+interface Props$k {
     dimension: PivotCoreDimension | PivotCoreMeasure;
     onRemoved: (dimension: PivotCoreDimension | PivotCoreMeasure) => void;
     onNameUpdated?: (dimension: PivotCoreDimension | PivotCoreMeasure, name?: string) => void;
     type: "row" | "col" | "measure";
 }
-declare class PivotDimension extends Component<Props$i, SpreadsheetChildEnv> {
+declare class PivotDimension extends Component<Props$k, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         dimension: ObjectConstructor;
@@ -9750,13 +9802,13 @@ declare class PivotDimension extends Component<Props$i, SpreadsheetChildEnv> {
     updateName(name: string): void;
 }
 
-interface Props$h {
+interface Props$j {
     dimension: PivotDimension$1;
     onUpdated: (dimension: PivotDimension$1, ev: InputEvent) => void;
     availableGranularities: Set<string>;
     allGranularities: string[];
 }
-declare class PivotDimensionGranularity extends Component<Props$h, SpreadsheetChildEnv> {
+declare class PivotDimensionGranularity extends Component<Props$j, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         dimension: ObjectConstructor;
@@ -9781,11 +9833,11 @@ declare class PivotDimensionGranularity extends Component<Props$h, SpreadsheetCh
     };
 }
 
-interface Props$g {
+interface Props$i {
     dimension: PivotDimension$1;
     onUpdated: (dimension: PivotDimension$1, ev: InputEvent) => void;
 }
-declare class PivotDimensionOrder extends Component<Props$g, SpreadsheetChildEnv> {
+declare class PivotDimensionOrder extends Component<Props$i, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         dimension: ObjectConstructor;
@@ -9820,7 +9872,7 @@ declare function createPivotFormula(formulaId: string, cell: PivotTableCell): st
  */
 declare function toNormalizedPivotValue(dimension: Pick<PivotDimension$1, "type" | "displayName" | "granularity">, groupValue: any): CellValue;
 
-interface Props$f {
+interface Props$h {
     onConfirm: (content: string) => void;
     composerContent: string;
     defaultRangeSheetId: UID;
@@ -9828,8 +9880,9 @@ interface Props$f {
     placeholder?: string;
     class?: string;
     invalid?: boolean;
+    getContextualColoredSymbolToken?: (token: Token) => Color;
 }
-declare class StandaloneComposer extends Component<Props$f, SpreadsheetChildEnv> {
+declare class StandaloneComposer extends Component<Props$h, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         composerContent: {
@@ -9857,6 +9910,10 @@ declare class StandaloneComposer extends Component<Props$f, SpreadsheetChildEnv>
             type: BooleanConstructor;
             optional: boolean;
         };
+        getContextualColoredSymbolToken: {
+            type: FunctionConstructor;
+            optional: boolean;
+        };
     };
     static components: {
         Composer: typeof Composer;
@@ -9875,7 +9932,7 @@ declare class StandaloneComposer extends Component<Props$f, SpreadsheetChildEnv>
     onFocus(selection: ComposerSelection): void;
 }
 
-interface Props$e {
+interface Props$g {
     pivotId: string;
     definition: PivotRuntimeDefinition;
     measure: PivotMeasure;
@@ -9883,7 +9940,7 @@ interface Props$e {
     onRemoved: () => void;
     generateMeasureId: (fieldName: string, aggregator?: string) => string;
 }
-declare class PivotMeasureEditor extends Component<Props$e> {
+declare class PivotMeasureEditor extends Component<Props$g> {
     static template: string;
     static components: {
         PivotDimension: typeof PivotDimension;
@@ -9904,9 +9961,10 @@ declare class PivotMeasureEditor extends Component<Props$e> {
     updateName(measure: PivotMeasure, userDefinedName?: string): void;
     toggleMeasureVisibility(): void;
     openShowValuesAs(): void;
+    getColoredSymbolToken(token: Token): Color | undefined;
 }
 
-interface Props$d {
+interface Props$f {
     definition: PivotRuntimeDefinition;
     onDimensionsUpdated: (definition: Partial<PivotCoreDefinition>) => void;
     unusedGroupableFields: PivotField[];
@@ -9916,7 +9974,7 @@ interface Props$d {
     datetimeGranularities: string[];
     pivotId: UID;
 }
-declare class PivotLayoutConfigurator extends Component<Props$d, SpreadsheetChildEnv> {
+declare class PivotLayoutConfigurator extends Component<Props$f, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         AddDimensionButton: typeof AddDimensionButton;
@@ -9992,11 +10050,11 @@ declare class PivotSidePanelStore extends SpreadsheetStore {
     private getUnusedGranularities;
 }
 
-interface Props$c {
+interface Props$e {
     pivotId: UID;
     flipAxis: () => void;
 }
-declare class PivotTitleSection extends Component<Props$c, SpreadsheetChildEnv> {
+declare class PivotTitleSection extends Component<Props$e, SpreadsheetChildEnv> {
     static template: string;
     static components: {
         CogWheelMenu: typeof CogWheelMenu;
@@ -10037,7 +10095,7 @@ declare class FunctionRegistry extends Registry<FunctionDescription> {
 }
 
 /**
- * Create a proposal entry for the compose autowcomplete
+ * Create a proposal entry for the composer autocomplete
  * to insert a field name string in a formula.
  */
 declare function makeFieldProposal(field: PivotField, granularity?: Granularity): {
@@ -10080,6 +10138,97 @@ declare function getFirstPivotFunction(tokens: Token[]): {
  */
 declare function getNumberOfPivotFunctions(tokens: Token[]): number;
 
+interface Props$d {
+    figureId: UID;
+    definition: ComboChartDefinition;
+    canUpdateChart: (figureID: UID, definition: GenericDefinition<ComboChartDefinition>) => DispatchResult;
+    updateChart: (figureId: UID, definition: GenericDefinition<ComboChartDefinition>) => DispatchResult;
+}
+declare class ComboChartDesignPanel extends ChartWithAxisDesignPanel<Props$d> {
+    static template: string;
+    static components: {
+        RadioSelection: typeof RadioSelection;
+        GeneralDesignEditor: typeof GeneralDesignEditor;
+        SidePanelCollapsible: typeof SidePanelCollapsible;
+        Section: typeof Section;
+        AxisDesignEditor: typeof AxisDesignEditor;
+        Checkbox: typeof Checkbox;
+        SeriesWithAxisDesignEditor: typeof SeriesWithAxisDesignEditor;
+        ChartLegend: typeof ChartLegend;
+    };
+    seriesTypeChoices: {
+        value: string;
+        label: string;
+    }[];
+    updateDataSeriesType(index: number, type: "bar" | "line"): void;
+    getDataSeriesType(index: number): "line" | "bar";
+}
+
+interface Props$c {
+    figureId: UID;
+    definition: RadarChartDefinition;
+    canUpdateChart: (figureID: UID, definition: GenericDefinition<RadarChartDefinition>) => DispatchResult;
+    updateChart: (figureId: UID, definition: GenericDefinition<RadarChartDefinition>) => DispatchResult;
+}
+declare class RadarChartDesignPanel extends Component<Props$c, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {
+        GeneralDesignEditor: typeof GeneralDesignEditor;
+        SeriesDesignEditor: typeof SeriesDesignEditor;
+        Section: typeof Section;
+        Checkbox: typeof Checkbox;
+        ChartLegend: typeof ChartLegend;
+    };
+    static props: {
+        figureId: StringConstructor;
+        definition: ObjectConstructor;
+        canUpdateChart: FunctionConstructor;
+        updateChart: FunctionConstructor;
+    };
+}
+
+interface Props$b {
+    figureId: UID;
+    definition: WaterfallChartDefinition;
+    canUpdateChart: (figureID: UID, definition: GenericDefinition<WaterfallChartDefinition>) => DispatchResult;
+    updateChart: (figureId: UID, definition: GenericDefinition<WaterfallChartDefinition>) => DispatchResult;
+}
+declare class WaterfallChartDesignPanel extends Component<Props$b, SpreadsheetChildEnv> {
+    static template: string;
+    static components: {
+        GeneralDesignEditor: typeof GeneralDesignEditor;
+        Checkbox: typeof Checkbox;
+        SidePanelCollapsible: typeof SidePanelCollapsible;
+        Section: typeof Section;
+        RoundColorPicker: typeof RoundColorPicker;
+        AxisDesignEditor: typeof AxisDesignEditor;
+        RadioSelection: typeof RadioSelection;
+        ChartLegend: typeof ChartLegend;
+    };
+    static props: {
+        figureId: StringConstructor;
+        definition: ObjectConstructor;
+        updateChart: FunctionConstructor;
+        canUpdateChart: {
+            type: FunctionConstructor;
+            optional: boolean;
+        };
+    };
+    axisChoices: {
+        value: string;
+        label: string;
+    }[];
+    onUpdateShowSubTotals(showSubTotals: boolean): void;
+    onUpdateShowConnectorLines(showConnectorLines: boolean): void;
+    onUpdateFirstValueAsSubtotal(firstValueAsSubtotal: boolean): void;
+    updateColor(colorName: string, color: Color): void;
+    get axesList(): AxisDefinition[];
+    get positiveValuesColor(): Color | "#4EA7F2";
+    get negativeValuesColor(): Color | "#EA6175";
+    get subTotalValuesColor(): Color | "#AAAAAA";
+    updateVerticalAxisPosition(value: "left" | "right"): void;
+}
+
 declare class PivotMeasureDisplayPanelStore extends SpreadsheetStore {
     private pivotId;
     private initialMeasure;
@@ -10409,13 +10558,13 @@ declare class Ripple extends Component<RippleProps, SpreadsheetChildEnv> {
     getRippleEffectProps(id: number): RippleEffectProps;
 }
 
-interface Props$b {
+interface Props$a {
     sheetId: string;
     openContextMenu: (registry: MenuItemRegistry, ev: MouseEvent) => void;
     style?: string;
     onMouseDown: (ev: MouseEvent) => void;
 }
-declare class BottomBarSheet extends Component<Props$b, SpreadsheetChildEnv> {
+declare class BottomBarSheet extends Component<Props$a, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         sheetId: StringConstructor;
@@ -10466,11 +10615,11 @@ declare class BottomBarSheet extends Component<Props$b, SpreadsheetChildEnv> {
     get sheetColorStyle(): string;
 }
 
-interface Props$a {
+interface Props$9 {
     openContextMenu: (x: number, y: number, registry: MenuItemRegistry) => void;
     closeContextMenu: () => void;
 }
-declare class BottomBarStatistic extends Component<Props$a, SpreadsheetChildEnv> {
+declare class BottomBarStatistic extends Component<Props$9, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         openContextMenu: FunctionConstructor;
@@ -10491,13 +10640,13 @@ interface BottomBarSheetItem {
     id: UID;
     name: string;
 }
-interface Props$9 {
+interface Props$8 {
     onClick: () => void;
 }
 interface BottomBarMenuState extends MenuState {
     menuId: UID | undefined;
 }
-declare class BottomBar extends Component<Props$9, SpreadsheetChildEnv> {
+declare class BottomBar extends Component<Props$8, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         onClick: FunctionConstructor;
@@ -10553,9 +10702,9 @@ declare class ClickableCellsStore extends SpreadsheetStore {
     get clickableCells(): ClickableCell[];
 }
 
-interface Props$8 {
+interface Props$7 {
 }
-declare class SpreadsheetDashboard extends Component<Props$8, SpreadsheetChildEnv> {
+declare class SpreadsheetDashboard extends Component<Props$7, SpreadsheetChildEnv> {
     static template: string;
     static props: {};
     static components: {
@@ -10592,7 +10741,7 @@ declare class SpreadsheetDashboard extends Component<Props$8, SpreadsheetChildEn
     private getGridRect;
 }
 
-interface Props$7 {
+interface Props$6 {
     group: HeaderGroup;
     layerOffset: number;
     openContextMenu(position: DOMCoordinates, menuItems: Action[]): void;
@@ -10602,7 +10751,7 @@ interface GroupBox {
     headerRect: Rect;
     isEndHidden: boolean;
 }
-declare abstract class AbstractHeaderGroup extends Component<Props$7, SpreadsheetChildEnv> {
+declare abstract class AbstractHeaderGroup extends Component<Props$6, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         group: ObjectConstructor;
@@ -10634,11 +10783,11 @@ declare class ColGroup extends AbstractHeaderGroup {
     get groupBox(): GroupBox;
 }
 
-interface Props$6 {
+interface Props$5 {
     dimension: Dimension;
     layers: HeaderGroup[][];
 }
-declare class HeaderGroupContainer extends Component<Props$6, SpreadsheetChildEnv> {
+declare class HeaderGroupContainer extends Component<Props$5, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         dimension: StringConstructor;
@@ -10784,14 +10933,14 @@ declare namespace ACTION_EDIT {
   };
 }
 
-interface Props$5 {
+interface Props$4 {
     action: ActionSpec;
     hasTriangleDownIcon?: boolean;
     selectedColor?: string;
     class?: string;
     onClick?: (ev: MouseEvent) => void;
 }
-declare class ActionButton extends Component<Props$5, SpreadsheetChildEnv> {
+declare class ActionButton extends Component<Props$4, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         action: ObjectConstructor;
@@ -10824,7 +10973,7 @@ declare class ActionButton extends Component<Props$5, SpreadsheetChildEnv> {
 }
 
 type Tool = "borderColorTool" | "borderTypeTool";
-interface State$5 {
+interface State$4 {
     activeTool: Tool | undefined;
 }
 interface BorderEditorProps {
@@ -10875,7 +11024,7 @@ declare class BorderEditor extends Component<BorderEditorProps, SpreadsheetChild
         el: HTMLElement | null;
     };
     borderStyles: readonly ["thin", "medium", "thick", "dashed", "dotted"];
-    state: State$5;
+    state: State$4;
     toggleDropdownTool(tool: Tool): void;
     closeDropdown(): void;
     setBorderPosition(position: BorderPosition): void;
@@ -10886,19 +11035,19 @@ declare class BorderEditor extends Component<BorderEditorProps, SpreadsheetChild
     get lineStylePickerAnchorRect(): Rect;
 }
 
-interface Props$4 {
+interface Props$3 {
     toggleBorderEditor: () => void;
     showBorderEditor: boolean;
     disabled?: boolean;
     dropdownMaxHeight?: Pixel;
     class?: string;
 }
-interface State$4 {
+interface State$3 {
     currentColor: Color;
     currentStyle: BorderStyle;
     currentPosition: BorderPosition | undefined;
 }
-declare class BorderEditorWidget extends Component<Props$4, SpreadsheetChildEnv> {
+declare class BorderEditorWidget extends Component<Props$3, SpreadsheetChildEnv> {
     static template: string;
     static props: {
         toggleBorderEditor: FunctionConstructor;
@@ -10922,7 +11071,7 @@ declare class BorderEditorWidget extends Component<Props$4, SpreadsheetChildEnv>
     borderEditorButtonRef: {
         el: HTMLElement | null;
     };
-    state: State$4;
+    state: State$3;
     get borderEditorAnchorRect(): Rect;
     onBorderPositionPicked(position: BorderPosition): void;
     onBorderColorPicked(color: Color): void;
@@ -10946,38 +11095,6 @@ declare class TopBarComposer extends Component<any, SpreadsheetChildEnv> {
     onFocus(selection: ComposerSelection): void;
 }
 
-interface State$3 {
-    isOpen: boolean;
-}
-interface Props$3 {
-    onToggle: () => void;
-    dropdownStyle: string;
-    class: string;
-}
-declare class FontSizeEditor extends Component<Props$3, SpreadsheetChildEnv> {
-    static template: string;
-    static props: {
-        onToggle: FunctionConstructor;
-        dropdownStyle: StringConstructor;
-        class: StringConstructor;
-    };
-    static components: {};
-    fontSizes: number[];
-    dropdown: State$3;
-    private inputRef;
-    private rootEditorRef;
-    setup(): void;
-    onExternalClick(ev: MouseEvent): void;
-    get currentFontSize(): number;
-    toggleFontList(): void;
-    closeFontList(): void;
-    private setSize;
-    setSizeFromInput(ev: InputEvent): void;
-    setSizeFromList(fontSizeStr: string): void;
-    onInputFocused(ev: InputEvent): void;
-    onInputKeydown(ev: KeyboardEvent): void;
-}
-
 interface Props$2 {
     tableConfig: TableConfig;
     tableStyle: TableStyle;
@@ -11119,7 +11236,6 @@ declare class TopBar extends Component<Props, SpreadsheetChildEnv> {
         onClick: FunctionConstructor;
         dropdownMaxHeight: NumberConstructor;
     };
-    get dropdownStyle(): string;
     static components: {
         ColorPickerWidget: typeof ColorPickerWidget;
         ColorPicker: typeof ColorPicker;
@@ -11143,6 +11259,7 @@ declare class TopBar extends Component<Props, SpreadsheetChildEnv> {
     composerFocusStore: Store<ComposerFocusStore>;
     setup(): void;
     get topbarComponents(): TopbarComponent[];
+    get currentFontSize(): number;
     onExternalClick(ev: MouseEvent): void;
     onClick(): void;
     onMenuMouseOver(menu: Action, ev: MouseEvent): void;
@@ -11154,6 +11271,7 @@ declare class TopBar extends Component<Props, SpreadsheetChildEnv> {
     updateCellState(): void;
     getMenuName(menu: Action): string;
     setColor(target: string, color: Color): void;
+    setFontSize(fontSize: number): void;
 }
 
 interface SpreadsheetProps extends Partial<NotificationStoreMethods> {
@@ -12281,6 +12399,7 @@ declare const helpers: {
     createPivotFormula: typeof createPivotFormula;
     areDomainArgsFieldsValid: typeof areDomainArgsFieldsValid;
     splitReference: typeof splitReference;
+    sanitizeSheetName: typeof sanitizeSheetName;
 };
 declare const links: {
     isMarkdownLink: typeof isMarkdownLink;
@@ -12312,6 +12431,9 @@ declare const components: {
     GaugeChartDesignPanel: typeof GaugeChartDesignPanel;
     ScorecardChartConfigPanel: typeof ScorecardChartConfigPanel;
     ScorecardChartDesignPanel: typeof ScorecardChartDesignPanel;
+    RadarChartDesignPanel: typeof RadarChartDesignPanel;
+    WaterfallChartDesignPanel: typeof WaterfallChartDesignPanel;
+    ComboChartDesignPanel: typeof ComboChartDesignPanel;
     ChartTypePicker: typeof ChartTypePicker;
     FigureComponent: typeof FigureComponent;
     Menu: typeof Menu;
@@ -12373,6 +12495,32 @@ declare const constants: {
         styleId: string;
         automaticAutofill: boolean;
     };
+    ChartTerms: {
+        Series: string;
+        BackgroundColor: string;
+        StackedBarChart: string;
+        StackedLineChart: string;
+        StackedAreaChart: string;
+        StackedColumnChart: string;
+        CumulativeData: string;
+        TreatLabelsAsText: string;
+        AggregatedChart: string;
+        Errors: {
+            Unexpected: string;
+            InvalidDataSet: string;
+            InvalidLabelRange: string;
+            InvalidScorecardKeyValue: string;
+            InvalidScorecardBaseline: string;
+            InvalidGaugeDataRange: string;
+            EmptyGaugeRangeMin: string;
+            GaugeRangeMinNaN: string;
+            EmptyGaugeRangeMax: string;
+            GaugeRangeMaxNaN: string;
+            GaugeRangeMinBiggerThanRangeMax: string;
+            GaugeLowerInflectionPointNaN: string;
+            GaugeUpperInflectionPointNaN: string;
+        };
+    };
 };
 declare const chartHelpers: {
     getBarChartData(definition: GenericDefinition<BarChartDefinition>, dataSets: DataSet[], labelRange: Range | undefined, getters: Getters): ChartRuntimeGenerationArgs;
@@ -12395,23 +12543,7 @@ declare const chartHelpers: {
     getPieChartDatasets(definition: GenericDefinition<PieChartDefinition>, args: ChartRuntimeGenerationArgs): chart_js.ChartDataset<"pie">[];
     getComboChartDatasets(definition: GenericDefinition<ComboChartDefinition>, args: ChartRuntimeGenerationArgs): chart_js.ChartDataset<"line" | "bar">[];
     getRadarChartDatasets(definition: GenericDefinition<RadarChartDefinition>, args: ChartRuntimeGenerationArgs): chart_js.ChartDataset<"radar">[];
-    getCommonChartLayout(definition: GenericDefinition<ChartWithDataSetDefinition>): chart_js_dist_types_utils._DeepPartialObject<Partial<{
-        autoPadding: boolean;
-        padding: chart_js.Scriptable<chart_js_dist_types_geometric.Padding, chart_js.ScriptableContext<keyof chart_js.ChartTypeRegistry>>;
-    }>> | undefined;
-    getBarChartLayout(definition: GenericDefinition<BarChartDefinition>): chart_js_dist_types_utils._DeepPartialObject<Partial<{
-        autoPadding: boolean;
-        padding: chart_js.Scriptable<chart_js_dist_types_geometric.Padding, chart_js.ScriptableContext<keyof chart_js.ChartTypeRegistry>>;
-    }>> | undefined;
-    getLineChartLayout(definition: GenericDefinition<LineChartDefinition>): chart_js_dist_types_utils._DeepPartialObject<Partial<{
-        autoPadding: boolean;
-        padding: chart_js.Scriptable<chart_js_dist_types_geometric.Padding, chart_js.ScriptableContext<keyof chart_js.ChartTypeRegistry>>;
-    }>> | undefined;
-    getPieChartLayout(definition: PieChartDefinition): chart_js_dist_types_utils._DeepPartialObject<Partial<{
-        autoPadding: boolean;
-        padding: chart_js.Scriptable<chart_js_dist_types_geometric.Padding, chart_js.ScriptableContext<keyof chart_js.ChartTypeRegistry>>;
-    }>> | undefined;
-    getWaterfallChartLayout(definition: WaterfallChartDefinition): chart_js_dist_types_utils._DeepPartialObject<Partial<{
+    getChartLayout(definition: GenericDefinition<ChartWithDataSetDefinition>): chart_js_dist_types_utils._DeepPartialObject<Partial<{
         autoPadding: boolean;
         padding: chart_js.Scriptable<chart_js_dist_types_geometric.Padding, chart_js.ScriptableContext<keyof chart_js.ChartTypeRegistry>>;
     }>> | undefined;
@@ -12856,6 +12988,7 @@ declare const chartHelpers: {
     toExcelLabelRange(getters: CoreGetters, labelRange: Range | undefined, shouldRemoveFirstLabel?: boolean | undefined): string | undefined;
     transformChartDefinitionWithDataSetsWithZone<T extends ChartWithDataSetDefinition>(definition: T, executed: AddColumnsRowsCommand | RemoveColumnsRowsCommand): T;
     chartFontColor(backgroundColor: Color | undefined): Color;
+    chartMutedFontColor(backgroundColor: Color | undefined): Color;
     checkDataset(definition: ChartWithDataSetDefinition): CommandResult;
     checkLabelRange(definition: ChartWithDataSetDefinition): CommandResult;
     shouldRemoveFirstLabel(labelRange: Range | undefined, dataset: DataSet | undefined, dataSetsHaveTitle: boolean): boolean;