@atlaskit/editor-plugin-text-formatting 1.15.7 → 1.16.0

package/dist/esm/ui/Toolbar/dropdown-menu.js

@@ -1,7 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useMemo, useState } from 'react';
+import { toolbarMessages } from '@atlaskit/editor-common/messages';
 import { DropdownMenuWithKeyboardNavigation as DropdownMenu } from '@atlaskit/editor-common/ui-menu';
 import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
+import { BoldToolbarButton } from './bold-button';
 import { useMenuState } from './hooks/menu-state';
 import { MoreButton } from './more-button';
 export var FormattingTextDropdownMenu = /*#__PURE__*/React.memo(function (_ref) {
@@ -12,7 +14,9 @@ export var FormattingTextDropdownMenu = /*#__PURE__*/React.memo(function (_ref)
     hasFormattingActive = _ref.hasFormattingActive,
     popupsBoundariesElement = _ref.popupsBoundariesElement,
     popupsMountPoint = _ref.popupsMountPoint,
-    popupsScrollableElement = _ref.popupsScrollableElement;
+    popupsScrollableElement = _ref.popupsScrollableElement,
+    hasMoreButton = _ref.hasMoreButton,
+    intl = _ref.intl;
   var _useMenuState = useMenuState(),
     _useMenuState2 = _slicedToArray(_useMenuState, 3),
     isMenuOpen = _useMenuState2[0],
@@ -56,7 +60,7 @@ export var FormattingTextDropdownMenu = /*#__PURE__*/React.memo(function (_ref)
       }
       return isOpenedByKeyboard;
     }
-  }, /*#__PURE__*/React.createElement(MoreButton, {
+  }, hasMoreButton ? /*#__PURE__*/React.createElement(MoreButton, {
     isSelected: isMenuOpen || hasFormattingActive,
     label: moreButtonLabel,
     isReducedSpacing: isReducedSpacing,
@@ -73,5 +77,23 @@ export var FormattingTextDropdownMenu = /*#__PURE__*/React.memo(function (_ref)
       }
     },
     "aria-expanded": isMenuOpen
+  }) : /*#__PURE__*/React.createElement(BoldToolbarButton, {
+    isReducedSpacing: isReducedSpacing,
+    isDisabled: false,
+    isSelected: isMenuOpen,
+    label: intl.formatMessage(toolbarMessages.textFormat),
+    "aria-expanded": isMenuOpen,
+    "aria-haspopup": true,
+    onClick: function onClick() {
+      toggleMenu();
+      setIsOpenedByKeyboard(false);
+    },
+    onKeyDown: function onKeyDown(event) {
+      if (event.key === 'Enter' || event.key === ' ') {
+        event.preventDefault();
+        toggleMenu();
+        setIsOpenedByKeyboard(true);
+      }
+    }
   }));
 });

package/dist/esm/ui/Toolbar/hooks/clear-formatting-icon.js

@@ -6,21 +6,22 @@ import { useCallback, useMemo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { clearFormatting as clearFormattingKeymap, tooltip } from '@atlaskit/editor-common/keymaps';
 import { toolbarMessages } from '@atlaskit/editor-common/messages';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { clearFormattingWithAnalytics } from '../../../commands/clear-formatting';
+import { getInputMethod } from '../../../input-method-utils';
 export var useClearIcon = function useClearIcon(_ref) {
   var intl = _ref.intl,
     textFormattingState = _ref.textFormattingState,
-    editorAnalyticsAPI = _ref.editorAnalyticsAPI;
+    editorAnalyticsAPI = _ref.editorAnalyticsAPI,
+    toolbarType = _ref.toolbarType;
   var isPluginAvailable = Boolean(textFormattingState);
   var formattingIsPresent = Boolean(textFormattingState === null || textFormattingState === void 0 ? void 0 : textFormattingState.formattingIsPresent);
   var clearFormattingLabel = intl.formatMessage(toolbarMessages.clearFormatting);
   var clearFormattingToolbar = useCallback(function (state, dispatch) {
-    return clearFormattingWithAnalytics(INPUT_METHOD.TOOLBAR, editorAnalyticsAPI)(state, dispatch);
-  }, [editorAnalyticsAPI]);
+    return clearFormattingWithAnalytics(getInputMethod(toolbarType), editorAnalyticsAPI)(state, dispatch);
+  }, [editorAnalyticsAPI, toolbarType]);
   return useMemo(function () {
     if (!isPluginAvailable) {
       return null;

package/dist/esm/ui/Toolbar/hooks/formatting-icons.js

@@ -8,7 +8,7 @@ import React, { useMemo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { INPUT_METHOD, TOOLBAR_ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
+import { TOOLBAR_ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { getAriaKeyshortcuts, toggleBold, toggleCode, toggleItalic, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleUnderline, tooltip, ToolTipContent } from '@atlaskit/editor-common/keymaps';
 import { toolbarMessages } from '@atlaskit/editor-common/messages';
 import { editorCommandToPMCommand } from '@atlaskit/editor-common/preset';
@@ -16,15 +16,16 @@ import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import BoldIcon from '@atlaskit/icon/core/migration/text-bold--editor-bold';
 import ItalicIcon from '@atlaskit/icon/core/migration/text-italic--editor-italic';
 import { toggleCodeWithAnalytics, toggleEmWithAnalytics, toggleStrikeWithAnalytics, toggleStrongWithAnalytics, toggleSubscriptWithAnalytics, toggleSuperscriptWithAnalytics, toggleUnderlineWithAnalytics } from '../../../commands';
+import { getInputMethod } from '../../../input-method-utils';
 import { IconTypes } from '../types';
-var withToolbarInputMethod = function withToolbarInputMethod(func) {
-  return editorCommandToPMCommand(func(INPUT_METHOD.TOOLBAR));
+var withInputMethod = function withInputMethod(toolbarType, func) {
+  return editorCommandToPMCommand(func(getInputMethod(toolbarType)));
 };
-var IconButtons = function IconButtons(editorAnalyticsAPI) {
+var IconButtons = function IconButtons(editorAnalyticsAPI, toolbarType) {
   return {
     strong: {
       buttonId: TOOLBAR_ACTION_SUBJECT_ID.TEXT_FORMATTING_STRONG,
-      command: withToolbarInputMethod(toggleStrongWithAnalytics(editorAnalyticsAPI)),
+      command: withInputMethod(toolbarType, toggleStrongWithAnalytics(editorAnalyticsAPI)),
       message: toolbarMessages.bold,
       tooltipKeymap: toggleBold,
       component: function component() {
@@ -37,7 +38,7 @@ var IconButtons = function IconButtons(editorAnalyticsAPI) {
     },
     em: {
       buttonId: TOOLBAR_ACTION_SUBJECT_ID.TEXT_FORMATTING_ITALIC,
-      command: withToolbarInputMethod(toggleEmWithAnalytics(editorAnalyticsAPI)),
+      command: withInputMethod(toolbarType, toggleEmWithAnalytics(editorAnalyticsAPI)),
       message: toolbarMessages.italic,
       tooltipKeymap: toggleItalic,
       component: function component() {
@@ -49,27 +50,27 @@ var IconButtons = function IconButtons(editorAnalyticsAPI) {
       }
     },
     underline: {
-      command: withToolbarInputMethod(toggleUnderlineWithAnalytics(editorAnalyticsAPI)),
+      command: withInputMethod(toolbarType, toggleUnderlineWithAnalytics(editorAnalyticsAPI)),
       message: toolbarMessages.underline,
       tooltipKeymap: toggleUnderline
     },
     strike: {
-      command: withToolbarInputMethod(toggleStrikeWithAnalytics(editorAnalyticsAPI)),
+      command: withInputMethod(toolbarType, toggleStrikeWithAnalytics(editorAnalyticsAPI)),
       message: toolbarMessages.strike,
       tooltipKeymap: toggleStrikethrough
     },
     code: {
-      command: withToolbarInputMethod(toggleCodeWithAnalytics(editorAnalyticsAPI)),
+      command: withInputMethod(toolbarType, toggleCodeWithAnalytics(editorAnalyticsAPI)),
       message: toolbarMessages.code,
       tooltipKeymap: toggleCode
     },
     subscript: {
-      command: withToolbarInputMethod(toggleSubscriptWithAnalytics(editorAnalyticsAPI)),
+      command: withInputMethod(toolbarType, toggleSubscriptWithAnalytics(editorAnalyticsAPI)),
       message: toolbarMessages.subscript,
       tooltipKeymap: toggleSubscript
     },
     superscript: {
-      command: withToolbarInputMethod(toggleSuperscriptWithAnalytics(editorAnalyticsAPI)),
+      command: withInputMethod(toolbarType, toggleSuperscriptWithAnalytics(editorAnalyticsAPI)),
       message: toolbarMessages.superscript,
       tooltipKeymap: toggleSuperscript
     }
@@ -80,8 +81,9 @@ var getIcon = function getIcon(_ref) {
     isDisabled = _ref.isDisabled,
     isActive = _ref.isActive,
     intl = _ref.intl,
-    editorAnalyticsAPI = _ref.editorAnalyticsAPI;
-  var icon = IconButtons(editorAnalyticsAPI)[iconType];
+    editorAnalyticsAPI = _ref.editorAnalyticsAPI,
+    toolbarType = _ref.toolbarType;
+  var icon = IconButtons(editorAnalyticsAPI, toolbarType)[iconType];
   var content = intl.formatMessage(icon.message);
   var tooltipKeymap = icon.tooltipKeymap;
   return {
@@ -136,7 +138,7 @@ var buildMenuIconState = function buildMenuIconState(iconMark) {
     };
   };
 };
-var buildIcon = function buildIcon(iconMark, editorAnalyticsAPI) {
+var buildIcon = function buildIcon(iconMark, editorAnalyticsAPI, toolbarType) {
   var getState = buildMenuIconState(iconMark);
   return function (_ref3) {
     var schema = _ref3.schema,
@@ -157,7 +159,8 @@ var buildIcon = function buildIcon(iconMark, editorAnalyticsAPI) {
         isDisabled: isToolbarDisabled || isDisabled,
         isActive: isActive,
         intl: intl,
-        editorAnalyticsAPI: editorAnalyticsAPI
+        editorAnalyticsAPI: editorAnalyticsAPI,
+        toolbarType: toolbarType
       });
     }, [isToolbarDisabled, isDisabled, isActive, intl]);
     var shouldRenderIcon = hasSchemaMark && !isHidden;
@@ -171,20 +174,22 @@ export var useFormattingIcons = function useFormattingIcons(_ref4) {
     textFormattingState = _ref4.textFormattingState,
     schema = _ref4.schema,
     intl = _ref4.intl,
-    editorAnalyticsAPI = _ref4.editorAnalyticsAPI;
+    editorAnalyticsAPI = _ref4.editorAnalyticsAPI,
+    toolbarType = _ref4.toolbarType;
   var props = {
     schema: schema,
     textFormattingState: textFormattingState,
     intl: intl,
-    isToolbarDisabled: Boolean(isToolbarDisabled)
+    isToolbarDisabled: Boolean(isToolbarDisabled),
+    toolbarType: toolbarType
   };
-  var buildStrongIcon = buildIcon(IconTypes.strong, editorAnalyticsAPI);
-  var buildEmIcon = buildIcon(IconTypes.em, editorAnalyticsAPI);
-  var buildUnderlineIcon = buildIcon(IconTypes.underline, editorAnalyticsAPI);
-  var buildStrikeIcon = buildIcon(IconTypes.strike, editorAnalyticsAPI);
-  var buildCodeIcon = buildIcon(IconTypes.code, editorAnalyticsAPI);
-  var buildSubscriptIcon = buildIcon(IconTypes.subscript, editorAnalyticsAPI);
-  var buildSuperscriptIcon = buildIcon(IconTypes.superscript, editorAnalyticsAPI);
+  var buildStrongIcon = buildIcon(IconTypes.strong, editorAnalyticsAPI, toolbarType);
+  var buildEmIcon = buildIcon(IconTypes.em, editorAnalyticsAPI, toolbarType);
+  var buildUnderlineIcon = buildIcon(IconTypes.underline, editorAnalyticsAPI, toolbarType);
+  var buildStrikeIcon = buildIcon(IconTypes.strike, editorAnalyticsAPI, toolbarType);
+  var buildCodeIcon = buildIcon(IconTypes.code, editorAnalyticsAPI, toolbarType);
+  var buildSubscriptIcon = buildIcon(IconTypes.subscript, editorAnalyticsAPI, toolbarType);
+  var buildSuperscriptIcon = buildIcon(IconTypes.superscript, editorAnalyticsAPI, toolbarType);
   var strongIcon = buildStrongIcon(props);
   var emIcon = buildEmIcon(props);
   var underlineIcon = buildUnderlineIcon(props);

package/dist/esm/ui/Toolbar/index.js

@@ -33,7 +33,8 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
     intl = _ref.intl,
     editorAnalyticsAPI = _ref.editorAnalyticsAPI,
     textFormattingState = _ref.textFormattingState,
-    api = _ref.api;
+    api = _ref.api,
+    toolbarType = _ref.toolbarType;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     message = _useState2[0],
@@ -43,12 +44,14 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
     intl: intl,
     isToolbarDisabled: isToolbarDisabled,
     editorAnalyticsAPI: editorAnalyticsAPI,
-    textFormattingState: textFormattingState
+    textFormattingState: textFormattingState,
+    toolbarType: toolbarType
   });
   var clearIcon = useClearIcon({
     textFormattingState: textFormattingState,
     intl: intl,
-    editorAnalyticsAPI: editorAnalyticsAPI
+    editorAnalyticsAPI: editorAnalyticsAPI,
+    toolbarType: toolbarType
   });
   var menuIconTypeList = useResponsiveIconTypeMenu({
     toolbarSize: toolbarSize,
@@ -155,7 +158,9 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
       isReducedSpacing: isReducedSpacing,
       moreButtonLabel: moreFormattingButtonLabel,
       hasFormattingActive: hasFormattingActive,
-      items: items
+      hasMoreButton: true,
+      items: items,
+      intl: intl
     }))), !(api !== null && api !== void 0 && api.primaryToolbar) && /* eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage */
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     jsx("span", {
@@ -174,7 +179,8 @@ var Toolbar = function Toolbar(_ref2) {
     intl = _ref2.intl,
     editorAnalyticsAPI = _ref2.editorAnalyticsAPI,
     textFormattingState = _ref2.textFormattingState,
-    api = _ref2.api;
+    api = _ref2.api,
+    toolbarType = _ref2.toolbarType;
   return jsx(ToolbarFormatting, {
     textFormattingState: textFormattingState,
     popupsMountPoint: popupsMountPoint,
@@ -186,7 +192,8 @@ var Toolbar = function Toolbar(_ref2) {
     shouldUseResponsiveToolbar: shouldUseResponsiveToolbar,
     intl: intl,
     editorAnalyticsAPI: editorAnalyticsAPI,
-    api: api
+    api: api,
+    toolbarType: toolbarType
   });
 };
 export default injectIntl(Toolbar);

package/dist/esm/ui/Toolbar/types.js

@@ -7,4 +7,9 @@ export var IconTypes = /*#__PURE__*/function (IconTypes) {
   IconTypes["subscript"] = "subscript";
   IconTypes["superscript"] = "superscript";
   return IconTypes;
+}({});
+export var ToolbarType = /*#__PURE__*/function (ToolbarType) {
+  ToolbarType["PRIMARY"] = "primaryToolbar";
+  ToolbarType["FLOATING"] = "floatingToolbar";
+  return ToolbarType;
 }({});

package/dist/types/commands/clear-formatting.d.ts

@@ -2,5 +2,5 @@ import type { EditorAnalyticsAPI, INPUT_METHOD } from '@atlaskit/editor-common/a
 import type { Command } from '@atlaskit/editor-common/types';
 export declare const FORMATTING_NODE_TYPES: string[];
 export declare const FORMATTING_MARK_TYPES: string[];
-export declare function clearFormattingWithAnalytics(inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.SHORTCUT, editorAnalyticsAPI: EditorAnalyticsAPI | undefined): Command;
-export declare function clearFormatting(inputMethod?: INPUT_METHOD.TOOLBAR | INPUT_METHOD.SHORTCUT, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined): Command;
+export declare function clearFormattingWithAnalytics(inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.SHORTCUT | INPUT_METHOD.FLOATING_TB, editorAnalyticsAPI: EditorAnalyticsAPI | undefined): Command;
+export declare function clearFormatting(inputMethod?: INPUT_METHOD.TOOLBAR | INPUT_METHOD.SHORTCUT | INPUT_METHOD.FLOATING_TB, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined): Command;

package/dist/types/input-method-utils.d.ts

@@ -0,0 +1,6 @@
+import type { InputMethodToolbar } from '@atlaskit/editor-common/types';
+import { ToolbarType } from './ui/Toolbar/types';
+type ToolbarTypeToInputMethodMap = Record<ToolbarType, InputMethodToolbar>;
+export declare const toolbarTypeToInputMethod: ToolbarTypeToInputMethodMap;
+export declare const getInputMethod: (toolbarType: ToolbarType) => InputMethodToolbar;
+export {};

package/dist/types/ui/FloatingToolbarComponent.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { WrappedComponentProps } from 'react-intl-next';
+import { type EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { TextFormattingPlugin } from '../plugin';
+export declare const FloatingToolbarTextFormalWithIntl: import("react").FC<import("react-intl-next").WithIntlProps<{
+    editorView: EditorView;
+    api: ExtractInjectionAPI<TextFormattingPlugin> | undefined;
+    editorAnalyticsAPI?: EditorAnalyticsAPI | undefined;
+} & WrappedComponentProps>> & {
+    WrappedComponent: import("react").ComponentType<{
+        editorView: EditorView;
+        api: ExtractInjectionAPI<TextFormattingPlugin> | undefined;
+        editorAnalyticsAPI?: EditorAnalyticsAPI | undefined;
+    } & WrappedComponentProps>;
+};

package/dist/types/ui/Toolbar/bold-button.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { jsx } from '@emotion/react';
+type BoldButtonProps = {
+    label: string;
+    isReducedSpacing: boolean;
+    isSelected: boolean;
+    isDisabled: boolean;
+    'aria-expanded': React.AriaAttributes['aria-expanded'];
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent) => void;
+};
+export declare const BoldToolbarButton: ({ label, isReducedSpacing, isDisabled, isSelected, "aria-expanded": ariaExpanded, onClick, onKeyDown, }: BoldButtonProps) => jsx.JSX.Element;
+export {};

package/dist/types/ui/Toolbar/dropdown-menu.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { WrappedComponentProps } from 'react-intl-next';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MenuIconItem } from './types';
 type DropdownMenuProps = {
@@ -10,6 +11,7 @@ type DropdownMenuProps = {
     popupsBoundariesElement?: HTMLElement;
     popupsMountPoint?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
-};
-export declare const FormattingTextDropdownMenu: React.MemoExoticComponent<({ editorView, moreButtonLabel, isReducedSpacing, items, hasFormattingActive, popupsBoundariesElement, popupsMountPoint, popupsScrollableElement, }: DropdownMenuProps) => JSX.Element>;
+    hasMoreButton: boolean;
+} & WrappedComponentProps;
+export declare const FormattingTextDropdownMenu: React.MemoExoticComponent<({ editorView, moreButtonLabel, isReducedSpacing, items, hasFormattingActive, popupsBoundariesElement, popupsMountPoint, popupsScrollableElement, hasMoreButton, intl, }: DropdownMenuProps) => JSX.Element>;
 export {};

package/dist/types/ui/Toolbar/hooks/clear-formatting-icon.d.ts

@@ -1,9 +1,10 @@
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { TextFormattingState } from '@atlaskit/editor-common/types';
-import type { IconHookProps, MenuIconItem } from '../types';
+import type { IconHookProps, MenuIconItem, ToolbarType } from '../types';
 interface ClearIconHookProps extends IconHookProps {
     editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
     textFormattingState: TextFormattingState | undefined;
+    toolbarType: ToolbarType;
 }
-export declare const useClearIcon: ({ intl, textFormattingState, editorAnalyticsAPI, }: ClearIconHookProps) => MenuIconItem | null;
+export declare const useClearIcon: ({ intl, textFormattingState, editorAnalyticsAPI, toolbarType, }: ClearIconHookProps) => MenuIconItem | null;
 export {};

package/dist/types/ui/Toolbar/hooks/formatting-icons.d.ts

@@ -2,13 +2,14 @@ import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { TextFormattingState } from '@atlaskit/editor-common/types';
 import type { Schema } from '@atlaskit/editor-prosemirror/model';
 import type { IconHookProps, MenuIconItem } from '../types';
-import { IconTypes } from '../types';
+import { IconTypes, type ToolbarType } from '../types';
 interface FormattingIconHookProps extends IconHookProps {
     editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
     textFormattingState: TextFormattingState | undefined;
     schema: Schema;
+    toolbarType: ToolbarType;
 }
-export declare const useFormattingIcons: ({ isToolbarDisabled, textFormattingState, schema, intl, editorAnalyticsAPI, }: FormattingIconHookProps) => Array<MenuIconItem | null>;
+export declare const useFormattingIcons: ({ isToolbarDisabled, textFormattingState, schema, intl, editorAnalyticsAPI, toolbarType, }: FormattingIconHookProps) => Array<MenuIconItem | null>;
 type Props = {
     textFormattingState: TextFormattingState | undefined;
     iconTypeList: IconTypes[];

package/dist/types/ui/Toolbar/index.d.ts

@@ -4,6 +4,7 @@ import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { ExtractInjectionAPI, TextFormattingState, ToolbarSize } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { TextFormattingPlugin } from '../../plugin';
+import type { ToolbarType } from './types';
 export type ToolbarFormattingProps = {
     editorView: EditorView;
     isToolbarDisabled: boolean;
@@ -16,6 +17,7 @@ export type ToolbarFormattingProps = {
     editorAnalyticsAPI?: EditorAnalyticsAPI;
     textFormattingState: TextFormattingState | undefined;
     api: ExtractInjectionAPI<TextFormattingPlugin> | undefined;
+    toolbarType: ToolbarType;
 };
 declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<ToolbarFormattingProps & WrappedComponentProps>> & {
     WrappedComponent: import("react").ComponentType<ToolbarFormattingProps & WrappedComponentProps>;

package/dist/types/ui/Toolbar/types.d.ts

@@ -28,3 +28,7 @@ export type MenuIconState = {
 export type IconHookProps = {
     isToolbarDisabled?: boolean;
 } & WrappedComponentProps;
+export declare enum ToolbarType {
+    PRIMARY = "primaryToolbar",
+    FLOATING = "floatingToolbar"
+}

package/dist/types-ts4.5/commands/clear-formatting.d.ts

@@ -2,5 +2,5 @@ import type { EditorAnalyticsAPI, INPUT_METHOD } from '@atlaskit/editor-common/a
 import type { Command } from '@atlaskit/editor-common/types';
 export declare const FORMATTING_NODE_TYPES: string[];
 export declare const FORMATTING_MARK_TYPES: string[];
-export declare function clearFormattingWithAnalytics(inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.SHORTCUT, editorAnalyticsAPI: EditorAnalyticsAPI | undefined): Command;
-export declare function clearFormatting(inputMethod?: INPUT_METHOD.TOOLBAR | INPUT_METHOD.SHORTCUT, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined): Command;
+export declare function clearFormattingWithAnalytics(inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.SHORTCUT | INPUT_METHOD.FLOATING_TB, editorAnalyticsAPI: EditorAnalyticsAPI | undefined): Command;
+export declare function clearFormatting(inputMethod?: INPUT_METHOD.TOOLBAR | INPUT_METHOD.SHORTCUT | INPUT_METHOD.FLOATING_TB, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined): Command;

package/dist/types-ts4.5/input-method-utils.d.ts

@@ -0,0 +1,6 @@
+import type { InputMethodToolbar } from '@atlaskit/editor-common/types';
+import { ToolbarType } from './ui/Toolbar/types';
+type ToolbarTypeToInputMethodMap = Record<ToolbarType, InputMethodToolbar>;
+export declare const toolbarTypeToInputMethod: ToolbarTypeToInputMethodMap;
+export declare const getInputMethod: (toolbarType: ToolbarType) => InputMethodToolbar;
+export {};

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { WrappedComponentProps } from 'react-intl-next';
+import { type EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { TextFormattingPlugin } from '../plugin';
+export declare const FloatingToolbarTextFormalWithIntl: import("react").FC<import("react-intl-next").WithIntlProps<{
+    editorView: EditorView;
+    api: ExtractInjectionAPI<TextFormattingPlugin> | undefined;
+    editorAnalyticsAPI?: EditorAnalyticsAPI | undefined;
+} & WrappedComponentProps>> & {
+    WrappedComponent: import("react").ComponentType<{
+        editorView: EditorView;
+        api: ExtractInjectionAPI<TextFormattingPlugin> | undefined;
+        editorAnalyticsAPI?: EditorAnalyticsAPI | undefined;
+    } & WrappedComponentProps>;
+};

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

@@ -0,0 +1,17 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { jsx } from '@emotion/react';
+type BoldButtonProps = {
+    label: string;
+    isReducedSpacing: boolean;
+    isSelected: boolean;
+    isDisabled: boolean;
+    'aria-expanded': React.AriaAttributes['aria-expanded'];
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent) => void;
+};
+export declare const BoldToolbarButton: ({ label, isReducedSpacing, isDisabled, isSelected, "aria-expanded": ariaExpanded, onClick, onKeyDown, }: BoldButtonProps) => jsx.JSX.Element;
+export {};

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { WrappedComponentProps } from 'react-intl-next';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MenuIconItem } from './types';
 type DropdownMenuProps = {
@@ -10,6 +11,7 @@ type DropdownMenuProps = {
     popupsBoundariesElement?: HTMLElement;
     popupsMountPoint?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
-};
-export declare const FormattingTextDropdownMenu: React.MemoExoticComponent<({ editorView, moreButtonLabel, isReducedSpacing, items, hasFormattingActive, popupsBoundariesElement, popupsMountPoint, popupsScrollableElement, }: DropdownMenuProps) => JSX.Element>;
+    hasMoreButton: boolean;
+} & WrappedComponentProps;
+export declare const FormattingTextDropdownMenu: React.MemoExoticComponent<({ editorView, moreButtonLabel, isReducedSpacing, items, hasFormattingActive, popupsBoundariesElement, popupsMountPoint, popupsScrollableElement, hasMoreButton, intl, }: DropdownMenuProps) => JSX.Element>;
 export {};

package/dist/types-ts4.5/ui/Toolbar/hooks/clear-formatting-icon.d.ts

@@ -1,9 +1,10 @@
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { TextFormattingState } from '@atlaskit/editor-common/types';
-import type { IconHookProps, MenuIconItem } from '../types';
+import type { IconHookProps, MenuIconItem, ToolbarType } from '../types';
 interface ClearIconHookProps extends IconHookProps {
     editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
     textFormattingState: TextFormattingState | undefined;
+    toolbarType: ToolbarType;
 }
-export declare const useClearIcon: ({ intl, textFormattingState, editorAnalyticsAPI, }: ClearIconHookProps) => MenuIconItem | null;
+export declare const useClearIcon: ({ intl, textFormattingState, editorAnalyticsAPI, toolbarType, }: ClearIconHookProps) => MenuIconItem | null;
 export {};

package/dist/types-ts4.5/ui/Toolbar/hooks/formatting-icons.d.ts

@@ -2,13 +2,14 @@ import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { TextFormattingState } from '@atlaskit/editor-common/types';
 import type { Schema } from '@atlaskit/editor-prosemirror/model';
 import type { IconHookProps, MenuIconItem } from '../types';
-import { IconTypes } from '../types';
+import { IconTypes, type ToolbarType } from '../types';
 interface FormattingIconHookProps extends IconHookProps {
     editorAnalyticsAPI: EditorAnalyticsAPI | undefined;
     textFormattingState: TextFormattingState | undefined;
     schema: Schema;
+    toolbarType: ToolbarType;
 }
-export declare const useFormattingIcons: ({ isToolbarDisabled, textFormattingState, schema, intl, editorAnalyticsAPI, }: FormattingIconHookProps) => Array<MenuIconItem | null>;
+export declare const useFormattingIcons: ({ isToolbarDisabled, textFormattingState, schema, intl, editorAnalyticsAPI, toolbarType, }: FormattingIconHookProps) => Array<MenuIconItem | null>;
 type Props = {
     textFormattingState: TextFormattingState | undefined;
     iconTypeList: IconTypes[];

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

@@ -4,6 +4,7 @@ import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { ExtractInjectionAPI, TextFormattingState, ToolbarSize } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { TextFormattingPlugin } from '../../plugin';
+import type { ToolbarType } from './types';
 export type ToolbarFormattingProps = {
     editorView: EditorView;
     isToolbarDisabled: boolean;
@@ -16,6 +17,7 @@ export type ToolbarFormattingProps = {
     editorAnalyticsAPI?: EditorAnalyticsAPI;
     textFormattingState: TextFormattingState | undefined;
     api: ExtractInjectionAPI<TextFormattingPlugin> | undefined;
+    toolbarType: ToolbarType;
 };
 declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<ToolbarFormattingProps & WrappedComponentProps>> & {
     WrappedComponent: import("react").ComponentType<ToolbarFormattingProps & WrappedComponentProps>;

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

@@ -28,3 +28,7 @@ export type MenuIconState = {
 export type IconHookProps = {
     isToolbarDisabled?: boolean;
 } & WrappedComponentProps;
+export declare enum ToolbarType {
+    PRIMARY = "primaryToolbar",
+    FLOATING = "floatingToolbar"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-text-formatting",
-	"version": "1.15.7",
+	"version": "1.16.0",
 	"description": "Text-formatting plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,16 +32,17 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^46.1.0",
-		"@atlaskit/editor-common": "^95.7.0",
+		"@atlaskit/editor-common": "^95.10.0",
 		"@atlaskit/editor-plugin-analytics": "^1.10.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^2.0.0",
-		"@atlaskit/editor-prosemirror": "6.0.0",
+		"@atlaskit/editor-prosemirror": "6.2.1",
 		"@atlaskit/editor-shared-styles": "^3.2.0",
 		"@atlaskit/editor-tables": "^2.8.0",
-		"@atlaskit/icon": "^22.26.0",
+		"@atlaskit/icon": "^22.28.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/prosemirror-input-rules": "^3.2.0",
-		"@atlaskit/tokens": "^2.3.0",
+		"@atlaskit/tmp-editor-statsig": "^2.21.0",
+		"@atlaskit/tokens": "^2.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"react-intl-next": "npm:react-intl@^5.18.1"