@atlaskit/editor-common 107.20.1 → 107.20.2

package/dist/types-ts4.5/link/LinkPicker/EditorLinkPicker/useEscapeClickaway.d.ts

@@ -1,2 +1,5 @@
-/// <reference types="react" />
-export declare const useEscapeClickaway: <T extends HTMLElement>(onEscape: () => void, onClickAway: () => void) => import("react").MutableRefObject<T | null>;
+export declare const useEscapeClickaway: <T extends HTMLElement>(
+/** Callback to fire when the user presses the escape key */
+onEscape: () => void, 
+/** Callback to fire when the user clicks an element not contained by the ref */
+onClickAway: () => void) => import("react").MutableRefObject<T | null>;

package/dist/types-ts4.5/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.d.ts

@@ -117,6 +117,6 @@ export declare const HyperlinkLinkAddToolbarWithIntl: React.FC<import("react-int
     WrappedComponent: React.ComponentType<HyperlinkLinkAddToolbarProps>;
 };
 declare const _default: React.ForwardRefExoticComponent<Omit<Omit<HyperlinkLinkAddToolbarProps, "intl"> & {
-    forwardedRef?: React.Ref<any> | undefined;
+    forwardedRef?: React.Ref<any>;
 }, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 export default _default;

package/dist/types-ts4.5/mark/commands.d.ts

@@ -16,7 +16,7 @@ export declare const entireSelectionContainsMark: (mark: Mark | MarkType, doc: P
  */
 export declare const toggleMark: (markType: MarkType, attrs?: {
     [key: string]: any;
-} | undefined) => EditorCommand;
+}) => EditorCommand;
 /**
  * A wrapper around ProseMirror removeMark and removeStoredMark, which handles mark removal in text, CellSelections and cursor stored marks.
  */

package/dist/types-ts4.5/media-inline/inline-image-card.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { FileIdentifier } from '@atlaskit/media-client';
 import type { SSR } from '@atlaskit/media-common';
 import type { Dimensions } from './types';
@@ -7,10 +6,10 @@ export declare const InlineImageCard: ({ dimensions, identifier, renderError, al
     renderError: (props: {
         error: Error;
     }) => JSX.Element | null;
-    dimensions?: Dimensions | undefined;
-    isLazy?: boolean | undefined;
-    alt?: string | undefined;
-    ssr?: SSR | undefined;
-    crop?: boolean | undefined;
-    stretch?: boolean | undefined;
+    dimensions?: Dimensions;
+    isLazy?: boolean;
+    alt?: string;
+    ssr?: SSR;
+    crop?: boolean;
+    stretch?: boolean;
 }) => JSX.Element | null;

package/dist/types-ts4.5/media-inline/media-inline-image-card.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { jsx } from '@emotion/react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { FileIdentifier, MediaClient } from '@atlaskit/media-client';

package/dist/types-ts4.5/media-inline/views/error-view.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx

package/dist/types-ts4.5/media-inline/views/frame.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx

package/dist/types-ts4.5/media-inline/views/icon-wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx

package/dist/types-ts4.5/media-single/CommentBadge.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { IntlShape } from 'react-intl-next';
 export declare const getBadgeSize: (width?: number, height?: number) => "medium" | "small";
 export type CommentBadgeProps = {

package/dist/types-ts4.5/monitoring/error.d.ts

@@ -1,4 +1,4 @@
 import type { Primitive } from '@sentry/types';
 export declare const logException: (error: Error, tags?: {
     [key: string]: Primitive;
-} | undefined) => Promise<boolean | undefined>;
+}) => Promise<boolean | undefined>;

package/dist/types-ts4.5/portal/PortalManager.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type PortalsBucketUpdater = React.Dispatch<React.SetStateAction<Record<string | number, React.ReactPortal>>>;
 type PortalRendererUpdater = React.Dispatch<React.SetStateAction<Array<PortalBucketType>>>;
 type PortalBucketType = {

package/dist/types-ts4.5/provider-factory/context.d.ts

@@ -3,5 +3,5 @@ import ProviderFactory from './provider-factory';
 import { type ProviderType } from './types';
 export declare const ProviderFactoryProvider: React.Provider<ProviderFactory>;
 export declare const useProviderFactory: () => ProviderFactory;
-export declare const useProvider: <T extends string>(name: T) => ProviderType<T> | undefined;
-export declare const useProviderLayout: <T extends string>(name: T) => ProviderType<T> | undefined;
+export declare const useProvider: <T extends string>(name: T) => ProviderType<typeof name> | undefined;
+export declare const useProviderLayout: <T extends string>(name: T) => ProviderType<typeof name> | undefined;

package/dist/types-ts4.5/provider-helpers/combine-providers.d.ts

@@ -4,6 +4,6 @@
  */
 declare const _default: <P>(providers: (P | Promise<P>)[]) => {
     invokeSingle: <T>(methodName: keyof P, args?: any[]) => Promise<T>;
-    invokeList: <T_1>(methodName: keyof P, args?: any[]) => Promise<T_1[]>;
+    invokeList: <T>(methodName: keyof P, args?: any[]) => Promise<T[]>;
 };
 export default _default;

package/dist/types-ts4.5/resizer/BreakoutResizer.d.ts

@@ -5,7 +5,7 @@ import { type GuidelineConfig } from '../guideline';
 import { type EditorContainerWidth, type getPosHandlerNode } from '../types';
 type BreakoutSupportedNodes = 'layoutSection' | 'expand' | 'codeBlock';
 export declare const ignoreResizerMutations: (mutation: MutationRecord | {
-    type: 'selection';
+    type: "selection";
     target: Node;
 }) => boolean;
 type BreakoutResizerProps = {

package/dist/types-ts4.5/resizer/Resizer.d.ts

@@ -73,6 +73,6 @@ type forwardRefType = {
     getResizerThumbEl: () => HTMLButtonElement | null;
 };
 declare const _default: React.ForwardRefExoticComponent<ResizerProps & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & React.RefAttributes<forwardRefType>>;
 export default _default;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type EnabledHandles = {
     left?: boolean;
     right?: boolean;

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

@@ -1 +1 @@
-export declare const headingsSharedStyles: (typographyTheme?: 'typography' | 'typography-adg3' | 'typography-modernized' | 'typography-refreshed') => import("@emotion/react").SerializedStyles;
+export declare const headingsSharedStyles: (typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed") => import("@emotion/react").SerializedStyles;

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

@@ -1 +1 @@
-export declare const paragraphSharedStyles: (typographyTheme?: 'typography' | 'typography-adg3' | 'typography-modernized' | 'typography-refreshed') => import("@emotion/react").SerializedStyles;
+export declare const paragraphSharedStyles: (typographyTheme?: "typography" | "typography-adg3" | "typography-modernized" | "typography-refreshed") => import("@emotion/react").SerializedStyles;

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,4 @@
 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 { useEditorToolbar, EditorToolbarProvider } from './context';
+export { EditorToolbarUIProvider } from './EditorToolbarUIProvider';

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

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.20.2",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -141,8 +141,9 @@
 		"@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/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 +166,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",