@atlaskit/editor-common 107.20.1 → 107.21.0

package/dist/types-ts4.5/styles/shared/table.d.ts

@@ -32,5 +32,5 @@ export declare const TableSharedCssClassName: {
     readonly TABLE_RESIZER_CONTAINER: "pm-table-resizer-container";
 };
 declare const tableSharedStyle: () => import("@emotion/react").SerializedStyles;
-export declare const calcTableWidth: (layout: TableLayout, containerWidth?: number, addControllerPadding?: boolean) => number | 'inherit';
+export declare const calcTableWidth: (layout: TableLayout, containerWidth?: number, addControllerPadding?: boolean) => number | "inherit";
 export { tableSharedStyle };

package/dist/types-ts4.5/table/SortingIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { WrappedComponentProps } from 'react-intl-next';
 import { SortOrder } from '../types';
 export declare enum StatusClassNames {

package/dist/types-ts4.5/toolbar/EditorToolbarUIProvider.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { ExtractInjectionAPI, NextEditorPlugin } from '../types';
+export declare const EditorToolbarUIProvider: ({ children, api, }: {
+    children: React.ReactNode;
+    api: ExtractInjectionAPI<NextEditorPlugin<any, any>> | undefined;
+}) => React.JSX.Element;

package/dist/types-ts4.5/toolbar/index.d.ts

@@ -1,3 +1,5 @@
-export { TOOLBAR_RANK, AI_SECTION_RANK, ROVO_GROUP_RANK, IMPROVE_WRITING_GROUP_RANK, ROVO_MENU_RANK, ROVO_PROMPT_MENU_SECTION_RANK, CHANGE_TONE_MENU_RANK, CHANGE_TONE_MENU_SECTION_RANK, TRANSLATE_MENU_RANK, COLLAB_SECTION_RANK, COMMENT_GROUP_RANK, TEXT_SECTION_RANK, TEXT_STYLES_GROUP_RANK, TEXT_STYLES_MENU_RANK, TEXT_STYLES_MENU_SECTION_RANK, TEXT_FORMAT_GROUP_RANK, TEXT_FORMAT_MENU_RANK, TEXT_FORMATTING_MENU_SECTION_RANK, CLEAR_FORMARTTING_MENU_SECTION_RANK, TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK, TEXT_COLOR_HIGHLIGHT_GROUP_RANK, TEXT_COLOR_HIGHLIGHT_MENU_RANK, OVERFLOW_SECTION_RANK, OVERFLOW_GROUP_RANK, OVERFLOW_MENU_RANK, PIN_MENU_SECTION_RANK, LINKING_SECTION_RANK, LINKING_GROUP_RANK, } from './rank';
-export { TOOLBARS, AI_SECTION, ROVO_GROUP, IMPROVE_WRITING_GROUP, IMPROVE_WRITING_BUTTON, ROVO_HERO_BUTTON, ROVO_MENU, ROVO_PROMPT_MENU_SECTION, MAKE_SHORTER_MENU_ITEM, MAKE_LONGER_MENU_ITEM, CHANGE_TONE_NESTED_MENU, SPELLING_AND_GRAMMAR_MENU_ITEM, SUMMARIZE_MENU_ITEM, CHANGE_TONE_MENU_SECTION, MORE_PROFESSIONAL_MENU_ITEM, MORE_CASUAL_MENU_ITEM, MORE_EMPATHETIC_MENU_ITEM, TRANSLATE_NESTED_MENU, TRANSLATE_MENU_SECTION, TEXT_SECTION, TEXT_FORMATTING_GROUP, TEXT_FORMATTING_HERO_BUTTON, TEXT_FORMATTING_MENU, TEXT_FORMATTING_MENU_SECTION, TEXT_STYLES_GROUP, TEXT_STYLES_MENU, TEXT_STYLES_MENU_SECTION, NORMAL_TEXT_MENU_ITEM, HEADING_1_MENU_ITEM, HEADING_2_MENU_ITEM, HEADING_3_MENU_ITEM, HEADING_4_MENU_ITEM, HEADING_5_MENU_ITEM, HEADING_6_MENU_ITEM, BLOCK_QUOTE_MENU_ITEM, BOLD_MENU_ITEM, ITALIC_MENU_ITEM, UNDERLINE_MENU_ITEM, STRIKE_MENU_ITEM, CODE_MENU_ITEM, SUBSCRIPT_MENU_ITEM, SUPERSCRIPT_MENU_ITEM, CLEAR_FORMARTTING_MENU_SECTION, CLEAR_FORMATTING_MENU_ITEM, LINKING_SECTION, LINKING_GROUP, LINKING_BUTTON, COLLAB_SECTION, COMMENT_GROUP, COMMENT_HERO_BUTTON, APPS_SECTION, OVERFLOW_SECTION, TEXT_COLOR_HIGHLIGHT_GROUP, TEXT_COLOR_HIGHLIGHT_MENU, TEXT_COLOR_HIGHLIGHT_MENU_SECTION, TEXT_COLOR_MENU_ITEM, HIGHLIGHT_MENU_ITEM, OVERFLOW_GROUP, OVERFLOW_MENU, PIN_MENU_SECTION, PIN_MENU_ITEM, } from './keys';
+export { TOOLBAR_RANK, AI_SECTION_RANK, ROVO_GROUP_RANK, IMPROVE_WRITING_GROUP_RANK, ROVO_MENU_RANK, ROVO_PROMPT_MENU_SECTION_RANK, CHANGE_TONE_MENU_RANK, CHANGE_TONE_MENU_SECTION_RANK, TRANSLATE_MENU_RANK, COLLAB_SECTION_RANK, COMMENT_GROUP_RANK, TEXT_SECTION_RANK, TEXT_STYLES_GROUP_RANK, TEXT_STYLES_MENU_RANK, TEXT_STYLES_MENU_SECTION_RANK, TEXT_FORMAT_GROUP_RANK, TEXT_FORMAT_MENU_RANK, TEXT_FORMATTING_MENU_SECTION_RANK, CLEAR_FORMARTTING_MENU_SECTION_RANK, TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK, TEXT_COLOR_HIGHLIGHT_GROUP_RANK, TEXT_COLOR_HIGHLIGHT_MENU_RANK, OVERFLOW_SECTION_RANK, OVERFLOW_GROUP_RANK, OVERFLOW_MENU_RANK, PIN_MENU_SECTION_RANK, LINKING_SECTION_RANK, LINKING_GROUP_RANK, ALIGNMENT_GROUP_RANK, ALIGNMENT_MENU_RANK, ALIGNMENT_MENU_SECTION_RANK, } from './rank';
+export { TOOLBARS, AI_SECTION, ROVO_GROUP, IMPROVE_WRITING_GROUP, IMPROVE_WRITING_BUTTON, ROVO_HERO_BUTTON, ROVO_MENU, ROVO_PROMPT_MENU_SECTION, MAKE_SHORTER_MENU_ITEM, MAKE_LONGER_MENU_ITEM, CHANGE_TONE_NESTED_MENU, SPELLING_AND_GRAMMAR_MENU_ITEM, SUMMARIZE_MENU_ITEM, CHANGE_TONE_MENU_SECTION, MORE_PROFESSIONAL_MENU_ITEM, MORE_CASUAL_MENU_ITEM, MORE_EMPATHETIC_MENU_ITEM, TRANSLATE_NESTED_MENU, TRANSLATE_MENU_SECTION, TEXT_SECTION, TEXT_FORMATTING_GROUP, TEXT_FORMATTING_HERO_BUTTON, TEXT_FORMATTING_MENU, TEXT_FORMATTING_MENU_SECTION, TEXT_STYLES_GROUP, TEXT_STYLES_MENU, TEXT_STYLES_MENU_SECTION, NORMAL_TEXT_MENU_ITEM, HEADING_1_MENU_ITEM, HEADING_2_MENU_ITEM, HEADING_3_MENU_ITEM, HEADING_4_MENU_ITEM, HEADING_5_MENU_ITEM, HEADING_6_MENU_ITEM, BLOCK_QUOTE_MENU_ITEM, BOLD_MENU_ITEM, ITALIC_MENU_ITEM, UNDERLINE_MENU_ITEM, STRIKE_MENU_ITEM, CODE_MENU_ITEM, SUBSCRIPT_MENU_ITEM, SUPERSCRIPT_MENU_ITEM, CLEAR_FORMARTTING_MENU_SECTION, CLEAR_FORMATTING_MENU_ITEM, LINKING_SECTION, LINKING_GROUP, LINKING_BUTTON, COLLAB_SECTION, COMMENT_GROUP, COMMENT_HERO_BUTTON, APPS_SECTION, OVERFLOW_SECTION, TEXT_COLOR_HIGHLIGHT_GROUP, TEXT_COLOR_HIGHLIGHT_MENU, TEXT_COLOR_HIGHLIGHT_MENU_SECTION, TEXT_COLOR_MENU_ITEM, HIGHLIGHT_MENU_ITEM, OVERFLOW_GROUP, OVERFLOW_MENU, PIN_MENU_SECTION, PIN_MENU_ITEM, ALIGNMENT_GROUP, ALIGNMENT_MENU, ALIGNMENT_MENU_SECTION, ALIGN_LEFT_MENU_ITEM, ALIGN_CENTER_MENU_ITEM, ALIGN_RIGHT_MENU_ITEM, } from './keys';
 export { useEditorToolbar, EditorToolbarProvider } from './context';
+export { EditorToolbarUIProvider } from './EditorToolbarUIProvider';
+export { getInputMethodFromParentKeys } from './utils';

package/dist/types-ts4.5/toolbar/keys.d.ts

@@ -1,5 +1,6 @@
 export declare const TOOLBARS: {
     readonly INLINE_TEXT_TOOLBAR: "inline-text-toolbar";
+    readonly PRIMARY_TOOLBAR: "primary-toolbar";
 };
 /**
  * AI section
@@ -208,6 +209,30 @@ export declare const HIGHLIGHT_MENU_ITEM: {
     readonly key: "highlight-menu-item";
     readonly type: "menu-item";
 };
+export declare const ALIGNMENT_GROUP: {
+    readonly key: "alignment-group";
+    readonly type: "group";
+};
+export declare const ALIGNMENT_MENU: {
+    readonly key: "alignment-menu";
+    readonly type: "menu";
+};
+export declare const ALIGNMENT_MENU_SECTION: {
+    readonly key: "alignment-menu-section";
+    readonly type: "menu-section";
+};
+export declare const ALIGN_LEFT_MENU_ITEM: {
+    readonly key: "align-left-menu-item";
+    readonly type: "menu-item";
+};
+export declare const ALIGN_CENTER_MENU_ITEM: {
+    readonly key: "align-center-menu-item";
+    readonly type: "menu-item";
+};
+export declare const ALIGN_RIGHT_MENU_ITEM: {
+    readonly key: "align-right-menu-item";
+    readonly type: "menu-item";
+};
 export declare const LINKING_SECTION: {
     readonly key: "linking-section";
     readonly type: "section";

package/dist/types-ts4.5/toolbar/rank.d.ts

@@ -48,6 +48,7 @@ export declare const TRANSLATE_MENU_RANK: {
 export declare const TEXT_SECTION_RANK: {
     "text-styles-group": number;
     "text-formatting-group": number;
+    "alignment-group": number;
     "text-color-highlight-group": number;
 };
 /**
@@ -111,6 +112,20 @@ export declare const LINKING_SECTION_RANK: {
 export declare const LINKING_GROUP_RANK: {
     "linking-button": number;
 };
+/**
+ * Alignment group
+ */
+export declare const ALIGNMENT_GROUP_RANK: {
+    "alignment-menu": number;
+};
+export declare const ALIGNMENT_MENU_RANK: {
+    "alignment-menu-section": number;
+};
+export declare const ALIGNMENT_MENU_SECTION_RANK: {
+    "align-left-menu-item": number;
+    "align-center-menu-item": number;
+    "align-right-menu-item": number;
+};
 /**
  * Collab section
  */

package/dist/types-ts4.5/toolbar/utils.d.ts

@@ -0,0 +1,3 @@
+import type { ToolbarComponentTypes } from '@atlaskit/editor-toolbar-model';
+import { INPUT_METHOD } from '../analytics';
+export declare const getInputMethodFromParentKeys: (parents: ToolbarComponentTypes) => INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TOOLBAR;

package/dist/types-ts4.5/types/annotation/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { AnnotationId, AnnotationTypes } from '@atlaskit/adf-schema';
 import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
 import type { AddNodeMarkStep, AddMarkStep, RemoveMarkStep, RemoveNodeMarkStep } from '@atlaskit/editor-prosemirror/transform';

package/dist/types-ts4.5/types/empty-state-handler.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type EmptyStateHandler = (params: EmptyStateHandlerParams) => React.ReactElement<any> | null;
 export type EmptyStateHandlerParams = {
     mode: string;

package/dist/types-ts4.5/types/hyperlink.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { LinkPickerProps } from '@atlaskit/link-picker';
 import type { INPUT_METHOD } from '../analytics';
 import type { CardOptions } from '../card';

package/dist/types-ts4.5/ui/HoverLinkOverlay/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { EditorAnalyticsAPI } from '../../analytics';
 export type HoverLinkOverlayProps = React.HTMLAttributes<HTMLSpanElement> & {

package/dist/types-ts4.5/ui/IntlProviderIfMissingWrapper/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface WrapProps {
     children: JSX.Element;
 }

package/dist/types-ts4.5/ui/MediaSingle/grid.d.ts

@@ -11,13 +11,13 @@ export declare const calcPctWidth: (containerWidth: EditorContainerWidth, pctWid
 export declare const calcMediaPxWidth: (opts: {
     origWidth: number;
     origHeight: number;
-    state?: EditorState | undefined;
+    state?: EditorState;
     containerWidth: EditorContainerWidth;
-    layout?: MediaSingleLayout | undefined;
-    pctWidth?: number | undefined;
-    pos?: number | undefined;
-    resizedPctWidth?: number | undefined;
-    isFullWidthModeEnabled?: boolean | undefined;
+    layout?: MediaSingleLayout;
+    pctWidth?: number;
+    pos?: number;
+    resizedPctWidth?: number;
+    isFullWidthModeEnabled?: boolean;
 }) => number;
 export declare const snapToGrid: (gridWidth: number, width: number, height: number, lineLength: number, gridSize: number) => {
     height: number;

package/dist/types-ts4.5/ui/OverflowShadow/index.d.ts

@@ -19,12 +19,12 @@ export interface OverflowShadowOptions {
 }
 export default function overflowShadow<P>(Component: React.ComponentType<React.PropsWithChildren<P & OverflowShadowProps>>, options: OverflowShadowOptions): {
     new (props: (P & OverflowShadowProps) | Readonly<P & OverflowShadowProps>): {
-        overflowContainer?: HTMLElement | null | undefined;
-        container?: HTMLElement | undefined;
-        shadowObserver?: ShadowObserver | undefined;
+        overflowContainer?: HTMLElement | null;
+        container?: HTMLElement;
+        shadowObserver?: ShadowObserver;
         overflowContainerWidth: number;
-        scrollable?: NodeList | undefined;
-        diff?: number | undefined;
+        scrollable?: NodeList;
+        diff?: number;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;
@@ -58,12 +58,12 @@ export default function overflowShadow<P>(Component: React.ComponentType<React.P
         UNSAFE_componentWillUpdate?(nextProps: Readonly<P & OverflowShadowProps>, nextState: Readonly<OverflowShadowState>, nextContext: any): void;
     };
     new (props: P & OverflowShadowProps, context: any): {
-        overflowContainer?: HTMLElement | null | undefined;
-        container?: HTMLElement | undefined;
-        shadowObserver?: ShadowObserver | undefined;
+        overflowContainer?: HTMLElement | null;
+        container?: HTMLElement;
+        shadowObserver?: ShadowObserver;
         overflowContainerWidth: number;
-        scrollable?: NodeList | undefined;
-        diff?: number | undefined;
+        scrollable?: NodeList;
+        diff?: number;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;

package/dist/types-ts4.5/ui/Toolbar/ExpandIcon.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function ToolbarExpandIcon(): JSX.Element;

package/dist/types-ts4.5/ui/Toolbar/Separator.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function ToolbarSeparator(): JSX.Element;

package/dist/types-ts4.5/ui-menu/ArrowKeyNavigationProvider/ColorPaletteArrowKeyNavigationProvider/index.d.ts

@@ -4,4 +4,4 @@ import type { ColorPaletteArrowKeyNavigationProps } from '../types';
  * This component is a wrapper for color picker which listens to keydown events of children
  * and handles arrow key navigation
  */
-export declare const ColorPaletteArrowKeyNavigationProvider: ({ children, selectedRowIndex, selectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, handleClose, closeOnTab, editorRef, ignoreEscapeKey, popupsMountPoint, }: React.PropsWithChildren<Omit<ColorPaletteArrowKeyNavigationProps, 'type'>>) => React.JSX.Element;
+export declare const ColorPaletteArrowKeyNavigationProvider: ({ children, selectedRowIndex, selectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, handleClose, closeOnTab, editorRef, ignoreEscapeKey, popupsMountPoint, }: React.PropsWithChildren<Omit<ColorPaletteArrowKeyNavigationProps, "type">>) => React.JSX.Element;

package/dist/types-ts4.5/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.d.ts

@@ -4,4 +4,4 @@ import type { MenuArrowKeyNavigationProviderProps } from '../types';
  * This component is a wrapper of vertical menus which listens to keydown events of children
  * and handles up/down arrow key navigation
  */
-export declare const MenuArrowKeyNavigationProvider: ({ children, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, editorRef, popupsMountPoint, disableCloseOnArrowClick, }: React.PropsWithChildren<Omit<MenuArrowKeyNavigationProviderProps, 'type'>>) => React.JSX.Element;
+export declare const MenuArrowKeyNavigationProvider: ({ children, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, editorRef, popupsMountPoint, disableCloseOnArrowClick, }: React.PropsWithChildren<Omit<MenuArrowKeyNavigationProviderProps, "type">>) => React.JSX.Element;

package/dist/types-ts4.5/ui-menu/ArrowKeyNavigationProvider/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface KeyDownHandlerContext {
     handleArrowRight: () => void;
     handleArrowLeft: () => void;

package/dist/types-ts4.5/ui-menu/ColorPickerButton/index.d.ts

@@ -7,28 +7,28 @@ import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import type { PaletteColor, PaletteTooltipMessages } from '../../ui-color';
 import type { Position as PopupPosition } from '../../ui/Popup/utils';
 declare const _default: React.ForwardRefExoticComponent<Omit<Omit<{
-    currentColor?: string | undefined;
-    title?: string | undefined;
-    isAriaExpanded?: boolean | undefined;
-    onChange?: ((color: PaletteColor) => void) | undefined;
+    currentColor?: string;
+    title?: string;
+    isAriaExpanded?: boolean;
+    onChange?: (color: PaletteColor) => void;
     colorPalette: PaletteColor[];
     placement: string;
-    cols?: number | undefined;
-    alignX?: "end" | "left" | "right" | "center" | undefined;
+    cols?: number;
+    alignX?: "left" | "right" | "center" | "end";
     size?: {
         width: string;
         height: string;
-    } | undefined;
-    mountPoint?: HTMLElement | undefined;
-    setDisableParentScroll?: ((disable: boolean) => void) | undefined;
-    hexToPaletteColor?: ((hexColor: string) => string | undefined) | undefined;
-    paletteColorTooltipMessages?: PaletteTooltipMessages | undefined;
+    };
+    mountPoint?: HTMLElement;
+    setDisableParentScroll?: (disable: boolean) => void;
+    hexToPaletteColor?: (hexColor: string) => string | undefined;
+    paletteColorTooltipMessages?: PaletteTooltipMessages;
     /**
      * After picking the color the default behaviour is to focus the color picker button.
      * To prevent this use skipFocusButtonAfterPick.
      */
-    skipFocusButtonAfterPick?: boolean | undefined;
-    absoluteOffset?: PopupPosition | undefined;
-    returnEscToButton?: boolean | undefined;
+    skipFocusButtonAfterPick?: boolean;
+    absoluteOffset?: PopupPosition;
+    returnEscToButton?: boolean;
 }, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & React.RefAttributes<any>>;
 export default _default;

package/dist/types-ts4.5/ui-menu/ToolbarArrowKeyNavigationProvider/index.d.ts

@@ -23,12 +23,12 @@ export declare const KeyDownHandlerContext: React.Context<KeyDownHandlerContext>
  */
 export declare const ToolbarArrowKeyNavigationProvider: ({ children, editorView, childComponentSelector, handleEscape, disableArrowKeyNavigation, isShortcutToFocusToolbar, editorAppearance, useStickyToolbar, intl, }: {
     children: ReactNode;
-    editorView?: EditorView | undefined;
+    editorView?: EditorView;
     childComponentSelector: string;
-    handleEscape?: ((event: KeyboardEvent) => void) | undefined;
-    disableArrowKeyNavigation?: boolean | undefined;
-    isShortcutToFocusToolbar?: ((event: KeyboardEvent) => boolean) | undefined;
-    editorAppearance?: EditorAppearance | undefined;
-    useStickyToolbar?: UseStickyToolbarType | undefined;
+    handleEscape?: (event: KeyboardEvent) => void;
+    disableArrowKeyNavigation?: boolean;
+    isShortcutToFocusToolbar?: (event: KeyboardEvent) => boolean;
+    editorAppearance?: EditorAppearance;
+    useStickyToolbar?: UseStickyToolbarType;
     intl: IntlShape;
 }) => jsx.JSX.Element;

package/dist/types-ts4.5/ui-menu/ToolbarButton/index.d.ts

@@ -36,29 +36,29 @@ export type Props = {
 } & Pick<ButtonProps, 'aria-label' | 'children' | 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'aria-controls' | 'rel'>;
 export type ToolbarButtonRef = HTMLElement;
 declare const ToolbarButton: React.ForwardRefExoticComponent<{
-    buttonId?: TOOLBAR_ACTION_SUBJECT_ID | undefined;
-    className?: string | undefined;
-    disabled?: boolean | undefined;
-    hideTooltip?: boolean | undefined;
-    href?: string | undefined;
-    iconAfter?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    iconBefore?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    onClick?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
-    onItemClick?: ((item: MenuItem) => void) | undefined;
-    onKeyDown?: ((event: React.KeyboardEvent<HTMLElement>) => void) | undefined;
-    selected?: boolean | undefined;
-    spacing?: "default" | "none" | "compact" | undefined;
-    target?: string | undefined;
+    buttonId?: TOOLBAR_ACTION_SUBJECT_ID;
+    className?: string;
+    disabled?: boolean;
+    hideTooltip?: boolean;
+    href?: string;
+    iconAfter?: React.ReactElement<any>;
+    iconBefore?: React.ReactElement<any>;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    onItemClick?: (item: MenuItem) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
+    selected?: boolean;
+    spacing?: "default" | "compact" | "none";
+    target?: string;
     title?: React.ReactNode;
-    titlePosition?: PositionType | undefined;
-    item?: MenuItem | undefined;
-    testId?: string | undefined;
-    keymap?: Keymap | undefined;
-    'aria-label'?: React.AriaAttributes['aria-label'];
-    'aria-expanded'?: React.AriaAttributes['aria-expanded'];
-    'aria-haspopup'?: React.AriaAttributes['aria-haspopup'];
-    'aria-pressed'?: React.AriaAttributes['aria-pressed'];
-    'aria-keyshortcuts'?: React.AriaAttributes['aria-keyshortcuts'];
-    'data-ds--level'?: string | undefined;
+    titlePosition?: PositionType;
+    item?: MenuItem;
+    testId?: string;
+    keymap?: Keymap;
+    'aria-label'?: React.AriaAttributes["aria-label"];
+    'aria-expanded'?: React.AriaAttributes["aria-expanded"];
+    'aria-haspopup'?: React.AriaAttributes["aria-haspopup"];
+    'aria-pressed'?: React.AriaAttributes["aria-pressed"];
+    'aria-keyshortcuts'?: React.AriaAttributes["aria-keyshortcuts"];
+    'data-ds--level'?: string;
 } & Pick<ButtonProps, "onFocus" | "onBlur" | "children" | "rel" | "aria-controls" | "aria-label" | "onMouseEnter" | "onMouseLeave"> & React.RefAttributes<HTMLElement>>;
 export default ToolbarButton;

package/dist/types-ts4.5/utils/breakout.d.ts

@@ -22,11 +22,11 @@ export type BreakoutConstsType = {
     calcWideWidth: (breakoutConsts: BreakoutConstsType) => (containerWidth?: number, maxWidth?: number, fallback?: string, padding?: number) => string;
 };
 declare const breakoutConsts: BreakoutConstsType;
-export declare const absoluteBreakoutWidth: (layout: 'full-width' | 'wide' | string, containerWidth: number) => number;
+export declare const absoluteBreakoutWidth: (layout: "full-width" | "wide" | string, containerWidth: number) => number;
 export { breakoutConsts };
 export declare const calcWideWidth: (containerWidth?: number, maxWidth?: number, fallback?: string, padding?: number) => string;
 export declare const calcBreakoutWidth: any;
-export declare const calcBreakoutWithCustomWidth: (mode: 'full-width' | 'wide', width: number | null, editorContainerWidth: number) => string;
+export declare const calcBreakoutWithCustomWidth: (mode: "full-width" | "wide", width: number | null, editorContainerWidth: number) => string;
 export declare function calculateBreakoutStyles({ mode, widthStateLineLength, widthStateWidth, }: {
     mode: BreakoutMarkAttrs['mode'];
     /**

package/dist/types-ts4.5/utils/track-unsupported-content.d.ts

@@ -16,5 +16,5 @@ interface UnsupportedNode {
     };
 }
 export declare const fireUnsupportedEvent: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, actionSubjectId: ACTION_SUBJECT_ID, unsupportedNode: UnsupportedNode, errorCode?: string) => void;
-export declare const trackUnsupportedContentTooltipDisplayedFor: (dispatchAnalyticsEvent: DispatchAnalyticsEventTooltip, unsupportedContentType: UnsupportedContentTooltipPayload['actionSubjectId'], originalNodeType?: string) => void;
+export declare const trackUnsupportedContentTooltipDisplayedFor: (dispatchAnalyticsEvent: DispatchAnalyticsEventTooltip, unsupportedContentType: UnsupportedContentTooltipPayload["actionSubjectId"], originalNodeType?: string) => void;
 export {};

package/dist/types-ts4.5/utils/unsupportedContent/get-unsupported-content-level-data.d.ts

@@ -46,7 +46,7 @@ export declare const UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS: {
  * ```
  *
  */
-export declare const getUnsupportedContentLevelData: (validDocument: ADFEntity, customThresholds: UnsupportedContentLevelsTracking['thresholds']) => {
+export declare const getUnsupportedContentLevelData: (validDocument: ADFEntity, customThresholds: UnsupportedContentLevelsTracking["thresholds"]) => {
     severity: UNSUPPORTED_CONTENT_LEVEL_SEVERITY;
     percentage: number;
     counts: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "107.20.1",
+	"version": "107.21.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -141,8 +141,10 @@
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
 		"@atlaskit/editor-tables": "^2.9.0",
+		"@atlaskit/editor-toolbar": "^0.2.0",
+		"@atlaskit/editor-toolbar-model": "^0.1.0",
 		"@atlaskit/emoji": "^69.3.0",
-		"@atlaskit/icon": "^27.10.0",
+		"@atlaskit/icon": "^27.11.0",
 		"@atlaskit/icon-object": "^7.2.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-datasource": "^4.19.0",
@@ -165,14 +167,14 @@
 		"@atlaskit/profilecard": "^24.3.0",
 		"@atlaskit/react-ufo": "^4.2.0",
 		"@atlaskit/section-message": "^8.5.0",
-		"@atlaskit/smart-card": "^40.7.0",
+		"@atlaskit/smart-card": "^40.8.0",
 		"@atlaskit/smart-user-picker": "^8.1.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^9.26.0",
+		"@atlaskit/tmp-editor-statsig": "^9.27.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/width-detector": "^5.0.0",