@atlaskit/editor-plugin-text-formatting 3.0.14 → 3.0.15

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-text-formatting
 
+## 3.0.15
+
+### Patch Changes
+
+- [`3145f278b1f7a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3145f278b1f7a) -
+  [ux] [ED-28473] minor UI updates for editor-toolbar
+
+  - Use ADS ButtonGroup for ToolbarButtonGroup
+  - Remove groupLocation prop and use CSS instead
+  - Use DropdownItemGroup for ToolbarDropdownItemSection and expand props for section separator and
+    title
+  - Support ReactNode as content for ToolbarTooltip and add missing shortcuts in tooltips
+  - Center Icons for split buttons and make chevron icon 24px wide
+  - Align dropdown menu UI with current editor design
+
+- Updated dependencies
+
 ## 3.0.14
 
 ### Patch Changes

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

@@ -62,9 +62,7 @@ var FormatButton = exports.FormatButton = function FormatButton(_ref2) {
     toggleMarkWithAnalyticsCallback = _ref2.toggleMarkWithAnalyticsCallback,
     icon = _ref2.icon,
     shortcut = _ref2.shortcut,
-    title = _ref2.title,
-    _ref2$groupLocation = _ref2.groupLocation,
-    groupLocation = _ref2$groupLocation === void 0 ? 'start' : _ref2$groupLocation;
+    title = _ref2.title;
   var _useComponentInfo2 = (0, _utils.useComponentInfo)({
       api: api,
       optionType: optionType,
@@ -79,22 +77,20 @@ var FormatButton = exports.FormatButton = function FormatButton(_ref2) {
     ariaLabel = _useComponentInfo2.ariaLabel,
     formatTitle = _useComponentInfo2.formatTitle;
   var Icon = icon;
-  return (
-    /*#__PURE__*/
-    // TODO: ED-28743 - add keyboard shortcut here
-    _react.default.createElement(_editorToolbar.ToolbarTooltip, {
-      content: formatTitle
-    }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButton, {
-      iconBefore: /*#__PURE__*/_react.default.createElement(Icon, {
-        label: ariaLabel
-      }),
-      onClick: onClick,
-      isSelected: isActive,
-      isDisabled: isDisabled,
-      groupLocation: groupLocation,
-      ariaKeyshortcuts: (0, _keymaps.getAriaKeyshortcuts)(shortcut)
-    }))
-  );
+  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarTooltip, {
+    content: /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
+      description: formatTitle,
+      keymap: shortcut
+    })
+  }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButton, {
+    iconBefore: /*#__PURE__*/_react.default.createElement(Icon, {
+      label: ariaLabel
+    }),
+    onClick: onClick,
+    isSelected: isActive,
+    isDisabled: isDisabled,
+    ariaKeyshortcuts: (0, _keymaps.getAriaKeyshortcuts)(shortcut)
+  }));
 };
 var ClearFormatMenuItem = exports.ClearFormatMenuItem = function ClearFormatMenuItem(_ref3) {
   var api = _ref3.api,
@@ -132,8 +128,7 @@ var ClearFormatMenuItem = exports.ClearFormatMenuItem = function ClearFormatMenu
   }, formatTitle);
 };
 var MoreFormattingMenu = exports.MoreFormattingMenu = function MoreFormattingMenu(_ref4) {
-  var children = _ref4.children,
-    groupLocation = _ref4.groupLocation;
+  var children = _ref4.children;
   var _useIntl2 = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl2.formatMessage;
   var content = formatMessage(_messages.toolbarMessages.moreFormatting);
@@ -142,7 +137,6 @@ var MoreFormattingMenu = exports.MoreFormattingMenu = function MoreFormattingMen
       label: "",
       testId: "more-formatting"
     }),
-    groupLocation: groupLocation,
     label: content
   }, children);
 };

package/dist/cjs/ui/toolbar-components.js

@@ -90,11 +90,8 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
       rank: _toolbar.TEXT_FORMAT_GROUP_RANK[_toolbar.TEXT_FORMATTING_MENU.key]
     }],
     component: function component(_ref5) {
-      var children = _ref5.children,
-        groupLocation = _ref5.groupLocation;
-      return /*#__PURE__*/_react.default.createElement(_Component.MoreFormattingMenu, {
-        groupLocation: groupLocation
-      }, children);
+      var children = _ref5.children;
+      return /*#__PURE__*/_react.default.createElement(_Component.MoreFormattingMenu, null, children);
     }
   }, {
     type: _toolbar.TEXT_FORMATTING_MENU_SECTION.type,
@@ -111,7 +108,13 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
       type: _toolbar.TEXT_FORMATTING_MENU.type,
       key: _toolbar.TEXT_FORMATTING_MENU.key,
       rank: _toolbar.TEXT_FORMAT_MENU_RANK[_toolbar.CLEAR_FORMARTTING_MENU_SECTION.key]
-    }]
+    }],
+    component: function component(_ref6) {
+      var children = _ref6.children;
+      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+        hasSeparator: true
+      }, children);
+    }
   }, {
     type: _toolbar.CLEAR_FORMATTING_MENU_ITEM.type,
     key: _toolbar.CLEAR_FORMATTING_MENU_ITEM.key,
@@ -120,9 +123,9 @@ var getToolbarComponents = exports.getToolbarComponents = function getToolbarCom
       key: _toolbar.CLEAR_FORMARTTING_MENU_SECTION.key,
       rank: _toolbar.CLEAR_FORMARTTING_MENU_SECTION_RANK[_toolbar.CLEAR_FORMATTING_MENU_ITEM.key]
     }],
-    component: function component(_ref6) {
-      var parents = _ref6.parents;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownDivider, null), /*#__PURE__*/_react.default.createElement(_Component.ClearFormatMenuItem, {
+    component: function component(_ref7) {
+      var parents = _ref7.parents;
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Component.ClearFormatMenuItem, {
         parents: parents,
         api: api
       }));

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useIntl } from 'react-intl-next';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { clearFormatting, getAriaKeyshortcuts, tooltip } from '@atlaskit/editor-common/keymaps';
+import { ToolTipContent, 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';
@@ -57,8 +57,7 @@ export const FormatButton = ({
   toggleMarkWithAnalyticsCallback,
   icon,
   shortcut,
-  title,
-  groupLocation = 'start'
+  title
 }) => {
   const {
     isActive,
@@ -75,22 +74,20 @@ export const FormatButton = ({
     parents
   });
   const Icon = icon;
-  return (
-    /*#__PURE__*/
-    // TODO: ED-28743 - add keyboard shortcut here
-    React.createElement(ToolbarTooltip, {
-      content: formatTitle
-    }, /*#__PURE__*/React.createElement(ToolbarButton, {
-      iconBefore: /*#__PURE__*/React.createElement(Icon, {
-        label: ariaLabel
-      }),
-      onClick: onClick,
-      isSelected: isActive,
-      isDisabled: isDisabled,
-      groupLocation: groupLocation,
-      ariaKeyshortcuts: getAriaKeyshortcuts(shortcut)
-    }))
-  );
+  return /*#__PURE__*/React.createElement(ToolbarTooltip, {
+    content: /*#__PURE__*/React.createElement(ToolTipContent, {
+      description: formatTitle,
+      keymap: shortcut
+    })
+  }, /*#__PURE__*/React.createElement(ToolbarButton, {
+    iconBefore: /*#__PURE__*/React.createElement(Icon, {
+      label: ariaLabel
+    }),
+    onClick: onClick,
+    isSelected: isActive,
+    isDisabled: isDisabled,
+    ariaKeyshortcuts: getAriaKeyshortcuts(shortcut)
+  }));
 };
 export const ClearFormatMenuItem = ({
   api,
@@ -131,8 +128,7 @@ export const ClearFormatMenuItem = ({
   }, formatTitle);
 };
 export const MoreFormattingMenu = ({
-  children,
-  groupLocation
+  children
 }) => {
   const {
     formatMessage
@@ -143,7 +139,6 @@ export const MoreFormattingMenu = ({
       label: "",
       testId: "more-formatting"
     }),
-    groupLocation: groupLocation,
     label: content
   }, children);
 };

package/dist/es2019/ui/toolbar-components.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CLEAR_FORMARTTING_MENU_SECTION, CLEAR_FORMATTING_MENU_ITEM, TEXT_FORMATTING_GROUP, TEXT_FORMATTING_HERO_BUTTON, TEXT_FORMATTING_MENU, TEXT_FORMATTING_MENU_SECTION, TEXT_SECTION, TEXT_SECTION_RANK, TEXT_FORMAT_GROUP_RANK, TEXT_FORMAT_MENU_RANK, CLEAR_FORMARTTING_MENU_SECTION_RANK } from '@atlaskit/editor-common/toolbar';
-import { ToolbarDropdownDivider } from '@atlaskit/editor-toolbar';
+import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
 import { FormatMenuItem, FormatButton, ClearFormatMenuItem, MoreFormattingMenu } from './Toolbar/components/Component';
 import { formatOptions } from './Toolbar/components/utils';
 import { FormatOptions } from './Toolbar/types';
@@ -81,12 +81,9 @@ export const getToolbarComponents = api => [{
     rank: TEXT_FORMAT_GROUP_RANK[TEXT_FORMATTING_MENU.key]
   }],
   component: ({
-    children,
-    groupLocation
+    children
   }) => {
-    return /*#__PURE__*/React.createElement(MoreFormattingMenu, {
-      groupLocation: groupLocation
-    }, children);
+    return /*#__PURE__*/React.createElement(MoreFormattingMenu, null, children);
   }
 }, {
   type: TEXT_FORMATTING_MENU_SECTION.type,
@@ -103,7 +100,14 @@ export const getToolbarComponents = api => [{
     type: TEXT_FORMATTING_MENU.type,
     key: TEXT_FORMATTING_MENU.key,
     rank: TEXT_FORMAT_MENU_RANK[CLEAR_FORMARTTING_MENU_SECTION.key]
-  }]
+  }],
+  component: ({
+    children
+  }) => {
+    return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+      hasSeparator: true
+    }, children);
+  }
 }, {
   type: CLEAR_FORMATTING_MENU_ITEM.type,
   key: CLEAR_FORMATTING_MENU_ITEM.key,
@@ -115,7 +119,7 @@ export const getToolbarComponents = api => [{
   component: ({
     parents
   }) => {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ToolbarDropdownDivider, null), /*#__PURE__*/React.createElement(ClearFormatMenuItem, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ClearFormatMenuItem, {
       parents: parents,
       api: api
     }));

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useIntl } from 'react-intl-next';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { clearFormatting, getAriaKeyshortcuts, tooltip } from '@atlaskit/editor-common/keymaps';
+import { ToolTipContent, 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';
@@ -55,9 +55,7 @@ export var FormatButton = function FormatButton(_ref2) {
     toggleMarkWithAnalyticsCallback = _ref2.toggleMarkWithAnalyticsCallback,
     icon = _ref2.icon,
     shortcut = _ref2.shortcut,
-    title = _ref2.title,
-    _ref2$groupLocation = _ref2.groupLocation,
-    groupLocation = _ref2$groupLocation === void 0 ? 'start' : _ref2$groupLocation;
+    title = _ref2.title;
   var _useComponentInfo2 = useComponentInfo({
       api: api,
       optionType: optionType,
@@ -72,22 +70,20 @@ export var FormatButton = function FormatButton(_ref2) {
     ariaLabel = _useComponentInfo2.ariaLabel,
     formatTitle = _useComponentInfo2.formatTitle;
   var Icon = icon;
-  return (
-    /*#__PURE__*/
-    // TODO: ED-28743 - add keyboard shortcut here
-    React.createElement(ToolbarTooltip, {
-      content: formatTitle
-    }, /*#__PURE__*/React.createElement(ToolbarButton, {
-      iconBefore: /*#__PURE__*/React.createElement(Icon, {
-        label: ariaLabel
-      }),
-      onClick: onClick,
-      isSelected: isActive,
-      isDisabled: isDisabled,
-      groupLocation: groupLocation,
-      ariaKeyshortcuts: getAriaKeyshortcuts(shortcut)
-    }))
-  );
+  return /*#__PURE__*/React.createElement(ToolbarTooltip, {
+    content: /*#__PURE__*/React.createElement(ToolTipContent, {
+      description: formatTitle,
+      keymap: shortcut
+    })
+  }, /*#__PURE__*/React.createElement(ToolbarButton, {
+    iconBefore: /*#__PURE__*/React.createElement(Icon, {
+      label: ariaLabel
+    }),
+    onClick: onClick,
+    isSelected: isActive,
+    isDisabled: isDisabled,
+    ariaKeyshortcuts: getAriaKeyshortcuts(shortcut)
+  }));
 };
 export var ClearFormatMenuItem = function ClearFormatMenuItem(_ref3) {
   var api = _ref3.api,
@@ -125,8 +121,7 @@ export var ClearFormatMenuItem = function ClearFormatMenuItem(_ref3) {
   }, formatTitle);
 };
 export var MoreFormattingMenu = function MoreFormattingMenu(_ref4) {
-  var children = _ref4.children,
-    groupLocation = _ref4.groupLocation;
+  var children = _ref4.children;
   var _useIntl2 = useIntl(),
     formatMessage = _useIntl2.formatMessage;
   var content = formatMessage(toolbarMessages.moreFormatting);
@@ -135,7 +130,6 @@ export var MoreFormattingMenu = function MoreFormattingMenu(_ref4) {
       label: "",
       testId: "more-formatting"
     }),
-    groupLocation: groupLocation,
     label: content
   }, children);
 };

package/dist/esm/ui/toolbar-components.js

@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from 'react';
 import { CLEAR_FORMARTTING_MENU_SECTION, CLEAR_FORMATTING_MENU_ITEM, TEXT_FORMATTING_GROUP, TEXT_FORMATTING_HERO_BUTTON, TEXT_FORMATTING_MENU, TEXT_FORMATTING_MENU_SECTION, TEXT_SECTION, TEXT_SECTION_RANK, TEXT_FORMAT_GROUP_RANK, TEXT_FORMAT_MENU_RANK, CLEAR_FORMARTTING_MENU_SECTION_RANK } from '@atlaskit/editor-common/toolbar';
-import { ToolbarDropdownDivider } from '@atlaskit/editor-toolbar';
+import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
 import { FormatMenuItem, FormatButton, ClearFormatMenuItem, MoreFormattingMenu } from './Toolbar/components/Component';
 import { formatOptions } from './Toolbar/components/utils';
 import { FormatOptions } from './Toolbar/types';
@@ -83,11 +83,8 @@ export var getToolbarComponents = function getToolbarComponents(api) {
       rank: TEXT_FORMAT_GROUP_RANK[TEXT_FORMATTING_MENU.key]
     }],
     component: function component(_ref5) {
-      var children = _ref5.children,
-        groupLocation = _ref5.groupLocation;
-      return /*#__PURE__*/React.createElement(MoreFormattingMenu, {
-        groupLocation: groupLocation
-      }, children);
+      var children = _ref5.children;
+      return /*#__PURE__*/React.createElement(MoreFormattingMenu, null, children);
     }
   }, {
     type: TEXT_FORMATTING_MENU_SECTION.type,
@@ -104,7 +101,13 @@ export var getToolbarComponents = function getToolbarComponents(api) {
       type: TEXT_FORMATTING_MENU.type,
       key: TEXT_FORMATTING_MENU.key,
       rank: TEXT_FORMAT_MENU_RANK[CLEAR_FORMARTTING_MENU_SECTION.key]
-    }]
+    }],
+    component: function component(_ref6) {
+      var children = _ref6.children;
+      return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+        hasSeparator: true
+      }, children);
+    }
   }, {
     type: CLEAR_FORMATTING_MENU_ITEM.type,
     key: CLEAR_FORMATTING_MENU_ITEM.key,
@@ -113,9 +116,9 @@ export var getToolbarComponents = function getToolbarComponents(api) {
       key: CLEAR_FORMARTTING_MENU_SECTION.key,
       rank: CLEAR_FORMARTTING_MENU_SECTION_RANK[CLEAR_FORMATTING_MENU_ITEM.key]
     }],
-    component: function component(_ref6) {
-      var parents = _ref6.parents;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ToolbarDropdownDivider, null), /*#__PURE__*/React.createElement(ClearFormatMenuItem, {
+    component: function component(_ref7) {
+      var parents = _ref7.parents;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ClearFormatMenuItem, {
         parents: parents,
         api: api
       }));

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

@@ -1,11 +1,9 @@
 import type { ReactNode } from 'react';
 import React from 'react';
-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 FormatButton: ({ parents, api, optionType, toggleMarkWithAnalyticsCallback, icon, shortcut, title, }: FormatComponentProps) => React.JSX.Element;
 export declare const ClearFormatMenuItem: ({ api, parents, }: Pick<FormatComponentProps, "api" | "parents">) => React.JSX.Element | null;
-export declare const MoreFormattingMenu: ({ children, groupLocation, }: {
+export declare const MoreFormattingMenu: ({ children }: {
     children?: ReactNode;
-    groupLocation?: ToolbarButtonGroupLocation;
 }) => React.JSX.Element;

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

@@ -1,7 +1,7 @@
 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 IconComponent } from '@atlaskit/editor-toolbar';
 import type { ToolbarComponentTypes } from '@atlaskit/editor-toolbar-model';
 import type { ToggleMarkWithAnalyticsEditorCommand, ClearFormattingWithAnalyticsEditorCommand } from '../../../editor-commands/types';
 import { type TextFormattingPlugin } from '../../../textFormattingPluginType';
@@ -15,7 +15,6 @@ export type FormatComponentProps = {
     optionType: FormatOptions;
     toggleMarkWithAnalyticsCallback: ToggleMarkWithAnalyticsEditorCommand | ClearFormattingWithAnalyticsEditorCommand;
     ariaLabel?: string;
-    groupLocation?: ToolbarButtonGroupLocation;
 };
 export declare const useComponentInfo: ({ api, optionType, title, shortcut, toggleMarkWithAnalyticsCallback, parents, }: Omit<FormatComponentProps, "icon" | "ariaLabel" | "groupLocation">) => {
     formatTitle: string;

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

@@ -1,11 +1,9 @@
 import type { ReactNode } from 'react';
 import React from 'react';
-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 FormatButton: ({ parents, api, optionType, toggleMarkWithAnalyticsCallback, icon, shortcut, title, }: FormatComponentProps) => React.JSX.Element;
 export declare const ClearFormatMenuItem: ({ api, parents, }: Pick<FormatComponentProps, "api" | "parents">) => React.JSX.Element | null;
-export declare const MoreFormattingMenu: ({ children, groupLocation, }: {
+export declare const MoreFormattingMenu: ({ children }: {
     children?: ReactNode;
-    groupLocation?: ToolbarButtonGroupLocation;
 }) => React.JSX.Element;

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

@@ -1,7 +1,7 @@
 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 IconComponent } from '@atlaskit/editor-toolbar';
 import type { ToolbarComponentTypes } from '@atlaskit/editor-toolbar-model';
 import type { ToggleMarkWithAnalyticsEditorCommand, ClearFormattingWithAnalyticsEditorCommand } from '../../../editor-commands/types';
 import { type TextFormattingPlugin } from '../../../textFormattingPluginType';
@@ -15,7 +15,6 @@ export type FormatComponentProps = {
     optionType: FormatOptions;
     toggleMarkWithAnalyticsCallback: ToggleMarkWithAnalyticsEditorCommand | ClearFormattingWithAnalyticsEditorCommand;
     ariaLabel?: string;
-    groupLocation?: ToolbarButtonGroupLocation;
 };
 export declare const useComponentInfo: ({ api, optionType, title, shortcut, toggleMarkWithAnalyticsCallback, parents, }: Omit<FormatComponentProps, "icon" | "ariaLabel" | "groupLocation">) => {
     formatTitle: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-text-formatting",
-	"version": "3.0.14",
+	"version": "3.0.15",
 	"description": "Text-formatting plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -46,14 +46,14 @@
 		"@atlaskit/icon": "^27.12.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/prosemirror-input-rules": "^3.4.0",
-		"@atlaskit/tmp-editor-statsig": "^9.28.0",
+		"@atlaskit/tmp-editor-statsig": "^9.29.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.23.0",
+		"@atlaskit/editor-common": "^107.24.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {