@atlaskit/editor-core 187.17.6 → 187.18.1

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

@@ -1,75 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useCallback, useMemo, useState } from 'react';
-import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
-import { DropdownMenuWithKeyboardNavigation as DropdownMenu } from '@atlaskit/editor-common/ui-menu';
-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;
-  var _useMenuState = useMenuState(),
-    _useMenuState2 = _slicedToArray(_useMenuState, 3),
-    isMenuOpen = _useMenuState2[0],
-    toggleMenu = _useMenuState2[1],
-    closeMenu = _useMenuState2[2];
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpenedByKeyboard = _useState2[0],
-    setIsOpenedByKeyboard = _useState2[1];
-  var group = useMemo(function () {
-    return [{
-      items: items
-    }];
-  }, [items]);
-  var onItemActivated = useCallback(function (_ref2) {
-    var item = _ref2.item,
-      _ref2$shouldCloseMenu = _ref2.shouldCloseMenu,
-      shouldCloseMenu = _ref2$shouldCloseMenu === void 0 ? true : _ref2$shouldCloseMenu;
-    item.command(editorView.state, editorView.dispatch);
-    if (shouldCloseMenu) {
-      closeMenu();
-    }
-  }, [editorView.state, editorView.dispatch, closeMenu]);
-  return /*#__PURE__*/React.createElement(DropdownMenu, {
-    mountTo: popupsMountPoint,
-    onOpenChange: closeMenu,
-    boundariesElement: popupsBoundariesElement,
-    scrollableElement: popupsScrollableElement,
-    onItemActivated: onItemActivated,
-    isOpen: isMenuOpen,
-    items: group,
-    zIndex: akEditorMenuZIndex,
-    fitHeight: 188,
-    fitWidth: 136,
-    shouldUseDefaultRole: true,
-    shouldFocusFirstItem: function shouldFocusFirstItem() {
-      if (isOpenedByKeyboard) {
-        setIsOpenedByKeyboard(false);
-      }
-      return isOpenedByKeyboard;
-    }
-  }, /*#__PURE__*/React.createElement(MoreButton, {
-    isSelected: isMenuOpen || hasFormattingActive,
-    label: moreButtonLabel,
-    isReducedSpacing: isReducedSpacing,
-    isDisabled: false,
-    onClick: function onClick() {
-      toggleMenu();
-      setIsOpenedByKeyboard(false);
-    },
-    onKeyDown: function onKeyDown(event) {
-      if (event.key === 'Enter' || event.key === ' ') {
-        event.preventDefault();
-        toggleMenu();
-        setIsOpenedByKeyboard(true);
-      }
-    },
-    "aria-expanded": isMenuOpen
-  }));
-});

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

@@ -1,45 +0,0 @@
-/** @jsx jsx */
-import { useCallback, useMemo } from 'react';
-import { jsx } from '@emotion/react';
-import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
-import { toolbarMessages } from '@atlaskit/editor-common/messages';
-import { clearFormattingWithAnalytics } from '../../../commands/clear-formatting';
-import { pluginKey as clearFormattingPluginKey } from '../../../pm-plugins/clear-formatting';
-import { clearFormatting as clearFormattingKeymap, tooltip } from '@atlaskit/editor-common/keymaps';
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-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,
-    editorAnalyticsAPI = _ref.editorAnalyticsAPI;
-  var pluginState = useClearFormattingPluginState(editorState);
-  var isPluginAvailable = Boolean(pluginState);
-  var formattingIsPresent = Boolean(pluginState === null || pluginState === void 0 ? void 0 : pluginState.formattingIsPresent);
-  var clearFormattingLabel = intl.formatMessage(toolbarMessages.clearFormatting);
-  var clearFormattingToolbar = useCallback(function (state, dispatch) {
-    return clearFormattingWithAnalytics(INPUT_METHOD.TOOLBAR, editorAnalyticsAPI)(state, dispatch);
-  }, [editorAnalyticsAPI]);
-  return useMemo(function () {
-    if (!isPluginAvailable) {
-      return null;
-    }
-    return {
-      key: 'clearFormatting',
-      command: clearFormattingToolbar,
-      content: clearFormattingLabel,
-      elemAfter: jsx("div", {
-        css: shortcutStyle
-      }, tooltip(clearFormattingKeymap)),
-      value: {
-        name: 'clearFormatting'
-      },
-      isActive: false,
-      isDisabled: !formattingIsPresent,
-      'aria-label': clearFormattingKeymap ? tooltip(clearFormattingKeymap, String(clearFormattingLabel)) : String(clearFormattingLabel)
-    };
-  }, [isPluginAvailable, clearFormattingToolbar, clearFormattingLabel, formattingIsPresent]);
-};

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

@@ -1,213 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _IconsMarkSchema;
-/** @jsx jsx */
-import React, { useMemo } from 'react';
-import { jsx } from '@emotion/react';
-import BoldIcon from '@atlaskit/icon/glyph/editor/bold';
-import ItalicIcon from '@atlaskit/icon/glyph/editor/italic';
-import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
-import { toolbarMessages } from '@atlaskit/editor-common/messages';
-import { toggleStrongWithAnalytics, toggleEmWithAnalytics, toggleCodeWithAnalytics, toggleStrikeWithAnalytics, toggleSubscriptWithAnalytics, toggleSuperscriptWithAnalytics, toggleUnderlineWithAnalytics } from '../../../actions';
-import { TOOLBAR_ACTION_SUBJECT_ID, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { pluginKey as textFormattingPluginKey } from '../../../pm-plugins/plugin-key';
-import { toggleCode, toggleStrikethrough, toggleUnderline, tooltip, toggleBold, toggleItalic, toggleSubscript, toggleSuperscript, ToolTipContent, getAriaKeyshortcuts } from '@atlaskit/editor-common/keymaps';
-import { IconTypes } from '../types';
-var withToolbarInputMethod = function withToolbarInputMethod(func) {
-  return func({
-    inputMethod: INPUT_METHOD.TOOLBAR
-  });
-};
-var IconButtons = function IconButtons(editorAnalyticsAPI) {
-  return {
-    strong: {
-      buttonId: TOOLBAR_ACTION_SUBJECT_ID.TEXT_FORMATTING_STRONG,
-      command: withToolbarInputMethod(toggleStrongWithAnalytics(editorAnalyticsAPI)),
-      message: toolbarMessages.bold,
-      tooltipKeymap: toggleBold,
-      component: function component() {
-        return jsx(BoldIcon, {
-          label: ""
-        });
-      }
-    },
-    em: {
-      buttonId: TOOLBAR_ACTION_SUBJECT_ID.TEXT_FORMATTING_ITALIC,
-      command: withToolbarInputMethod(toggleEmWithAnalytics(editorAnalyticsAPI)),
-      message: toolbarMessages.italic,
-      tooltipKeymap: toggleItalic,
-      component: function component() {
-        return jsx(ItalicIcon, {
-          label: ""
-        });
-      }
-    },
-    underline: {
-      command: withToolbarInputMethod(toggleUnderlineWithAnalytics(editorAnalyticsAPI)),
-      message: toolbarMessages.underline,
-      tooltipKeymap: toggleUnderline
-    },
-    strike: {
-      command: withToolbarInputMethod(toggleStrikeWithAnalytics(editorAnalyticsAPI)),
-      message: toolbarMessages.strike,
-      tooltipKeymap: toggleStrikethrough
-    },
-    code: {
-      command: withToolbarInputMethod(toggleCodeWithAnalytics(editorAnalyticsAPI)),
-      message: toolbarMessages.code,
-      tooltipKeymap: toggleCode
-    },
-    subscript: {
-      command: withToolbarInputMethod(toggleSubscriptWithAnalytics(editorAnalyticsAPI)),
-      message: toolbarMessages.subscript,
-      tooltipKeymap: toggleSubscript
-    },
-    superscript: {
-      command: withToolbarInputMethod(toggleSuperscriptWithAnalytics(editorAnalyticsAPI)),
-      message: toolbarMessages.superscript,
-      tooltipKeymap: toggleSuperscript
-    }
-  };
-};
-var getIcon = function getIcon(_ref) {
-  var iconType = _ref.iconType,
-    isDisabled = _ref.isDisabled,
-    isActive = _ref.isActive,
-    intl = _ref.intl,
-    editorAnalyticsAPI = _ref.editorAnalyticsAPI;
-  var icon = IconButtons(editorAnalyticsAPI)[iconType];
-  var content = intl.formatMessage(icon.message);
-  var tooltipKeymap = icon.tooltipKeymap;
-  return {
-    content: content,
-    buttonId: icon.buttonId,
-    iconMark: iconType,
-    key: iconType,
-    command: icon.command,
-    iconElement: icon.component ? icon.component() : undefined,
-    tooltipElement: tooltipKeymap ? jsx(ToolTipContent, {
-      description: content,
-      keymap: tooltipKeymap
-    }) : undefined,
-    elemAfter: tooltipKeymap ? jsx("div", {
-      css: shortcutStyle
-    }, tooltip(tooltipKeymap)) : undefined,
-    value: {
-      name: iconType
-    },
-    isActive: isActive,
-    isDisabled: isDisabled,
-    'aria-label': tooltipKeymap ? tooltip(tooltipKeymap, String(content)) : String(content),
-    '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;
-    var hasPluginState = Boolean(Object.keys(textFormattingPluginState || {}).length);
-    var markSchema = IconsMarkSchema[iconMark];
-    var hasSchemaMark = Boolean(schema.marks[markSchema]);
-    if (!hasPluginState) {
-      return {
-        isActive: false,
-        isDisabled: true,
-        isHidden: false,
-        hasSchemaMark: hasSchemaMark
-      };
-    }
-    var isActive = textFormattingPluginState["".concat(iconMark, "Active")];
-    var isDisabled = textFormattingPluginState["".concat(iconMark, "Disabled")];
-    var isHidden = textFormattingPluginState["".concat(iconMark, "Hidden")];
-    return {
-      isActive: Boolean(isActive),
-      isDisabled: Boolean(isDisabled),
-      isHidden: Boolean(isHidden),
-      hasSchemaMark: hasSchemaMark
-    };
-  };
-};
-var buildIcon = function buildIcon(iconMark, editorAnalyticsAPI) {
-  var getState = buildMenuIconState(iconMark);
-  return function (_ref3) {
-    var schema = _ref3.schema,
-      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;
-    var iconComponent = useMemo(function () {
-      return getIcon({
-        iconType: IconTypes[iconMark],
-        isDisabled: isToolbarDisabled || isDisabled,
-        isActive: isActive,
-        intl: intl,
-        editorAnalyticsAPI: editorAnalyticsAPI
-      });
-    }, [isToolbarDisabled, isDisabled, isActive, intl]);
-    var shouldRenderIcon = hasSchemaMark && !isHidden;
-    return useMemo(function () {
-      return shouldRenderIcon ? iconComponent : null;
-    }, [shouldRenderIcon, iconComponent]);
-  };
-};
-var useTextFormattingPluginState = function useTextFormattingPluginState(editorState) {
-  return useMemo(function () {
-    var pluginState = textFormattingPluginKey.getState(editorState);
-
-    // TODO: ED-13910 for reasons that goes beyond my knowledge. This is the only way to make the current unit tests happy. Even thought this was wrong before
-    return pluginState;
-  }, [editorState]);
-};
-export var useFormattingIcons = function useFormattingIcons(_ref4) {
-  var isToolbarDisabled = _ref4.isToolbarDisabled,
-    editorState = _ref4.editorState,
-    intl = _ref4.intl,
-    editorAnalyticsAPI = _ref4.editorAnalyticsAPI;
-  var textFormattingPluginState = useTextFormattingPluginState(editorState);
-  var schema = editorState.schema;
-  var props = {
-    schema: schema,
-    textFormattingPluginState: textFormattingPluginState,
-    intl: intl,
-    isToolbarDisabled: Boolean(isToolbarDisabled)
-  };
-  var buildStrongIcon = buildIcon(IconTypes.strong, editorAnalyticsAPI);
-  var buildEmIcon = buildIcon(IconTypes.em, editorAnalyticsAPI);
-  var buildUnderlineIcon = buildIcon(IconTypes.underline, editorAnalyticsAPI);
-  var buildStrikeIcon = buildIcon(IconTypes.strike, editorAnalyticsAPI);
-  var buildCodeIcon = buildIcon(IconTypes.code, editorAnalyticsAPI);
-  var buildSubscriptIcon = buildIcon(IconTypes.subscript, editorAnalyticsAPI);
-  var buildSuperscriptIcon = buildIcon(IconTypes.superscript, editorAnalyticsAPI);
-  var strongIcon = buildStrongIcon(props);
-  var emIcon = buildEmIcon(props);
-  var underlineIcon = buildUnderlineIcon(props);
-  var strikeIcon = buildStrikeIcon(props);
-  var codeIcon = buildCodeIcon(props);
-  var subscriptIcon = buildSubscriptIcon(props);
-  var superscriptIcon = buildSuperscriptIcon(props);
-  var result = useMemo(function () {
-    return [strongIcon, emIcon, underlineIcon, strikeIcon, codeIcon, subscriptIcon, superscriptIcon];
-  }, [strongIcon, emIcon, underlineIcon, strikeIcon, codeIcon, subscriptIcon, superscriptIcon]);
-  return result;
-};
-export var useHasFormattingActived = function useHasFormattingActived(_ref5) {
-  var editorState = _ref5.editorState,
-    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")];
-    });
-  }, [textFormattingPluginState, iconTypeList]);
-  return hasActiveFormatting;
-};

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

@@ -1,15 +0,0 @@
-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];
-  var toggleMenu = useCallback(function () {
-    setIsMenuOpened(!isMenuOpen);
-  }, [isMenuOpen]);
-  var closeMenu = useCallback(function () {
-    setIsMenuOpened(false);
-  }, []);
-  return [isMenuOpen, toggleMenu, closeMenu];
-};

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

@@ -1,50 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { useMemo } from 'react';
-import { ResponsiveCustomButtonToolbar, ResponsiveCustomMenu, DefaultButtonsMenu, DefaultButtonsToolbar } from '../constants';
-export var useResponsiveIconTypeButtons = function useResponsiveIconTypeButtons(_ref) {
-  var toolbarSize = _ref.toolbarSize,
-    responsivenessEnabled = _ref.responsivenessEnabled;
-  var iconTypeList = useMemo(function () {
-    return ResponsiveCustomButtonToolbar[toolbarSize];
-  }, [toolbarSize]);
-  return responsivenessEnabled ? iconTypeList : DefaultButtonsToolbar;
-};
-export var useResponsiveIconTypeMenu = function useResponsiveIconTypeMenu(_ref2) {
-  var toolbarSize = _ref2.toolbarSize,
-    responsivenessEnabled = _ref2.responsivenessEnabled;
-  var iconTypeList = useMemo(function () {
-    return ResponsiveCustomMenu[toolbarSize];
-  }, [toolbarSize]);
-  return responsivenessEnabled ? iconTypeList : DefaultButtonsMenu;
-};
-export var useResponsiveToolbarButtons = function useResponsiveToolbarButtons(_ref3) {
-  var icons = _ref3.icons,
-    toolbarSize = _ref3.toolbarSize,
-    responsivenessEnabled = _ref3.responsivenessEnabled;
-  var iconTypeList = useResponsiveIconTypeButtons({
-    toolbarSize: toolbarSize,
-    responsivenessEnabled: responsivenessEnabled
-  });
-  var iconsPosition = useMemo(function () {
-    return icons.reduce(function (acc, icon) {
-      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
-      };
-    }, {
-      dropdownItems: [],
-      singleItems: []
-    });
-  }, [icons, iconTypeList]);
-  return iconsPosition;
-};

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

@@ -1,191 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-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';
-import { injectIntl } from 'react-intl-next';
-import { separatorStyles, buttonGroupStyle, wrapperStyle } from '@atlaskit/editor-common/styles';
-import { useFormattingIcons, useHasFormattingActived } from './hooks/formatting-icons';
-import { useClearIcon } from './hooks/clear-formatting-icon';
-import { useResponsiveToolbarButtons, useResponsiveIconTypeMenu } from './hooks/responsive-toolbar-buttons';
-import { SingleToolbarButtons } from './single-toolbar-buttons';
-import { MoreButton } from './more-button';
-import { FormattingTextDropdownMenu } from './dropdown-menu';
-import { toolbarMessages } from '@atlaskit/editor-common/messages';
-import { compareItemsArrays, isArrayContainsContent } from '../../utils';
-import { Announcer } from '@atlaskit/editor-common/ui';
-import { usePreviousState } from '@atlaskit/editor-common/hooks';
-var ToolbarFormatting = function ToolbarFormatting(_ref) {
-  var _usePreviousState;
-  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,
-    editorAnalyticsAPI = _ref.editorAnalyticsAPI;
-  var editorState = useMemo(function () {
-    return editorView.state;
-  }, [editorView.state]);
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    message = _useState2[0],
-    setMessage = _useState2[1];
-  var defaultIcons = useFormattingIcons({
-    editorState: editorState,
-    intl: intl,
-    isToolbarDisabled: isToolbarDisabled,
-    editorAnalyticsAPI: editorAnalyticsAPI
-  });
-  var clearIcon = useClearIcon({
-    editorState: editorState,
-    intl: intl,
-    editorAnalyticsAPI: editorAnalyticsAPI
-  });
-  var menuIconTypeList = useResponsiveIconTypeMenu({
-    toolbarSize: toolbarSize,
-    responsivenessEnabled: shouldUseResponsiveToolbar
-  });
-  var hasFormattingActive = useHasFormattingActived({
-    editorState: editorView.state,
-    iconTypeList: menuIconTypeList
-  });
-  var _useResponsiveToolbar = useResponsiveToolbarButtons({
-      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);
-  var activeItems = [].concat(_toConsumableArray(dropdownItems), _toConsumableArray(singleItems)).filter(function (item) {
-    return item.isActive;
-  });
-  var prevActiveItems = (_usePreviousState = usePreviousState(activeItems)) !== null && _usePreviousState !== void 0 ? _usePreviousState : [];
-  var fromSuperscriptToSubscript = isArrayContainsContent(activeItems, 'Subscript') && isArrayContainsContent(prevActiveItems, 'Superscript');
-  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, {
-      formattingType: comparedItems[0].content
-    });
-  } 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
-  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);
-  useEffect(function () {
-    if (screenReaderMessage) {
-      setMessage(screenReaderMessage);
-    }
-  }, [screenReaderMessage]);
-  return jsx("span", {
-    css: buttonGroupStyle
-  }, message && jsx(Announcer, {
-    ariaLive: "assertive",
-    text: message,
-    ariaRelevant: "additions",
-    delay: 250
-  }), jsx(SingleToolbarButtons, {
-    items: singleItems,
-    editorView: editorView,
-    isReducedSpacing: isReducedSpacing
-  }), jsx("span", {
-    css: wrapperStyle
-  }, isToolbarDisabled ? jsx("div", null, jsx(MoreButton, {
-    label: moreFormattingButtonLabel,
-    isReducedSpacing: isReducedSpacing,
-    isDisabled: true,
-    isSelected: false,
-    "aria-expanded": undefined,
-    "aria-pressed": undefined
-  })) : jsx(FormattingTextDropdownMenu, {
-    popupsMountPoint: popupsMountPoint,
-    popupsBoundariesElement: popupsBoundariesElement,
-    popupsScrollableElement: popupsScrollableElement,
-    editorView: editorView,
-    isReducedSpacing: isReducedSpacing,
-    moreButtonLabel: moreFormattingButtonLabel,
-    hasFormattingActive: hasFormattingActive,
-    items: items
-  }), jsx("span", {
-    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,
-        editorAnalyticsAPI = _this$props.editorAnalyticsAPI;
-      return jsx(ToolbarFormatting, {
-        popupsMountPoint: popupsMountPoint,
-        popupsScrollableElement: popupsScrollableElement,
-        toolbarSize: toolbarSize,
-        isReducedSpacing: isReducedSpacing,
-        editorView: editorView,
-        isToolbarDisabled: isToolbarDisabled,
-        shouldUseResponsiveToolbar: shouldUseResponsiveToolbar,
-        intl: intl,
-        editorAnalyticsAPI: editorAnalyticsAPI
-      });
-    }
-  }]);
-  return Toolbar;
-}(React.PureComponent);
-export default injectIntl(Toolbar);

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

@@ -1,31 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { jsx } from '@emotion/react';
-import MoreIcon from '@atlaskit/icon/glyph/editor/more';
-import { triggerWrapperStyles } from '@atlaskit/editor-common/styles';
-import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
-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,
-    onKeyDown = _ref.onKeyDown;
-  return jsx(ToolbarButton, {
-    disabled: isDisabled,
-    selected: isSelected,
-    onClick: onClick,
-    onKeyDown: onKeyDown,
-    spacing: isReducedSpacing ? 'none' : 'default',
-    title: label,
-    iconBefore: jsx("div", {
-      css: triggerWrapperStyles
-    }, jsx(MoreIcon, {
-      label: ""
-    })),
-    "aria-expanded": ariaExpanded,
-    "aria-label": label,
-    "aria-haspopup": true
-  });
-});

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

@@ -1,35 +0,0 @@
-/** @jsx jsx */
-import React, { useCallback } from 'react';
-import { jsx } from '@emotion/react';
-import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
-import { buttonGroupStyle } from '@atlaskit/editor-common/styles';
-export var SingleToolbarButtons = /*#__PURE__*/React.memo(function (_ref) {
-  var items = _ref.items,
-    isReducedSpacing = _ref.isReducedSpacing,
-    editorView = _ref.editorView;
-  var onClick = useCallback(function (command) {
-    return function () {
-      command(editorView.state, editorView.dispatch);
-      return false;
-    };
-  }, [editorView.state, editorView.dispatch]);
-  return jsx("span", {
-    css: buttonGroupStyle
-  }, items.map(function (item) {
-    var _item$ariaLabel;
-    return jsx(ToolbarButton, {
-      key: item.key,
-      testId: "editor-toolbar__".concat(String(item.content)),
-      buttonId: item.buttonId,
-      spacing: isReducedSpacing ? 'none' : 'default',
-      onClick: onClick(item.command),
-      selected: item.isActive,
-      disabled: item.isDisabled,
-      title: item.tooltipElement,
-      iconBefore: item.iconElement,
-      "aria-pressed": item.isActive,
-      "aria-label": (_item$ariaLabel = item['aria-label']) !== null && _item$ariaLabel !== void 0 ? _item$ariaLabel : String(item.content),
-      "aria-keyshortcuts": item['aria-keyshortcuts']
-    });
-  }));
-});

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

@@ -1,10 +0,0 @@
-export var IconTypes = /*#__PURE__*/function (IconTypes) {
-  IconTypes["strong"] = "strong";
-  IconTypes["em"] = "em";
-  IconTypes["underline"] = "underline";
-  IconTypes["strike"] = "strike";
-  IconTypes["code"] = "code";
-  IconTypes["subscript"] = "subscript";
-  IconTypes["superscript"] = "superscript";
-  return IconTypes;
-}({});

package/dist/esm/plugins/text-formatting/utils/cell-selection.js

@@ -1,5 +0,0 @@
-export var cellSelectionNodesBetween = function cellSelectionNodesBetween(selection, doc, f, startPos) {
-  selection.forEachCell(function (cell, cellPos) {
-    doc.nodesBetween(cellPos, cellPos + cell.nodeSize, f, startPos);
-  });
-};