@atlaskit/editor-core 178.1.0 → 178.1.2

package/dist/esm/plugins/text-formatting/pm-plugins/smart-input-rule.js

@@ -4,6 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { Selection } from 'prosemirror-state';
 import { createPlugin, createRule, ruleWithAnalytics } from '../../../utils/input-rules';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, PUNC, SYMBOL } from '../../analytics';
+
 /**
  * Creates an InputRuleHandler that will match on a regular expression of the
  * form `(prefix, content, suffix?)`, and replace it with some given text,
@@ -11,75 +12,67 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, PUNC, SYMBOL } f
  *
  * @param text text to replace with
  */
-
 function replaceTextUsingCaptureGroup(text) {
   return function (state, match, start, end) {
     var _match = _slicedToArray(match, 4),
-        prefix = _match[1],
-        suffix = _match[3];
-
+      prefix = _match[1],
+      suffix = _match[3];
     var replacement = (prefix || '') + text + (suffix || '');
     var tr = state.tr,
-        $to = state.selection.$to;
+      $to = state.selection.$to;
     tr.replaceWith(start, end, state.schema.text(replacement, $to.marks()));
     tr.setSelection(Selection.near(tr.doc.resolve(tr.selection.to)));
     return tr;
   };
 }
-
 function createReplacementRule(to, from) {
   return createRule(from, replaceTextUsingCaptureGroup(to));
 }
+
 /**
  * Create replacement rules fiven a replacement map
  * @param replMap - Replacement map
  * @param trackingEventName - Analytics V2 tracking event name
  * @param replacementRuleWithAnalytics - Analytics GAS V3 middleware for replacement and rules.
  */
-
-
 function createReplacementRules(replMap, replacementRuleWithAnalytics) {
   return Object.keys(replMap).map(function (replacement) {
     var regex = replMap[replacement];
     var rule = createReplacementRule(replacement, regex);
-
     if (replacementRuleWithAnalytics) {
       return replacementRuleWithAnalytics(replacement)(rule);
     }
-
     return rule;
   });
-} // We don't agressively upgrade single quotes to smart quotes because
+}
+
+// We don't agressively upgrade single quotes to smart quotes because
 // they may clash with an emoji. Only do that when we have a matching
 // single quote, or a contraction.
-
-
 function createSingleQuotesRules() {
-  return [// wrapped text
+  return [
+  // wrapped text
   createRule(/(\s|^)'(\S+.*\S+)'$/, function (state, match, start, end) {
     var OPEN_SMART_QUOTE_CHAR = '‘';
     var CLOSED_SMART_QUOTE_CHAR = '’';
-
     var _match2 = _slicedToArray(match, 3),
-        spacing = _match2[1],
-        innerContent = _match2[2]; // Edge case where match begins with some spacing. We need to add
+      spacing = _match2[1],
+      innerContent = _match2[2];
+    // Edge case where match begins with some spacing. We need to add
     // it back to the document
-
-
-    var openQuoteReplacement = spacing + OPEN_SMART_QUOTE_CHAR; // End is not always where the closed quote is, edge case exists
+    var openQuoteReplacement = spacing + OPEN_SMART_QUOTE_CHAR;
+    // End is not always where the closed quote is, edge case exists
     // when there is spacing after the closed quote. We need to
     // determine position of closed quote from the start position.
-
     var positionOfClosedQuote = start + openQuoteReplacement.length + innerContent.length;
     return state.tr.insertText(CLOSED_SMART_QUOTE_CHAR, positionOfClosedQuote, end).insertText(openQuoteReplacement, start, start + openQuoteReplacement.length);
-  }), // apostrophe
+  }),
+  // apostrophe
   createReplacementRule('’', /(\w+)(')(\w+)$/)];
 }
 /**
  * Get replacement rules related to product
  */
-
-
 function getProductRules() {
   var productRuleWithAnalytics = function productRuleWithAnalytics(product) {
     return ruleWithAnalytics(function (_state, match) {
@@ -95,7 +88,6 @@ function getProductRules() {
       };
     });
   };
-
   return createReplacementRules({
     Atlassian: /(\s+|^)(atlassian)(\s)$/,
     Jira: /(\s+|^)(jira|JIRA)(\s)$/,
@@ -104,18 +96,16 @@ function getProductRules() {
     Trello: /(\s+|^)(trello)(\s)$/
   }, productRuleWithAnalytics);
 }
+
 /**
  * Get replacement rules related to symbol
  */
-
-
 function getSymbolRules() {
   var symbolToString = {
     '→': SYMBOL.ARROW_RIGHT,
     '←': SYMBOL.ARROW_LEFT,
     '↔︎': SYMBOL.ARROW_DOUBLE
   };
-
   var symbolRuleWithAnalytics = function symbolRuleWithAnalytics(symbol) {
     return ruleWithAnalytics(function () {
       return {
@@ -129,18 +119,16 @@ function getSymbolRules() {
       };
     });
   };
-
   return createReplacementRules({
     '→': /(\s+|^)(--?>)(\s)$/,
     '←': /(\s+|^)(<--?)(\s)$/,
     '↔︎': /(\s+|^)(<->?)(\s)$/
   }, symbolRuleWithAnalytics);
 }
+
 /**
  * Get replacement rules related to punctuation
  */
-
-
 function getPunctuationRules() {
   var punctuationToString = _defineProperty({
     '–': PUNC.DASH,
@@ -148,7 +136,6 @@ function getPunctuationRules() {
     '“': PUNC.QUOTE_DOUBLE,
     '”': PUNC.QUOTE_DOUBLE
   }, PUNC.QUOTE_SINGLE, PUNC.QUOTE_SINGLE);
-
   var punctuationRuleWithAnalytics = function punctuationRuleWithAnalytics(punctuation) {
     return ruleWithAnalytics(function () {
       return {
@@ -162,7 +149,6 @@ function getPunctuationRules() {
       };
     });
   };
-
   var dashEllipsisRules = createReplacementRules({
     '–': /(\s+|^)(--)(\s)$/,
     '…': /()(\.\.\.)$/
@@ -176,7 +162,6 @@ function getPunctuationRules() {
     return punctuationRuleWithAnalytics(PUNC.QUOTE_SINGLE)(rule);
   })));
 }
-
 export default (function (featureFlags) {
   return createPlugin('text-formatting:smart-input', [].concat(_toConsumableArray(getProductRules()), _toConsumableArray(getSymbolRules()), _toConsumableArray(getPunctuationRules())));
 });

package/dist/esm/plugins/text-formatting/styles.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import { css } from '@emotion/react';
 import { codeMarkSharedStyles } from '@atlaskit/editor-common/styles';
 export var textFormattingStyles = function textFormattingStyles(props) {

package/dist/esm/plugins/text-formatting/ui/Toolbar/constants.js

@@ -1,7 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _ResponsiveCustomButt, _ResponsiveCustomMenu;
-
 import { ToolbarSize } from '../../../../ui/Toolbar/types';
 import { IconTypes } from './types';
 export var DefaultButtonsToolbar = [IconTypes.strong, IconTypes.em];

package/dist/esm/plugins/text-formatting/ui/Toolbar/dropdown-menu.js

@@ -6,20 +6,18 @@ import { useMenuState } from './hooks/menu-state';
 import { MoreButton } from './more-button';
 export var FormattingTextDropdownMenu = /*#__PURE__*/React.memo(function (_ref) {
   var editorView = _ref.editorView,
-      moreButtonLabel = _ref.moreButtonLabel,
-      isReducedSpacing = _ref.isReducedSpacing,
-      items = _ref.items,
-      hasFormattingActive = _ref.hasFormattingActive,
-      popupsBoundariesElement = _ref.popupsBoundariesElement,
-      popupsMountPoint = _ref.popupsMountPoint,
-      popupsScrollableElement = _ref.popupsScrollableElement;
-
+    moreButtonLabel = _ref.moreButtonLabel,
+    isReducedSpacing = _ref.isReducedSpacing,
+    items = _ref.items,
+    hasFormattingActive = _ref.hasFormattingActive,
+    popupsBoundariesElement = _ref.popupsBoundariesElement,
+    popupsMountPoint = _ref.popupsMountPoint,
+    popupsScrollableElement = _ref.popupsScrollableElement;
   var _useMenuState = useMenuState(),
-      _useMenuState2 = _slicedToArray(_useMenuState, 3),
-      isMenuOpen = _useMenuState2[0],
-      toggleMenu = _useMenuState2[1],
-      closeMenu = _useMenuState2[2];
-
+    _useMenuState2 = _slicedToArray(_useMenuState, 3),
+    isMenuOpen = _useMenuState2[0],
+    toggleMenu = _useMenuState2[1],
+    closeMenu = _useMenuState2[2];
   var group = useMemo(function () {
     return [{
       items: items
@@ -27,10 +25,9 @@ export var FormattingTextDropdownMenu = /*#__PURE__*/React.memo(function (_ref)
   }, [items]);
   var onItemActivated = useCallback(function (_ref2) {
     var item = _ref2.item,
-        _ref2$shouldCloseMenu = _ref2.shouldCloseMenu,
-        shouldCloseMenu = _ref2$shouldCloseMenu === void 0 ? true : _ref2$shouldCloseMenu;
+      _ref2$shouldCloseMenu = _ref2.shouldCloseMenu,
+      shouldCloseMenu = _ref2$shouldCloseMenu === void 0 ? true : _ref2$shouldCloseMenu;
     item.command(editorView.state, editorView.dispatch);
-
     if (shouldCloseMenu) {
       closeMenu();
     }

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

@@ -8,16 +8,14 @@ import { pluginKey as clearFormattingPluginKey } from '../../../pm-plugins/clear
 import { clearFormatting as clearFormattingKeymap, tooltip } from '../../../../../keymaps';
 import { INPUT_METHOD } from '../../../../analytics/types/enums';
 var clearFormattingToolbar = clearFormattingWithAnalytics(INPUT_METHOD.TOOLBAR);
-
 var useClearFormattingPluginState = function useClearFormattingPluginState(editorState) {
   return useMemo(function () {
     return clearFormattingPluginKey.getState(editorState);
   }, [editorState]);
 };
-
 export var useClearIcon = function useClearIcon(_ref) {
   var intl = _ref.intl,
-      editorState = _ref.editorState;
+    editorState = _ref.editorState;
   var pluginState = useClearFormattingPluginState(editorState);
   var isPluginAvailable = Boolean(pluginState);
   var formattingIsPresent = Boolean(pluginState === null || pluginState === void 0 ? void 0 : pluginState.formattingIsPresent);
@@ -26,7 +24,6 @@ export var useClearIcon = function useClearIcon(_ref) {
     if (!isPluginAvailable) {
       return null;
     }
-
     return {
       key: 'clearFormatting',
       command: clearFormattingToolbar,

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

@@ -1,7 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _IconsMarkSchema;
-
 /** @jsx jsx */
 import React, { useMemo } from 'react';
 import { jsx } from '@emotion/react';
@@ -16,13 +14,11 @@ import { toggleCode, toggleStrikethrough, toggleUnderline, tooltip, toggleBold,
 import { INPUT_METHOD } from '../../../../analytics/types/enums';
 import { IconTypes } from '../types';
 import { getAriaKeyshortcuts } from '@atlaskit/editor-common/keymaps';
-
 var withToolbarInputMethod = function withToolbarInputMethod(func) {
   return func({
     inputMethod: INPUT_METHOD.TOOLBAR
   });
 };
-
 var IconButtons = {
   strong: {
     buttonId: TOOLBAR_ACTION_SUBJECT_ID.TEXT_FORMATTING_STRONG,
@@ -72,12 +68,11 @@ var IconButtons = {
     tooltipKeymap: toggleSuperscript
   }
 };
-
 var getIcon = function getIcon(_ref) {
   var iconType = _ref.iconType,
-      isDisabled = _ref.isDisabled,
-      isActive = _ref.isActive,
-      intl = _ref.intl;
+    isDisabled = _ref.isDisabled,
+    isActive = _ref.isActive,
+    intl = _ref.intl;
   var icon = IconButtons[iconType];
   var content = intl.formatMessage(icon.message);
   var tooltipKeymap = icon.tooltipKeymap;
@@ -104,17 +99,14 @@ var getIcon = function getIcon(_ref) {
     'aria-keyshortcuts': getAriaKeyshortcuts(tooltipKeymap)
   };
 };
-
 var IconsMarkSchema = (_IconsMarkSchema = {}, _defineProperty(_IconsMarkSchema, IconTypes.strong, 'strong'), _defineProperty(_IconsMarkSchema, IconTypes.em, 'em'), _defineProperty(_IconsMarkSchema, IconTypes.strike, 'strike'), _defineProperty(_IconsMarkSchema, IconTypes.code, 'code'), _defineProperty(_IconsMarkSchema, IconTypes.underline, 'underline'), _defineProperty(_IconsMarkSchema, IconTypes.superscript, 'subsup'), _defineProperty(_IconsMarkSchema, IconTypes.subscript, 'subsup'), _IconsMarkSchema);
-
 var buildMenuIconState = function buildMenuIconState(iconMark) {
   return function (_ref2) {
     var schema = _ref2.schema,
-        textFormattingPluginState = _ref2.textFormattingPluginState;
+      textFormattingPluginState = _ref2.textFormattingPluginState;
     var hasPluginState = Boolean(textFormattingPluginState);
     var markSchema = IconsMarkSchema[iconMark];
     var hasSchemaMark = Boolean(schema.marks[markSchema]);
-
     if (!hasPluginState) {
       return {
         isActive: false,
@@ -123,7 +115,6 @@ var buildMenuIconState = function buildMenuIconState(iconMark) {
         hasSchemaMark: hasSchemaMark
       };
     }
-
     var isActive = textFormattingPluginState["".concat(iconMark, "Active")];
     var isDisabled = textFormattingPluginState["".concat(iconMark, "Disabled")];
     var isHidden = textFormattingPluginState["".concat(iconMark, "Hidden")];
@@ -135,22 +126,21 @@ var buildMenuIconState = function buildMenuIconState(iconMark) {
     };
   };
 };
-
 var buildIcon = function buildIcon(iconMark) {
   var getState = buildMenuIconState(iconMark);
   return function (_ref3) {
     var schema = _ref3.schema,
-        textFormattingPluginState = _ref3.textFormattingPluginState,
-        intl = _ref3.intl,
-        isToolbarDisabled = _ref3.isToolbarDisabled;
+      textFormattingPluginState = _ref3.textFormattingPluginState,
+      intl = _ref3.intl,
+      isToolbarDisabled = _ref3.isToolbarDisabled;
     var iconState = getState({
       schema: schema,
       textFormattingPluginState: textFormattingPluginState
     });
     var isActive = iconState.isActive,
-        isDisabled = iconState.isDisabled,
-        isHidden = iconState.isHidden,
-        hasSchemaMark = iconState.hasSchemaMark;
+      isDisabled = iconState.isDisabled,
+      isHidden = iconState.isHidden,
+      hasSchemaMark = iconState.hasSchemaMark;
     var iconComponent = useMemo(function () {
       return getIcon({
         iconType: IconTypes[iconMark],
@@ -165,7 +155,6 @@ var buildIcon = function buildIcon(iconMark) {
     }, [shouldRenderIcon, iconComponent]);
   };
 };
-
 var buildStrongIcon = buildIcon(IconTypes.strong);
 var buildEmIcon = buildIcon(IconTypes.em);
 var buildUnderlineIcon = buildIcon(IconTypes.underline);
@@ -173,17 +162,15 @@ var buildStrikeIcon = buildIcon(IconTypes.strike);
 var buildCodeIcon = buildIcon(IconTypes.code);
 var buildSubscriptIcon = buildIcon(IconTypes.subscript);
 var buildSuperscriptIcon = buildIcon(IconTypes.superscript);
-
 var useTextFormattingPluginState = function useTextFormattingPluginState(editorState) {
   return useMemo(function () {
     return textFormattingPluginKey.getState(editorState);
   }, [editorState]);
 };
-
 export var useFormattingIcons = function useFormattingIcons(_ref4) {
   var isToolbarDisabled = _ref4.isToolbarDisabled,
-      editorState = _ref4.editorState,
-      intl = _ref4.intl;
+    editorState = _ref4.editorState,
+    intl = _ref4.intl;
   var textFormattingPluginState = useTextFormattingPluginState(editorState);
   var schema = editorState.schema;
   var props = {
@@ -206,13 +193,12 @@ export var useFormattingIcons = function useFormattingIcons(_ref4) {
 };
 export var useHasFormattingActived = function useHasFormattingActived(_ref5) {
   var editorState = _ref5.editorState,
-      iconTypeList = _ref5.iconTypeList;
+    iconTypeList = _ref5.iconTypeList;
   var textFormattingPluginState = useTextFormattingPluginState(editorState);
   var hasActiveFormatting = useMemo(function () {
     if (!textFormattingPluginState) {
       return false;
     }
-
     return iconTypeList.some(function (iconType) {
       return textFormattingPluginState["".concat(iconType, "Active")];
     });

package/dist/esm/plugins/text-formatting/ui/Toolbar/hooks/menu-state.js

@@ -2,10 +2,9 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useCallback, useState } from 'react';
 export var useMenuState = function useMenuState() {
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isMenuOpen = _useState2[0],
-      setIsMenuOpened = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isMenuOpen = _useState2[0],
+    setIsMenuOpened = _useState2[1];
   var toggleMenu = useCallback(function () {
     setIsMenuOpened(!isMenuOpen);
   }, [isMenuOpen]);

package/dist/esm/plugins/text-formatting/ui/Toolbar/hooks/responsive-toolbar-buttons.js

@@ -3,7 +3,7 @@ import { useMemo } from 'react';
 import { ResponsiveCustomButtonToolbar, ResponsiveCustomMenu, DefaultButtonsMenu, DefaultButtonsToolbar } from '../constants';
 export var useResponsiveIconTypeButtons = function useResponsiveIconTypeButtons(_ref) {
   var toolbarSize = _ref.toolbarSize,
-      responsivenessEnabled = _ref.responsivenessEnabled;
+    responsivenessEnabled = _ref.responsivenessEnabled;
   var iconTypeList = useMemo(function () {
     return ResponsiveCustomButtonToolbar[toolbarSize];
   }, [toolbarSize]);
@@ -11,7 +11,7 @@ export var useResponsiveIconTypeButtons = function useResponsiveIconTypeButtons(
 };
 export var useResponsiveIconTypeMenu = function useResponsiveIconTypeMenu(_ref2) {
   var toolbarSize = _ref2.toolbarSize,
-      responsivenessEnabled = _ref2.responsivenessEnabled;
+    responsivenessEnabled = _ref2.responsivenessEnabled;
   var iconTypeList = useMemo(function () {
     return ResponsiveCustomMenu[toolbarSize];
   }, [toolbarSize]);
@@ -19,8 +19,8 @@ export var useResponsiveIconTypeMenu = function useResponsiveIconTypeMenu(_ref2)
 };
 export var useResponsiveToolbarButtons = function useResponsiveToolbarButtons(_ref3) {
   var icons = _ref3.icons,
-      toolbarSize = _ref3.toolbarSize,
-      responsivenessEnabled = _ref3.responsivenessEnabled;
+    toolbarSize = _ref3.toolbarSize,
+    responsivenessEnabled = _ref3.responsivenessEnabled;
   var iconTypeList = useResponsiveIconTypeButtons({
     toolbarSize: toolbarSize,
     responsivenessEnabled: responsivenessEnabled
@@ -30,16 +30,13 @@ export var useResponsiveToolbarButtons = function useResponsiveToolbarButtons(_r
       if (!icon || !icon.iconMark) {
         return acc;
       }
-
       var isIconSingleButton = iconTypeList.includes(icon.iconMark);
-
       if (isIconSingleButton) {
         return {
           dropdownItems: acc.dropdownItems,
           singleItems: [].concat(_toConsumableArray(acc.singleItems), [icon])
         };
       }
-
       return {
         dropdownItems: [].concat(_toConsumableArray(acc.dropdownItems), [icon]),
         singleItems: acc.singleItems

package/dist/esm/plugins/text-formatting/ui/Toolbar/index.js

@@ -5,11 +5,8 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 /** @jsx jsx */
 import React, { useMemo, useState, useEffect } from 'react';
 import { jsx } from '@emotion/react';
@@ -24,26 +21,23 @@ import { FormattingTextDropdownMenu } from './dropdown-menu';
 import { toolbarMessages } from './toolbar-messages';
 import { usePreviousObjectState, compareItemsArrays, isArrayContainsContent } from '../../utils';
 import Announcer from '../../../../utils/announcer/announcer';
-
 var ToolbarFormatting = function ToolbarFormatting(_ref) {
   var shouldUseResponsiveToolbar = _ref.shouldUseResponsiveToolbar,
-      popupsMountPoint = _ref.popupsMountPoint,
-      popupsBoundariesElement = _ref.popupsBoundariesElement,
-      popupsScrollableElement = _ref.popupsScrollableElement,
-      editorView = _ref.editorView,
-      toolbarSize = _ref.toolbarSize,
-      isReducedSpacing = _ref.isReducedSpacing,
-      isToolbarDisabled = _ref.isToolbarDisabled,
-      intl = _ref.intl;
+    popupsMountPoint = _ref.popupsMountPoint,
+    popupsBoundariesElement = _ref.popupsBoundariesElement,
+    popupsScrollableElement = _ref.popupsScrollableElement,
+    editorView = _ref.editorView,
+    toolbarSize = _ref.toolbarSize,
+    isReducedSpacing = _ref.isReducedSpacing,
+    isToolbarDisabled = _ref.isToolbarDisabled,
+    intl = _ref.intl;
   var editorState = useMemo(function () {
     return editorView.state;
   }, [editorView.state]);
-
   var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      message = _useState2[0],
-      setMessage = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    message = _useState2[0],
+    setMessage = _useState2[1];
   var defaultIcons = useFormattingIcons({
     editorState: editorState,
     intl: intl,
@@ -61,15 +55,13 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
     editorState: editorView.state,
     iconTypeList: menuIconTypeList
   });
-
   var _useResponsiveToolbar = useResponsiveToolbarButtons({
-    icons: defaultIcons,
-    toolbarSize: toolbarSize,
-    responsivenessEnabled: shouldUseResponsiveToolbar
-  }),
-      dropdownItems = _useResponsiveToolbar.dropdownItems,
-      singleItems = _useResponsiveToolbar.singleItems;
-
+      icons: defaultIcons,
+      toolbarSize: toolbarSize,
+      responsivenessEnabled: shouldUseResponsiveToolbar
+    }),
+    dropdownItems = _useResponsiveToolbar.dropdownItems,
+    singleItems = _useResponsiveToolbar.singleItems;
   var clearFormattingStatus = intl.formatMessage(toolbarMessages.textFormattingOff);
   var superscriptOffSubscriptOnStatus = intl.formatMessage(toolbarMessages.superscriptOffSubscriptOn);
   var subscriptOffSuperscriptOnStatus = intl.formatMessage(toolbarMessages.subscriptOffSuperscriptOn);
@@ -81,7 +73,6 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
   var fromSubscriptToSuperscript = isArrayContainsContent(activeItems, 'Superscript') && isArrayContainsContent(prevActiveItems, 'Subscript');
   var comparedItems;
   var screenReaderMessage = '';
-
   if (prevActiveItems && activeItems.length > prevActiveItems.length) {
     comparedItems = compareItemsArrays(activeItems, prevActiveItems);
     screenReaderMessage = intl.formatMessage(toolbarMessages.on, {
@@ -89,40 +80,33 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
     });
   } else {
     comparedItems = compareItemsArrays(prevActiveItems, activeItems);
-
     if (comparedItems && comparedItems.length) {
       var _activeItems$;
-
       screenReaderMessage = intl.formatMessage(toolbarMessages.off, {
         formattingType: comparedItems[0].content
       });
-
       if (((_activeItems$ = activeItems[0]) === null || _activeItems$ === void 0 ? void 0 : _activeItems$.content) === 'Code') {
         screenReaderMessage = intl.formatMessage(toolbarMessages.codeOn, {
           textFormattingOff: (prevActiveItems === null || prevActiveItems === void 0 ? void 0 : prevActiveItems.length) > 1 ? clearFormattingStatus : screenReaderMessage
         });
       }
-
       if (fromSuperscriptToSubscript) {
         screenReaderMessage = superscriptOffSubscriptOnStatus;
       }
-
       if (fromSubscriptToSuperscript) {
         screenReaderMessage = subscriptOffSuperscriptOnStatus;
       }
     }
-  } // handle 'Clear formatting' status for screen readers
-
+  }
 
+  // handle 'Clear formatting' status for screen readers
   if (!(activeItems !== null && activeItems !== void 0 && activeItems.length) && (prevActiveItems === null || prevActiveItems === void 0 ? void 0 : prevActiveItems.length) > 1) {
     screenReaderMessage = clearFormattingStatus;
   }
-
   var items = useMemo(function () {
     if (!clearIcon) {
       return dropdownItems;
     }
-
     return [].concat(_toConsumableArray(dropdownItems), [clearIcon]);
   }, [clearIcon, dropdownItems]);
   var moreFormattingButtonLabel = intl.formatMessage(toolbarMessages.moreFormatting);
@@ -164,30 +148,25 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
     css: separatorStyles
   })));
 };
-
 var Toolbar = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Toolbar, _React$PureComponent);
-
   var _super = _createSuper(Toolbar);
-
   function Toolbar() {
     _classCallCheck(this, Toolbar);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(Toolbar, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          popupsMountPoint = _this$props.popupsMountPoint,
-          popupsScrollableElement = _this$props.popupsScrollableElement,
-          toolbarSize = _this$props.toolbarSize,
-          isReducedSpacing = _this$props.isReducedSpacing,
-          editorView = _this$props.editorView,
-          isToolbarDisabled = _this$props.isToolbarDisabled,
-          shouldUseResponsiveToolbar = _this$props.shouldUseResponsiveToolbar,
-          intl = _this$props.intl;
+        popupsMountPoint = _this$props.popupsMountPoint,
+        popupsScrollableElement = _this$props.popupsScrollableElement,
+        toolbarSize = _this$props.toolbarSize,
+        isReducedSpacing = _this$props.isReducedSpacing,
+        editorView = _this$props.editorView,
+        isToolbarDisabled = _this$props.isToolbarDisabled,
+        shouldUseResponsiveToolbar = _this$props.shouldUseResponsiveToolbar,
+        intl = _this$props.intl;
       return jsx(ToolbarFormatting, {
         popupsMountPoint: popupsMountPoint,
         popupsScrollableElement: popupsScrollableElement,
@@ -200,8 +179,6 @@ var Toolbar = /*#__PURE__*/function (_React$PureComponent) {
       });
     }
   }]);
-
   return Toolbar;
 }(React.PureComponent);
-
 export default injectIntl(Toolbar);

package/dist/esm/plugins/text-formatting/ui/Toolbar/more-button.js

@@ -6,11 +6,11 @@ import { triggerWrapperStyles } from '../../../../ui/styles';
 import ToolbarButton from '../../../../ui/ToolbarButton';
 export var MoreButton = /*#__PURE__*/React.memo(function (_ref) {
   var label = _ref.label,
-      ariaExpanded = _ref['aria-expanded'],
-      isReducedSpacing = _ref.isReducedSpacing,
-      isSelected = _ref.isSelected,
-      isDisabled = _ref.isDisabled,
-      onClick = _ref.onClick;
+    ariaExpanded = _ref['aria-expanded'],
+    isReducedSpacing = _ref.isReducedSpacing,
+    isSelected = _ref.isSelected,
+    isDisabled = _ref.isDisabled,
+    onClick = _ref.onClick;
   return jsx(ToolbarButton, {
     disabled: isDisabled,
     selected: isSelected,

package/dist/esm/plugins/text-formatting/ui/Toolbar/single-toolbar-buttons.js

@@ -5,8 +5,8 @@ import { buttonGroupStyle } from '../../../../ui/styles';
 import ToolbarButton from '../../../../ui/ToolbarButton';
 export var SingleToolbarButtons = /*#__PURE__*/React.memo(function (_ref) {
   var items = _ref.items,
-      isReducedSpacing = _ref.isReducedSpacing,
-      editorView = _ref.editorView;
+    isReducedSpacing = _ref.isReducedSpacing,
+    editorView = _ref.editorView;
   var onClick = useCallback(function (command) {
     return function () {
       command(editorView.state, editorView.dispatch);
@@ -17,7 +17,6 @@ export var SingleToolbarButtons = /*#__PURE__*/React.memo(function (_ref) {
     css: buttonGroupStyle
   }, items.map(function (item) {
     var _item$ariaLabel;
-
     return jsx(ToolbarButton, {
       key: item.key,
       testId: "editor-toolbar__".concat(String(item.content)),

package/dist/esm/plugins/text-formatting/ui/Toolbar/types.js

@@ -1,5 +1,4 @@
 export var IconTypes;
-
 (function (IconTypes) {
   IconTypes["strong"] = "strong";
   IconTypes["em"] = "em";