@atlaskit/editor-plugin-text-formatting 3.0.10 → 3.0.12

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-text-formatting
 
+## 3.0.12
+
+### Patch Changes
+
+- [`f22ce89845e1e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f22ce89845e1e) -
+  [ED-28686] Switch to use utility getInputMethodFromParentKeys
+- Updated dependencies
+
+## 3.0.11
+
+### Patch Changes
+
+- [#199487](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/199487)
+  [`54098ba4cc83c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/54098ba4cc83c) -
+  Add LinkSection and TextSection and add logic to hide them when toolbar is pinned. Add
+  UserPreferencesPlugin and EditorViewModePlugin as a dependency to editor-plugin-toolbar.
+- Updated dependencies
+
 ## 3.0.10
 
 ### Patch Changes

package/dist/cjs/ui/Toolbar/components/Component.js

@@ -10,6 +10,7 @@ var _reactIntlNext = require("react-intl-next");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
+var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _clearFormatting = require("../../../editor-commands/clear-formatting");
 var _utils = require("./utils");
@@ -114,10 +115,9 @@ var ClearFormatMenuItem = exports.ClearFormatMenuItem = function ClearFormatMenu
   }
   var formatTitle = formatMessage(_messages.toolbarMessages.clearFormatting);
   var shortcutContent = (0, _keymaps.tooltip)(_keymaps.clearFormatting);
-  var ariaLabel = (0, _keymaps.tooltip)(_keymaps.clearFormatting, formatTitle);
   var onClick = function onClick() {
     var _api$analytics;
-    api === null || api === void 0 || api.core.actions.execute((0, _clearFormatting.clearFormattingWithAnalyticsNext)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)((0, _utils.getInputMethodFromParentKeys)(parents)));
+    api === null || api === void 0 || api.core.actions.execute((0, _clearFormatting.clearFormattingWithAnalyticsNext)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)((0, _toolbar.getInputMethodFromParentKeys)(parents)));
   };
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
     elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.ClearFormattingIcon, {
@@ -128,8 +128,7 @@ var ClearFormatMenuItem = exports.ClearFormatMenuItem = function ClearFormatMenu
     }),
     isDisabled: !isFormattingPresent,
     onClick: onClick,
-    "aria-keyshortcuts": (0, _keymaps.getAriaKeyshortcuts)(_keymaps.clearFormatting),
-    "aria-label": ariaLabel
+    ariaKeyshortcuts: (0, _keymaps.getAriaKeyshortcuts)(_keymaps.clearFormatting)
   }, formatTitle);
 };
 var MoreFormattingMenu = exports.MoreFormattingMenu = function MoreFormattingMenu(_ref4) {
@@ -140,9 +139,10 @@ var MoreFormattingMenu = exports.MoreFormattingMenu = function MoreFormattingMen
   var content = formatMessage(_messages.toolbarMessages.moreFormatting);
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownMenu, {
     iconBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.MoreItemsIcon, {
-      label: content,
+      label: "",
       testId: "more-formatting"
     }),
-    groupLocation: groupLocation
+    groupLocation: groupLocation,
+    label: content
   }, children);
 };

package/dist/cjs/ui/Toolbar/components/utils.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useComponentInfo = exports.getInputMethodFromParentKeys = exports.formatOptions = void 0;
+exports.useComponentInfo = exports.formatOptions = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _reactIntlNext = require("react-intl-next");
 var _hooks = require("@atlaskit/editor-common/hooks");
@@ -13,14 +13,8 @@ var _messages = require("@atlaskit/editor-common/messages");
 var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _toggleMark = require("../../../editor-commands/toggle-mark");
-var _inputMethodUtils = require("../input-method-utils");
-var _types = require("../types");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var getInputMethodFromParentKeys = exports.getInputMethodFromParentKeys = function getInputMethodFromParentKeys(parentKeys) {
-  var _parentKeys$at;
-  return (0, _inputMethodUtils.getInputMethod)(((_parentKeys$at = parentKeys.at(-1)) === null || _parentKeys$at === void 0 ? void 0 : _parentKeys$at.key) === _toolbar.TOOLBARS.INLINE_TEXT_TOOLBAR ? _types.ToolbarType.FLOATING : _types.ToolbarType.PRIMARY);
-};
 var FormatMarkSchema = {
   strong: 'strong',
   em: 'em',
@@ -73,7 +67,7 @@ var useComponentInfo = exports.useComponentInfo = function useComponentInfo(_ref
   var ariaLabel = (0, _keymaps.tooltip)(shortcut, formatTitle);
   var onClick = function onClick() {
     var _api$analytics;
-    api === null || api === void 0 || api.core.actions.execute(toggleMarkWithAnalyticsCallback(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(getInputMethodFromParentKeys(parents)));
+    api === null || api === void 0 || api.core.actions.execute(toggleMarkWithAnalyticsCallback(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)((0, _toolbar.getInputMethodFromParentKeys)(parents)));
   };
   return _objectSpread(_objectSpread({}, formatOptionState), {}, {
     formatTitle: formatTitle,

package/dist/es2019/ui/Toolbar/components/Component.js

@@ -3,9 +3,10 @@ import { useIntl } from 'react-intl-next';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { clearFormatting, getAriaKeyshortcuts, tooltip } from '@atlaskit/editor-common/keymaps';
 import { toolbarMessages } from '@atlaskit/editor-common/messages';
+import { getInputMethodFromParentKeys } from '@atlaskit/editor-common/toolbar';
 import { ToolbarButton, ToolbarDropdownItem, ClearFormattingIcon, ToolbarKeyboardShortcutHint, ToolbarDropdownMenu, MoreItemsIcon, ToolbarTooltip } from '@atlaskit/editor-toolbar';
 import { clearFormattingWithAnalyticsNext } from '../../../editor-commands/clear-formatting';
-import { getInputMethodFromParentKeys, useComponentInfo } from './utils';
+import { useComponentInfo } from './utils';
 export const FormatMenuItem = ({
   parents,
   api,
@@ -113,7 +114,6 @@ export const ClearFormatMenuItem = ({
   }
   const formatTitle = formatMessage(toolbarMessages.clearFormatting);
   const shortcutContent = tooltip(clearFormatting);
-  const ariaLabel = tooltip(clearFormatting, formatTitle);
   const onClick = () => {
     var _api$analytics;
     api === null || api === void 0 ? void 0 : api.core.actions.execute(clearFormattingWithAnalyticsNext(api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(getInputMethodFromParentKeys(parents)));
@@ -127,8 +127,7 @@ export const ClearFormatMenuItem = ({
     }),
     isDisabled: !isFormattingPresent,
     onClick: onClick,
-    "aria-keyshortcuts": getAriaKeyshortcuts(clearFormatting),
-    "aria-label": ariaLabel
+    ariaKeyshortcuts: getAriaKeyshortcuts(clearFormatting)
   }, formatTitle);
 };
 export const MoreFormattingMenu = ({
@@ -141,9 +140,10 @@ export const MoreFormattingMenu = ({
   const content = formatMessage(toolbarMessages.moreFormatting);
   return /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
     iconBefore: /*#__PURE__*/React.createElement(MoreItemsIcon, {
-      label: content,
+      label: "",
       testId: "more-formatting"
     }),
-    groupLocation: groupLocation
+    groupLocation: groupLocation,
+    label: content
   }, children);
 };

package/dist/es2019/ui/Toolbar/components/utils.js

@@ -2,15 +2,9 @@ import { useIntl } from 'react-intl-next';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { toggleBold, toggleCode, toggleItalic, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleUnderline, tooltip } from '@atlaskit/editor-common/keymaps';
 import { toolbarMessages } from '@atlaskit/editor-common/messages';
-import { BOLD_MENU_ITEM, CODE_MENU_ITEM, ITALIC_MENU_ITEM, STRIKE_MENU_ITEM, SUBSCRIPT_MENU_ITEM, SUPERSCRIPT_MENU_ITEM, TEXT_FORMATTING_MENU_SECTION_RANK, TOOLBARS, UNDERLINE_MENU_ITEM } from '@atlaskit/editor-common/toolbar';
+import { BOLD_MENU_ITEM, CODE_MENU_ITEM, ITALIC_MENU_ITEM, STRIKE_MENU_ITEM, SUBSCRIPT_MENU_ITEM, SUPERSCRIPT_MENU_ITEM, TEXT_FORMATTING_MENU_SECTION_RANK, UNDERLINE_MENU_ITEM, getInputMethodFromParentKeys } from '@atlaskit/editor-common/toolbar';
 import { BoldIcon, ItalicIcon, UnderlineIcon, CodeIcon, StrikeThroughIcon, SubscriptIcon, SuperscriptIcon } from '@atlaskit/editor-toolbar';
 import { toggleStrongWithAnalytics, toggleEmWithAnalytics, toggleUnderlineWithAnalytics, toggleCodeWithAnalytics, toggleStrikeWithAnalytics, toggleSubscriptWithAnalytics, toggleSuperscriptWithAnalytics } from '../../../editor-commands/toggle-mark';
-import { getInputMethod } from '../input-method-utils';
-import { ToolbarType } from '../types';
-export const getInputMethodFromParentKeys = parentKeys => {
-  var _parentKeys$at;
-  return getInputMethod(((_parentKeys$at = parentKeys.at(-1)) === null || _parentKeys$at === void 0 ? void 0 : _parentKeys$at.key) === TOOLBARS.INLINE_TEXT_TOOLBAR ? ToolbarType.FLOATING : ToolbarType.PRIMARY);
-};
 const FormatMarkSchema = {
   strong: 'strong',
   em: 'em',

package/dist/esm/ui/Toolbar/components/Component.js

@@ -3,9 +3,10 @@ import { useIntl } from 'react-intl-next';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { clearFormatting, getAriaKeyshortcuts, tooltip } from '@atlaskit/editor-common/keymaps';
 import { toolbarMessages } from '@atlaskit/editor-common/messages';
+import { getInputMethodFromParentKeys } from '@atlaskit/editor-common/toolbar';
 import { ToolbarButton, ToolbarDropdownItem, ClearFormattingIcon, ToolbarKeyboardShortcutHint, ToolbarDropdownMenu, MoreItemsIcon, ToolbarTooltip } from '@atlaskit/editor-toolbar';
 import { clearFormattingWithAnalyticsNext } from '../../../editor-commands/clear-formatting';
-import { getInputMethodFromParentKeys, useComponentInfo } from './utils';
+import { useComponentInfo } from './utils';
 export var FormatMenuItem = function FormatMenuItem(_ref) {
   var parents = _ref.parents,
     api = _ref.api,
@@ -107,7 +108,6 @@ export var ClearFormatMenuItem = function ClearFormatMenuItem(_ref3) {
   }
   var formatTitle = formatMessage(toolbarMessages.clearFormatting);
   var shortcutContent = tooltip(clearFormatting);
-  var ariaLabel = tooltip(clearFormatting, formatTitle);
   var onClick = function onClick() {
     var _api$analytics;
     api === null || api === void 0 || api.core.actions.execute(clearFormattingWithAnalyticsNext(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(getInputMethodFromParentKeys(parents)));
@@ -121,8 +121,7 @@ export var ClearFormatMenuItem = function ClearFormatMenuItem(_ref3) {
     }),
     isDisabled: !isFormattingPresent,
     onClick: onClick,
-    "aria-keyshortcuts": getAriaKeyshortcuts(clearFormatting),
-    "aria-label": ariaLabel
+    ariaKeyshortcuts: getAriaKeyshortcuts(clearFormatting)
   }, formatTitle);
 };
 export var MoreFormattingMenu = function MoreFormattingMenu(_ref4) {
@@ -133,9 +132,10 @@ export var MoreFormattingMenu = function MoreFormattingMenu(_ref4) {
   var content = formatMessage(toolbarMessages.moreFormatting);
   return /*#__PURE__*/React.createElement(ToolbarDropdownMenu, {
     iconBefore: /*#__PURE__*/React.createElement(MoreItemsIcon, {
-      label: content,
+      label: "",
       testId: "more-formatting"
     }),
-    groupLocation: groupLocation
+    groupLocation: groupLocation,
+    label: content
   }, children);
 };

package/dist/esm/ui/Toolbar/components/utils.js

@@ -5,15 +5,9 @@ import { useIntl } from 'react-intl-next';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { toggleBold, toggleCode, toggleItalic, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleUnderline, tooltip } from '@atlaskit/editor-common/keymaps';
 import { toolbarMessages } from '@atlaskit/editor-common/messages';
-import { BOLD_MENU_ITEM, CODE_MENU_ITEM, ITALIC_MENU_ITEM, STRIKE_MENU_ITEM, SUBSCRIPT_MENU_ITEM, SUPERSCRIPT_MENU_ITEM, TEXT_FORMATTING_MENU_SECTION_RANK, TOOLBARS, UNDERLINE_MENU_ITEM } from '@atlaskit/editor-common/toolbar';
+import { BOLD_MENU_ITEM, CODE_MENU_ITEM, ITALIC_MENU_ITEM, STRIKE_MENU_ITEM, SUBSCRIPT_MENU_ITEM, SUPERSCRIPT_MENU_ITEM, TEXT_FORMATTING_MENU_SECTION_RANK, UNDERLINE_MENU_ITEM, getInputMethodFromParentKeys } from '@atlaskit/editor-common/toolbar';
 import { BoldIcon, ItalicIcon, UnderlineIcon, CodeIcon, StrikeThroughIcon, SubscriptIcon, SuperscriptIcon } from '@atlaskit/editor-toolbar';
 import { toggleStrongWithAnalytics, toggleEmWithAnalytics, toggleUnderlineWithAnalytics, toggleCodeWithAnalytics, toggleStrikeWithAnalytics, toggleSubscriptWithAnalytics, toggleSuperscriptWithAnalytics } from '../../../editor-commands/toggle-mark';
-import { getInputMethod } from '../input-method-utils';
-import { ToolbarType } from '../types';
-export var getInputMethodFromParentKeys = function getInputMethodFromParentKeys(parentKeys) {
-  var _parentKeys$at;
-  return getInputMethod(((_parentKeys$at = parentKeys.at(-1)) === null || _parentKeys$at === void 0 ? void 0 : _parentKeys$at.key) === TOOLBARS.INLINE_TEXT_TOOLBAR ? ToolbarType.FLOATING : ToolbarType.PRIMARY);
-};
 var FormatMarkSchema = {
   strong: 'strong',
   em: 'em',

package/dist/types/editor-commands/utils/marks.d.ts

@@ -10,5 +10,5 @@ import type { TextFormattingPlugin } from '../../textFormattingPluginType';
  */
 export declare const nextToggleMark: (markType: MarkType, api: ExtractInjectionAPI<TextFormattingPlugin> | undefined, attrs?: {
     [key: string]: any;
-} | undefined) => EditorCommand;
+}) => EditorCommand;
 export declare const nextApplyMarkOnRange: (from: number, to: number, removeMark: boolean, mark: Mark, tr: Transaction, api: ExtractInjectionAPI<TextFormattingPlugin> | undefined) => Transaction;

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

@@ -4,8 +4,8 @@ import { type ToolbarButtonGroupLocation } from '@atlaskit/editor-toolbar';
 import type { FormatComponentProps } from './utils';
 export declare const FormatMenuItem: ({ parents, api, optionType, toggleMarkWithAnalyticsCallback, icon, shortcut, title, }: FormatComponentProps) => React.JSX.Element | null;
 export declare const FormatButton: ({ parents, api, optionType, toggleMarkWithAnalyticsCallback, icon, shortcut, title, groupLocation, }: FormatComponentProps) => React.JSX.Element;
-export declare const ClearFormatMenuItem: ({ api, parents, }: Pick<FormatComponentProps, 'api' | 'parents'>) => React.JSX.Element | null;
+export declare const ClearFormatMenuItem: ({ api, parents, }: Pick<FormatComponentProps, "api" | "parents">) => React.JSX.Element | null;
 export declare const MoreFormattingMenu: ({ children, groupLocation, }: {
     children?: ReactNode;
-    groupLocation?: ToolbarButtonGroupLocation | undefined;
+    groupLocation?: ToolbarButtonGroupLocation;
 }) => React.JSX.Element;

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

@@ -2,13 +2,13 @@ import type { MessageDescriptor } from 'react-intl-next';
 import type { Keymap } from '@atlaskit/editor-common/keymaps';
 import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type IconComponent, type ToolbarButtonGroupLocation } from '@atlaskit/editor-toolbar';
-import type { ComponentTypes } from '@atlaskit/editor-toolbar-model';
+import type { ToolbarComponentTypes } from '@atlaskit/editor-toolbar-model';
 import type { ToggleMarkWithAnalyticsEditorCommand, ClearFormattingWithAnalyticsEditorCommand } from '../../../editor-commands/types';
 import { type TextFormattingPlugin } from '../../../textFormattingPluginType';
 import type { FormatOptions } from '../types';
 export type FormatComponentProps = {
     api?: ExtractInjectionAPI<TextFormattingPlugin>;
-    parents: ComponentTypes;
+    parents: ToolbarComponentTypes;
     icon: IconComponent;
     shortcut: Keymap;
     title: MessageDescriptor;
@@ -17,8 +17,7 @@ export type FormatComponentProps = {
     ariaLabel?: string;
     groupLocation?: ToolbarButtonGroupLocation;
 };
-export declare const getInputMethodFromParentKeys: (parentKeys: ComponentTypes) => import("@atlaskit/editor-common/types").InputMethodToolbar;
-export declare const useComponentInfo: ({ api, optionType, title, shortcut, toggleMarkWithAnalyticsCallback, parents, }: Omit<FormatComponentProps, 'icon' | 'ariaLabel' | 'groupLocation'>) => {
+export declare const useComponentInfo: ({ api, optionType, title, shortcut, toggleMarkWithAnalyticsCallback, parents, }: Omit<FormatComponentProps, "icon" | "ariaLabel" | "groupLocation">) => {
     formatTitle: string;
     shortcutContent: string | undefined;
     ariaLabel: string;

package/dist/types/ui/Toolbar/formatting-in-selection-utils.d.ts

@@ -1,7 +1,7 @@
 import { type Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 export declare const hasMultiplePartsWithFormattingInSelection: ({ selectedContent, }: {
-    selectedContent?: PMNode[] | undefined;
+    selectedContent?: PMNode[];
 }) => boolean;
 export declare const getCommonActiveMarks: ({ selectedContent }: {
-    selectedContent?: PMNode[] | undefined;
+    selectedContent?: PMNode[];
 }) => string[];

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { ExtractInjectionAPI, TextFormattingState, ToolbarSize } from '@atlaskit/editor-common/types';

package/dist/types/ui/Toolbar/single-toolbar-buttons.d.ts

@@ -10,5 +10,5 @@ export declare const SingleToolbarButtons: React.MemoExoticComponent<({ items, i
     items: MenuIconItem[];
     isReducedSpacing: boolean;
     editorView: EditorView;
-    hasMultiplePartsWithFormattingSelected?: boolean | undefined;
+    hasMultiplePartsWithFormattingSelected?: boolean;
 }) => jsx.JSX.Element>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { TOOLBAR_ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import type { Command } from '@atlaskit/editor-common/types';

package/dist/types-ts4.5/editor-commands/utils/marks.d.ts

@@ -10,5 +10,5 @@ import type { TextFormattingPlugin } from '../../textFormattingPluginType';
  */
 export declare const nextToggleMark: (markType: MarkType, api: ExtractInjectionAPI<TextFormattingPlugin> | undefined, attrs?: {
     [key: string]: any;
-} | undefined) => EditorCommand;
+}) => EditorCommand;
 export declare const nextApplyMarkOnRange: (from: number, to: number, removeMark: boolean, mark: Mark, tr: Transaction, api: ExtractInjectionAPI<TextFormattingPlugin> | undefined) => Transaction;

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

@@ -4,8 +4,8 @@ import { type ToolbarButtonGroupLocation } from '@atlaskit/editor-toolbar';
 import type { FormatComponentProps } from './utils';
 export declare const FormatMenuItem: ({ parents, api, optionType, toggleMarkWithAnalyticsCallback, icon, shortcut, title, }: FormatComponentProps) => React.JSX.Element | null;
 export declare const FormatButton: ({ parents, api, optionType, toggleMarkWithAnalyticsCallback, icon, shortcut, title, groupLocation, }: FormatComponentProps) => React.JSX.Element;
-export declare const ClearFormatMenuItem: ({ api, parents, }: Pick<FormatComponentProps, 'api' | 'parents'>) => React.JSX.Element | null;
+export declare const ClearFormatMenuItem: ({ api, parents, }: Pick<FormatComponentProps, "api" | "parents">) => React.JSX.Element | null;
 export declare const MoreFormattingMenu: ({ children, groupLocation, }: {
     children?: ReactNode;
-    groupLocation?: ToolbarButtonGroupLocation | undefined;
+    groupLocation?: ToolbarButtonGroupLocation;
 }) => React.JSX.Element;

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

@@ -2,13 +2,13 @@ import type { MessageDescriptor } from 'react-intl-next';
 import type { Keymap } from '@atlaskit/editor-common/keymaps';
 import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type IconComponent, type ToolbarButtonGroupLocation } from '@atlaskit/editor-toolbar';
-import type { ComponentTypes } from '@atlaskit/editor-toolbar-model';
+import type { ToolbarComponentTypes } from '@atlaskit/editor-toolbar-model';
 import type { ToggleMarkWithAnalyticsEditorCommand, ClearFormattingWithAnalyticsEditorCommand } from '../../../editor-commands/types';
 import { type TextFormattingPlugin } from '../../../textFormattingPluginType';
 import type { FormatOptions } from '../types';
 export type FormatComponentProps = {
     api?: ExtractInjectionAPI<TextFormattingPlugin>;
-    parents: ComponentTypes;
+    parents: ToolbarComponentTypes;
     icon: IconComponent;
     shortcut: Keymap;
     title: MessageDescriptor;
@@ -17,8 +17,7 @@ export type FormatComponentProps = {
     ariaLabel?: string;
     groupLocation?: ToolbarButtonGroupLocation;
 };
-export declare const getInputMethodFromParentKeys: (parentKeys: ComponentTypes) => import("@atlaskit/editor-common/types").InputMethodToolbar;
-export declare const useComponentInfo: ({ api, optionType, title, shortcut, toggleMarkWithAnalyticsCallback, parents, }: Omit<FormatComponentProps, 'icon' | 'ariaLabel' | 'groupLocation'>) => {
+export declare const useComponentInfo: ({ api, optionType, title, shortcut, toggleMarkWithAnalyticsCallback, parents, }: Omit<FormatComponentProps, "icon" | "ariaLabel" | "groupLocation">) => {
     formatTitle: string;
     shortcutContent: string | undefined;
     ariaLabel: string;

package/dist/types-ts4.5/ui/Toolbar/formatting-in-selection-utils.d.ts

@@ -1,7 +1,7 @@
 import { type Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 export declare const hasMultiplePartsWithFormattingInSelection: ({ selectedContent, }: {
-    selectedContent?: PMNode[] | undefined;
+    selectedContent?: PMNode[];
 }) => boolean;
 export declare const getCommonActiveMarks: ({ selectedContent }: {
-    selectedContent?: PMNode[] | undefined;
+    selectedContent?: PMNode[];
 }) => string[];

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { ExtractInjectionAPI, TextFormattingState, ToolbarSize } from '@atlaskit/editor-common/types';

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

@@ -10,5 +10,5 @@ export declare const SingleToolbarButtons: React.MemoExoticComponent<({ items, i
     items: MenuIconItem[];
     isReducedSpacing: boolean;
     editorView: EditorView;
-    hasMultiplePartsWithFormattingSelected?: boolean | undefined;
+    hasMultiplePartsWithFormattingSelected?: boolean;
 }) => jsx.JSX.Element>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { TOOLBAR_ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import type { Command } from '@atlaskit/editor-common/types';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-text-formatting",
-	"version": "3.0.10",
+	"version": "3.0.12",
 	"description": "Text-formatting plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -37,23 +37,23 @@
 		"@atlaskit/editor-plugin-base": "^4.1.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^4.1.0",
 		"@atlaskit/editor-plugin-selection-toolbar": "^4.3.0",
-		"@atlaskit/editor-plugin-toolbar": "^0.1.0",
+		"@atlaskit/editor-plugin-toolbar": "^0.2.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/editor-shared-styles": "^3.5.0",
+		"@atlaskit/editor-shared-styles": "^3.6.0",
 		"@atlaskit/editor-tables": "^2.9.0",
-		"@atlaskit/editor-toolbar": "^0.1.0",
-		"@atlaskit/editor-toolbar-model": "^0.0.4",
-		"@atlaskit/icon": "^27.10.0",
+		"@atlaskit/editor-toolbar": "^0.2.0",
+		"@atlaskit/editor-toolbar-model": "^0.1.0",
+		"@atlaskit/icon": "^27.11.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/prosemirror-input-rules": "^3.4.0",
-		"@atlaskit/tmp-editor-statsig": "^9.25.0",
+		"@atlaskit/tmp-editor-statsig": "^9.27.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.19.0",
+		"@atlaskit/editor-common": "^107.21.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {