@atlaskit/editor-plugin-text-formatting 3.0.9 → 3.0.11

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-text-formatting
 
+## 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
+
+- [`5f5ead7ec9a6c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5f5ead7ec9a6c) -
+  [ED-28682] Add text format mark schema check for isHidden state of format button options
+- Updated dependencies
+
 ## 3.0.9
 
 ### Patch Changes

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

@@ -78,18 +78,22 @@ var FormatButton = exports.FormatButton = function FormatButton(_ref2) {
     ariaLabel = _useComponentInfo2.ariaLabel,
     formatTitle = _useComponentInfo2.formatTitle;
   var Icon = icon;
-  return /*#__PURE__*/_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__*/
+    // 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)
+    }))
+  );
 };
 var ClearFormatMenuItem = exports.ClearFormatMenuItem = function ClearFormatMenuItem(_ref3) {
   var api = _ref3.api,

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

@@ -19,11 +19,19 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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)(
-  // TODO: ED-28682 - replace with const
-  ((_parentKeys$at = parentKeys.at(-1)) === null || _parentKeys$at === void 0 ? void 0 : _parentKeys$at.key) === 'inline-text-toolbar' ? _types.ToolbarType.FLOATING : _types.ToolbarType.PRIMARY);
+  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',
+  underline: 'underline',
+  strike: 'strike',
+  code: 'code',
+  subscript: 'subsup',
+  superscript: 'subsup'
 };
 var useComponentInfo = exports.useComponentInfo = function useComponentInfo(_ref) {
+  var _api$core;
   var api = _ref.api,
     optionType = _ref.optionType,
     title = _ref.title,
@@ -43,6 +51,7 @@ var useComponentInfo = exports.useComponentInfo = function useComponentInfo(_ref
     isDisabled = _useSharedPluginState.isDisabled,
     isHidden = _useSharedPluginState.isHidden,
     isPluginInitialised = _useSharedPluginState.isPluginInitialised;
+  var hasMarkSchema = api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || (_api$core = _api$core.sharedState.currentState()) === null || _api$core === void 0 || (_api$core = _api$core.schema) === null || _api$core === void 0 ? void 0 : _api$core.marks[FormatMarkSchema[optionType]];
   var formatOptionState;
   if (!isPluginInitialised) {
     formatOptionState = {
@@ -54,8 +63,7 @@ var useComponentInfo = exports.useComponentInfo = function useComponentInfo(_ref
     formatOptionState = {
       isActive: Boolean(isActive),
       isDisabled: Boolean(isDisabled),
-      // TODO: ED-28682 - also need to check if mark is present in the schema
-      isHidden: Boolean(isHidden)
+      isHidden: Boolean(!hasMarkSchema || isHidden)
     };
   }
   var _useIntl = (0, _reactIntlNext.useIntl)(),

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

@@ -74,18 +74,22 @@ export const FormatButton = ({
     parents
   });
   const Icon = icon;
-  return /*#__PURE__*/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__*/
+    // 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)
+    }))
+  );
 };
 export const ClearFormatMenuItem = ({
   api,

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

@@ -2,16 +2,23 @@ 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, 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, TOOLBARS, UNDERLINE_MENU_ITEM } 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(
-  // TODO: ED-28682 - replace with const
-  ((_parentKeys$at = parentKeys.at(-1)) === null || _parentKeys$at === void 0 ? void 0 : _parentKeys$at.key) === 'inline-text-toolbar' ? ToolbarType.FLOATING : ToolbarType.PRIMARY);
+  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',
+  underline: 'underline',
+  strike: 'strike',
+  code: 'code',
+  subscript: 'subsup',
+  superscript: 'subsup'
 };
 export const useComponentInfo = ({
   api,
@@ -21,6 +28,7 @@ export const useComponentInfo = ({
   toggleMarkWithAnalyticsCallback,
   parents
 }) => {
+  var _api$core, _api$core$sharedState, _api$core$sharedState2;
   const {
     isActive,
     isDisabled,
@@ -35,6 +43,7 @@ export const useComponentInfo = ({
       isPluginInitialised: (_states$textFormattin4 = states.textFormattingState) === null || _states$textFormattin4 === void 0 ? void 0 : _states$textFormattin4.isInitialised
     };
   });
+  const hasMarkSchema = api === null || api === void 0 ? void 0 : (_api$core = api.core) === null || _api$core === void 0 ? void 0 : (_api$core$sharedState = _api$core.sharedState.currentState()) === null || _api$core$sharedState === void 0 ? void 0 : (_api$core$sharedState2 = _api$core$sharedState.schema) === null || _api$core$sharedState2 === void 0 ? void 0 : _api$core$sharedState2.marks[FormatMarkSchema[optionType]];
   let formatOptionState;
   if (!isPluginInitialised) {
     formatOptionState = {
@@ -46,8 +55,7 @@ export const useComponentInfo = ({
     formatOptionState = {
       isActive: Boolean(isActive),
       isDisabled: Boolean(isDisabled),
-      // TODO: ED-28682 - also need to check if mark is present in the schema
-      isHidden: Boolean(isHidden)
+      isHidden: Boolean(!hasMarkSchema || isHidden)
     };
   }
   const {

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

@@ -71,18 +71,22 @@ export var FormatButton = function FormatButton(_ref2) {
     ariaLabel = _useComponentInfo2.ariaLabel,
     formatTitle = _useComponentInfo2.formatTitle;
   var Icon = icon;
-  return /*#__PURE__*/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__*/
+    // 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)
+    }))
+  );
 };
 export var ClearFormatMenuItem = function ClearFormatMenuItem(_ref3) {
   var api = _ref3.api,

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

@@ -5,18 +5,26 @@ 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, 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, TOOLBARS, UNDERLINE_MENU_ITEM } 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(
-  // TODO: ED-28682 - replace with const
-  ((_parentKeys$at = parentKeys.at(-1)) === null || _parentKeys$at === void 0 ? void 0 : _parentKeys$at.key) === 'inline-text-toolbar' ? ToolbarType.FLOATING : ToolbarType.PRIMARY);
+  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',
+  underline: 'underline',
+  strike: 'strike',
+  code: 'code',
+  subscript: 'subsup',
+  superscript: 'subsup'
 };
 export var useComponentInfo = function useComponentInfo(_ref) {
+  var _api$core;
   var api = _ref.api,
     optionType = _ref.optionType,
     title = _ref.title,
@@ -36,6 +44,7 @@ export var useComponentInfo = function useComponentInfo(_ref) {
     isDisabled = _useSharedPluginState.isDisabled,
     isHidden = _useSharedPluginState.isHidden,
     isPluginInitialised = _useSharedPluginState.isPluginInitialised;
+  var hasMarkSchema = api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || (_api$core = _api$core.sharedState.currentState()) === null || _api$core === void 0 || (_api$core = _api$core.schema) === null || _api$core === void 0 ? void 0 : _api$core.marks[FormatMarkSchema[optionType]];
   var formatOptionState;
   if (!isPluginInitialised) {
     formatOptionState = {
@@ -47,8 +56,7 @@ export var useComponentInfo = function useComponentInfo(_ref) {
     formatOptionState = {
       isActive: Boolean(isActive),
       isDisabled: Boolean(isDisabled),
-      // TODO: ED-28682 - also need to check if mark is present in the schema
-      isHidden: Boolean(isHidden)
+      isHidden: Boolean(!hasMarkSchema || isHidden)
     };
   }
   var _useIntl = useIntl(),

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,23 +2,23 @@ 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;
-    optionType: string;
+    optionType: FormatOptions;
     toggleMarkWithAnalyticsCallback: ToggleMarkWithAnalyticsEditorCommand | ClearFormattingWithAnalyticsEditorCommand;
     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 getInputMethodFromParentKeys: (parentKeys: ToolbarComponentTypes) => import("@atlaskit/editor-common/types").InputMethodToolbar;
+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,23 +2,23 @@ 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;
-    optionType: string;
+    optionType: FormatOptions;
     toggleMarkWithAnalyticsCallback: ToggleMarkWithAnalyticsEditorCommand | ClearFormattingWithAnalyticsEditorCommand;
     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 getInputMethodFromParentKeys: (parentKeys: ToolbarComponentTypes) => import("@atlaskit/editor-common/types").InputMethodToolbar;
+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.9",
+	"version": "3.0.11",
 	"description": "Text-formatting plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -36,24 +36,24 @@
 		"@atlaskit/editor-plugin-analytics": "^3.0.0",
 		"@atlaskit/editor-plugin-base": "^4.1.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^4.1.0",
-		"@atlaskit/editor-plugin-selection-toolbar": "^4.2.0",
-		"@atlaskit/editor-plugin-toolbar": "^0.0.6",
+		"@atlaskit/editor-plugin-selection-toolbar": "^4.3.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.0.10",
-		"@atlaskit/editor-toolbar-model": "^0.0.4",
-		"@atlaskit/icon": "^27.9.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.18.0",
+		"@atlaskit/editor-common": "^107.20.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {