@atlaskit/editor-core 153.1.1 → 154.0.0

package/dist/cjs/plugins/tasks-and-decisions/ui/Task/index.js

@@ -31,10 +31,12 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactIntlNext = require("react-intl-next");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _providerFactory2 = require("@atlaskit/editor-common/provider-factory");
 
 var _taskItemWithProviders = _interopRequireDefault(require("./task-item-with-providers"));
 
+var _excluded = ["providers", "intl"];
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -65,7 +67,7 @@ var TaskItem = /*#__PURE__*/function (_PureComponent) {
       var _this$props = _this.props,
           _providerFactory = _this$props.providers,
           formatMessage = _this$props.intl.formatMessage,
-          otherProps = (0, _objectWithoutProperties2.default)(_this$props, ["providers", "intl"]);
+          otherProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
       var taskDecisionProvider = providers.taskDecisionProvider,
           contextIdentifierProvider = providers.contextIdentifierProvider;
       var placeholder = formatMessage(messages.placeholder);
@@ -75,7 +77,7 @@ var TaskItem = /*#__PURE__*/function (_PureComponent) {
         contextIdentifierProvider: contextIdentifierProvider
       }));
     });
-    _this.providerFactory = props.providers || new _editorCommon.ProviderFactory();
+    _this.providerFactory = props.providers || new _providerFactory2.ProviderFactory();
     return _this;
   }
 
@@ -91,7 +93,7 @@ var TaskItem = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_editorCommon.WithProviders, {
+      return /*#__PURE__*/_react.default.createElement(_providerFactory2.WithProviders, {
         providers: ['taskDecisionProvider', 'contextIdentifierProvider'],
         providerFactory: this.providerFactory,
         renderNode: this.renderWithProvider

package/dist/cjs/plugins/tasks-and-decisions/ui/Task/task-item-with-providers.js

@@ -37,6 +37,8 @@ var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-contex
 
 var _taskDecision = require("@atlaskit/task-decision");
 
+var _excluded = ["contextIdentifierProvider"];
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -153,7 +155,7 @@ var TaskItemWithProviders = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this$props = this.props,
           contextIdentifierProvider = _this$props.contextIdentifierProvider,
-          otherProps = (0, _objectWithoutProperties2.default)(_this$props, ["contextIdentifierProvider"]);
+          otherProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
 
       var _ref = this.state.resolvedContextProvider || {},
           objectId = _ref.objectId;

package/dist/cjs/plugins/text-color/pm-plugins/main.js

@@ -30,9 +30,9 @@ var _color = require("../utils/color");
 
 var _disabled = require("../utils/disabled");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function createInitialPluginState(editorState, pluginConfig) {
   var defaultColor = (pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.defaultColor) || _color.DEFAULT_COLOR;

package/dist/cjs/plugins/text-color/ui/ToolbarTextColor/icon.js

@@ -29,7 +29,7 @@ var textColorGlyph = function textColorGlyph(props) {
 var EditorTextColorIcon = function EditorTextColorIcon() {
   return /*#__PURE__*/_react.default.createElement(_base.default, {
     glyph: textColorGlyph,
-    label: "Text color icon"
+    label: ""
   });
 };
 

package/dist/cjs/plugins/text-color/ui/ToolbarTextColor/index.js

@@ -57,9 +57,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
@@ -251,6 +251,8 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
           disabled: disabled || pluginState.disabled,
           selected: isOpen,
           "aria-label": labelTextColor,
+          "aria-expanded": isOpen,
+          "aria-haspopup": true,
           title: labelTextColor,
           onClick: this.toggleOpen,
           iconBefore: /*#__PURE__*/_react.default.createElement(_styles.TriggerWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.TextColorIconWrapper, null, /*#__PURE__*/_react.default.createElement(_icon.EditorTextColorIcon, null), /*#__PURE__*/_react.default.createElement(_styles2.TextColorIconBar, {

package/dist/cjs/plugins/text-formatting/pm-plugins/keymap.js

@@ -46,6 +46,18 @@ function keymapPlugin(schema) {
     }), list);
   }
 
+  if (schema.marks.subsup) {
+    keymaps.bindKeymapWithCommand(keymaps.toggleSubscript.common, commands.toggleSubscriptWithAnalytics({
+      inputMethod: _analytics.INPUT_METHOD.SHORTCUT
+    }), list);
+  }
+
+  if (schema.marks.subsup) {
+    keymaps.bindKeymapWithCommand(keymaps.toggleSuperscript.common, commands.toggleSuperscriptWithAnalytics({
+      inputMethod: _analytics.INPUT_METHOD.SHORTCUT
+    }), list);
+  }
+
   if (schema.marks.underline) {
     keymaps.bindKeymapWithCommand(keymaps.toggleUnderline.common, commands.toggleUnderlineWithAnalytics({
       inputMethod: _analytics.INPUT_METHOD.SHORTCUT

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

@@ -11,9 +11,9 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _styledComponents = require("styled-components");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
 
 var _templateObject;
 
-var textFormattingStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), _editorCommon.codeMarkSharedStyles);
+var textFormattingStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), _styles.codeMarkSharedStyles);
 exports.textFormattingStyles = textFormattingStyles;

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

@@ -61,13 +61,15 @@ var FormattingTextDropdownMenu = /*#__PURE__*/_react.default.memo(function (_ref
     items: group,
     zIndex: _editorSharedStyles.akEditorMenuZIndex,
     fitHeight: 188,
-    fitWidth: 136
+    fitWidth: 136,
+    shouldUseDefaultRole: true
   }, /*#__PURE__*/_react.default.createElement(_moreButton.MoreButton, {
     isSelected: isMenuOpen || hasFormattingActive,
     label: moreButtonLabel,
     isReducedSpacing: isReducedSpacing,
     isDisabled: false,
-    onClick: toggleMenu
+    onClick: toggleMenu,
+    "aria-expanded": isMenuOpen
   }));
 });
 

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

@@ -51,10 +51,9 @@ var IconButtons = {
     command: withToolbarInputMethod(commands.toggleStrongWithAnalytics),
     message: _toolbarMessages.toolbarMessages.bold,
     tooltipKeymap: _keymaps.toggleBold,
-    component: function component(_ref) {
-      var label = _ref.label;
+    component: function component() {
       return /*#__PURE__*/_react.default.createElement(_bold.default, {
-        label: label
+        label: ""
       });
     }
   },
@@ -63,10 +62,9 @@ var IconButtons = {
     command: withToolbarInputMethod(commands.toggleEmWithAnalytics),
     message: _toolbarMessages.toolbarMessages.italic,
     tooltipKeymap: _keymaps.toggleItalic,
-    component: function component(_ref2) {
-      var label = _ref2.label;
+    component: function component() {
       return /*#__PURE__*/_react.default.createElement(_italic.default, {
-        label: label
+        label: ""
       });
     }
   },
@@ -87,19 +85,21 @@ var IconButtons = {
   },
   subscript: {
     command: withToolbarInputMethod(commands.toggleSubscriptWithAnalytics),
-    message: _toolbarMessages.toolbarMessages.subscript
+    message: _toolbarMessages.toolbarMessages.subscript,
+    tooltipKeymap: _keymaps.toggleSubscript
   },
   superscript: {
     command: withToolbarInputMethod(commands.toggleSuperscriptWithAnalytics),
-    message: _toolbarMessages.toolbarMessages.superscript
+    message: _toolbarMessages.toolbarMessages.superscript,
+    tooltipKeymap: _keymaps.toggleSuperscript
   }
 };
 
-var getIcon = function getIcon(_ref3) {
-  var iconType = _ref3.iconType,
-      isDisabled = _ref3.isDisabled,
-      isActive = _ref3.isActive,
-      intl = _ref3.intl;
+var getIcon = function getIcon(_ref) {
+  var iconType = _ref.iconType,
+      isDisabled = _ref.isDisabled,
+      isActive = _ref.isActive,
+      intl = _ref.intl;
   var icon = IconButtons[iconType];
   var content = intl.formatMessage(icon.message);
   var tooltipKeymap = icon.tooltipKeymap;
@@ -109,9 +109,7 @@ var getIcon = function getIcon(_ref3) {
     iconMark: iconType,
     key: iconType,
     command: icon.command,
-    iconElement: icon.component ? icon.component({
-      label: content
-    }) : undefined,
+    iconElement: icon.component ? icon.component() : undefined,
     tooltipElement: tooltipKeymap ? /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
       description: content,
       keymap: tooltipKeymap
@@ -128,9 +126,9 @@ var getIcon = function getIcon(_ref3) {
 var IconsMarkSchema = (_IconsMarkSchema = {}, (0, _defineProperty2.default)(_IconsMarkSchema, _types.IconTypes.strong, 'strong'), (0, _defineProperty2.default)(_IconsMarkSchema, _types.IconTypes.em, 'em'), (0, _defineProperty2.default)(_IconsMarkSchema, _types.IconTypes.strike, 'strike'), (0, _defineProperty2.default)(_IconsMarkSchema, _types.IconTypes.code, 'code'), (0, _defineProperty2.default)(_IconsMarkSchema, _types.IconTypes.underline, 'underline'), (0, _defineProperty2.default)(_IconsMarkSchema, _types.IconTypes.superscript, 'subsup'), (0, _defineProperty2.default)(_IconsMarkSchema, _types.IconTypes.subscript, 'subsup'), _IconsMarkSchema);
 
 var buildMenuIconState = function buildMenuIconState(iconMark) {
-  return function (_ref4) {
-    var schema = _ref4.schema,
-        textFormattingPluginState = _ref4.textFormattingPluginState;
+  return function (_ref2) {
+    var schema = _ref2.schema,
+        textFormattingPluginState = _ref2.textFormattingPluginState;
     var hasPluginState = Boolean(textFormattingPluginState);
     var markSchema = IconsMarkSchema[iconMark];
     var hasSchemaMark = Boolean(schema.marks[markSchema]);
@@ -158,11 +156,11 @@ var buildMenuIconState = function buildMenuIconState(iconMark) {
 
 var buildIcon = function buildIcon(iconMark) {
   var getState = buildMenuIconState(iconMark);
-  return function (_ref5) {
-    var schema = _ref5.schema,
-        textFormattingPluginState = _ref5.textFormattingPluginState,
-        intl = _ref5.intl,
-        isToolbarDisabled = _ref5.isToolbarDisabled;
+  return function (_ref3) {
+    var schema = _ref3.schema,
+        textFormattingPluginState = _ref3.textFormattingPluginState,
+        intl = _ref3.intl,
+        isToolbarDisabled = _ref3.isToolbarDisabled;
     var iconState = getState({
       schema: schema,
       textFormattingPluginState: textFormattingPluginState
@@ -200,10 +198,10 @@ var useTextFormattingPluginState = function useTextFormattingPluginState(editorS
   }, [editorState]);
 };
 
-var useFormattingIcons = function useFormattingIcons(_ref6) {
-  var isToolbarDisabled = _ref6.isToolbarDisabled,
-      editorState = _ref6.editorState,
-      intl = _ref6.intl;
+var useFormattingIcons = function useFormattingIcons(_ref4) {
+  var isToolbarDisabled = _ref4.isToolbarDisabled,
+      editorState = _ref4.editorState,
+      intl = _ref4.intl;
   var textFormattingPluginState = useTextFormattingPluginState(editorState);
   var schema = editorState.schema;
   var props = {
@@ -227,9 +225,9 @@ var useFormattingIcons = function useFormattingIcons(_ref6) {
 
 exports.useFormattingIcons = useFormattingIcons;
 
-var useHasFormattingActived = function useHasFormattingActived(_ref7) {
-  var editorState = _ref7.editorState,
-      iconTypeList = _ref7.iconTypeList;
+var useHasFormattingActived = function useHasFormattingActived(_ref5) {
+  var editorState = _ref5.editorState,
+      iconTypeList = _ref5.iconTypeList;
   var textFormattingPluginState = useTextFormattingPluginState(editorState);
   var hasActiveFormatting = (0, _react.useMemo)(function () {
     if (!textFormattingPluginState) {

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

@@ -106,7 +106,9 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
     label: moreFormattingButtonLabel,
     isReducedSpacing: isReducedSpacing,
     isDisabled: true,
-    isSelected: false
+    isSelected: false,
+    "aria-expanded": undefined,
+    "aria-pressed": undefined
   })) : /*#__PURE__*/_react.default.createElement(_dropdownMenu.FormattingTextDropdownMenu, {
     popupsMountPoint: popupsMountPoint,
     popupsBoundariesElement: popupsBoundariesElement,

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

@@ -2,14 +2,12 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MoreButton = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _more = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/more"));
 
@@ -17,28 +15,25 @@ var _styles = require("../../../../ui/styles");
 
 var _ToolbarButton = _interopRequireDefault(require("../../../../ui/ToolbarButton"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var MoreButton = /*#__PURE__*/_react.default.memo(function (_ref) {
   var label = _ref.label,
+      ariaExpanded = _ref['aria-expanded'],
       isReducedSpacing = _ref.isReducedSpacing,
       isSelected = _ref.isSelected,
       isDisabled = _ref.isDisabled,
       onClick = _ref.onClick;
-  var more = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react.default.createElement(_styles.TriggerWrapper, null, /*#__PURE__*/_react.default.createElement(_more.default, {
-      label: label
-    }));
-  }, [label]);
   return /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
     disabled: isDisabled,
     selected: isSelected,
     onClick: onClick,
     spacing: isReducedSpacing ? 'none' : 'default',
     title: label,
-    iconBefore: more
+    iconBefore: /*#__PURE__*/_react.default.createElement(_styles.TriggerWrapper, null, /*#__PURE__*/_react.default.createElement(_more.default, {
+      label: ""
+    })),
+    "aria-expanded": ariaExpanded,
+    "aria-label": label,
+    "aria-haspopup": true
   });
 });
 

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

@@ -40,7 +40,9 @@ var SingleToolbarButtons = /*#__PURE__*/_react.default.memo(function (_ref) {
       selected: item.isActive,
       disabled: item.isDisabled,
       title: item.tooltipElement,
-      iconBefore: item.iconElement
+      iconBefore: item.iconElement,
+      "aria-pressed": item.isActive,
+      "aria-label": String(item.content)
     });
   }));
 });

package/dist/cjs/plugins/type-ahead/pm-plugins/reducer.js

@@ -21,9 +21,9 @@ var _enums = require("../../analytics/types/enums");
 
 var _utils = require("../utils");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var shouldForceOpen = function shouldForceOpen(step) {
   if (!(step instanceof _steps.InsertTypeAheadStep)) {

package/dist/cjs/plugins/type-ahead/stats-modifier.js

@@ -7,11 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StatsModifier = void 0;
 
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var StatsModifier = function StatsModifier() {
+var StatsModifier = /*#__PURE__*/(0, _createClass2.default)(function StatsModifier() {
   var _this = this;
 
   (0, _classCallCheck2.default)(this, StatsModifier);
@@ -44,6 +46,5 @@ var StatsModifier = function StatsModifier() {
     arrowUp: 0,
     arrowDown: 0
   };
-};
-
+});
 exports.StatsModifier = StatsModifier;

package/dist/cjs/plugins/type-ahead/ui/InputQuery.js

@@ -17,7 +17,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _w3cKeyname = require("w3c-keyname");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _constants = require("../constants");
 
@@ -67,7 +67,7 @@ var InputQuery = /*#__PURE__*/_react.default.memo(function (_ref) {
   var ref = (0, _react.useRef)(document.createElement('span'));
   var cleanedInputContent = (0, _react.useCallback)(function () {
     var raw = ref.current.textContent || '';
-    return raw.replace(_editorCommon.ZERO_WIDTH_SPACE, '');
+    return raw.replace(_utils.ZERO_WIDTH_SPACE, '');
   }, []);
   var onKeyUp = (0, _react.useCallback)(function (event) {
     var text = cleanedInputContent();
@@ -105,7 +105,7 @@ var InputQuery = /*#__PURE__*/_react.default.memo(function (_ref) {
         break;
 
       case 'Backspace':
-        if (raw === _editorCommon.ZERO_WIDTH_SPACE || raw.length === 0 || (sel === null || sel === void 0 ? void 0 : sel.anchorOffset) === 0) {
+        if (raw === _utils.ZERO_WIDTH_SPACE || raw.length === 0 || (sel === null || sel === void 0 ? void 0 : sel.anchorOffset) === 0) {
           event.stopPropagation();
           event.preventDefault();
           cancel({
@@ -219,18 +219,18 @@ var InputQuery = /*#__PURE__*/_react.default.memo(function (_ref) {
         return;
       }
 
-      if (e.inputType === 'historyUndo' && (((_target$textContent = target.textContent) === null || _target$textContent === void 0 ? void 0 : _target$textContent.length) === 0 || target.textContent === _editorCommon.ZERO_WIDTH_SPACE)) {
+      if (e.inputType === 'historyUndo' && (((_target$textContent = target.textContent) === null || _target$textContent === void 0 ? void 0 : _target$textContent.length) === 0 || target.textContent === _utils.ZERO_WIDTH_SPACE)) {
         e.preventDefault();
         e.stopPropagation();
         close();
         return;
       }
 
-      if (e.data != null && target.textContent === _editorCommon.ZERO_WIDTH_SPACE) {
+      if (e.data != null && target.textContent === _utils.ZERO_WIDTH_SPACE) {
         element.textContent = ''; // We need to change the content on Safari
         // and set the cursor at the right place
 
-        if (_editorCommon.browser.safari) {
+        if (_utils.browser.safari) {
           e.preventDefault();
           var dataElement = document.createTextNode(e.data);
           element.appendChild(dataElement);
@@ -246,7 +246,7 @@ var InputQuery = /*#__PURE__*/_react.default.memo(function (_ref) {
 
     var onInput = null;
 
-    if (_editorCommon.browser.safari) {
+    if (_utils.browser.safari) {
       // On Safari, for reasons beyond my understanding,
       // The undo behavior is totally different from other browsers
       // That why we need to have an specific branch only for Safari.
@@ -280,7 +280,7 @@ var InputQuery = /*#__PURE__*/_react.default.memo(function (_ref) {
       element.removeEventListener('keydown', keyDown);
       element.removeEventListener('beforeinput', beforeinput);
 
-      if (_editorCommon.browser.safari) {
+      if (_utils.browser.safari) {
         element.removeEventListener('input', onInput);
       }
     };
@@ -289,7 +289,7 @@ var InputQuery = /*#__PURE__*/_react.default.memo(function (_ref) {
     var hasReopenQuery = typeof reopenQuery === 'string' && reopenQuery.trim().length > 0;
 
     if (ref.current && forceFocus) {
-      ref.current.textContent = hasReopenQuery ? reopenQuery : _editorCommon.ZERO_WIDTH_SPACE;
+      ref.current.textContent = hasReopenQuery ? reopenQuery : _utils.ZERO_WIDTH_SPACE;
       requestAnimationFrame(function () {
         if (!(ref !== null && ref !== void 0 && ref.current)) {
           return;

package/dist/cjs/plugins/type-ahead/ui/TypeAheadPopup.js

@@ -17,7 +17,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _constants = require("@atlaskit/theme/constants");
 
@@ -113,7 +113,7 @@ var TypeAheadPopup = /*#__PURE__*/_react.default.memo(function (props) {
   // we need to send the event again
   // eslint-disable-next-line react-hooks/exhaustive-deps
   triggerHandler]);
-  return /*#__PURE__*/_react.default.createElement(_editorCommon.Popup, {
+  return /*#__PURE__*/_react.default.createElement(_ui.Popup, {
     zIndex: _editorSharedStyles.akEditorFloatingDialogZIndex,
     target: anchorElement,
     mountTo: popupsMountPoint,

package/dist/cjs/plugins/type-ahead/ui/hooks/use-resize-observer.js

@@ -9,7 +9,7 @@ exports.useResizeObserver = exports.ResizeObserverProvider = exports.ResizeObser
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -22,7 +22,7 @@ exports.ResizeObserverContext = ResizeObserverContext;
 var ResizeObserverProvider = /*#__PURE__*/_react.default.memo(function (_ref) {
   var children = _ref.children;
   var instance = (0, _react.useMemo)(function () {
-    if (!_editorCommon.browser.supportsResizeObserver) {
+    if (!_utils.browser.supportsResizeObserver) {
       return null;
     }
 

package/dist/cjs/plugins/undo-redo/ui/ToolbarUndoRedo/index.js

@@ -115,12 +115,13 @@ var ToolbarUndoRedo = /*#__PURE__*/function (_PureComponent) {
         spacing: isReducedSpacing ? 'none' : 'default',
         onClick: handleUndo,
         disabled: !canUndo || disabled,
+        "aria-label": labelUndo,
         title: /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
           description: labelUndo,
           keymap: _keymaps.undo
         }),
         iconBefore: /*#__PURE__*/_react.default.createElement(_undo.default, {
-          label: labelUndo
+          label: ""
         }),
         testId: "ak-editor-toolbar-button-undo"
       }), /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
@@ -133,9 +134,10 @@ var ToolbarUndoRedo = /*#__PURE__*/function (_PureComponent) {
           keymap: _keymaps.redo
         }),
         iconBefore: /*#__PURE__*/_react.default.createElement(_redo.default, {
-          label: labelRedo
+          label: ""
         }),
-        testId: "ak-editor-toolbar-button-redo"
+        testId: "ak-editor-toolbar-button-redo",
+        "aria-label": labelRedo
       }), /*#__PURE__*/_react.default.createElement(_styles.Separator, null));
     }
   }]);

package/dist/cjs/plugins/undo-redo/undo-redo-input-source.js

@@ -11,9 +11,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _pluginKey = require("./pm-plugins/plugin-key");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getUndoRedoInputSource = function getUndoRedoInputSource(tr) {
   return tr.getMeta(_pluginKey.pluginKey) || null;

package/dist/cjs/plugins/unsupported-content/index.js

@@ -9,7 +9,7 @@ var _prosemirrorState = require("prosemirror-state");
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _nodeviews = require("../../nodeviews");
 
@@ -25,16 +25,16 @@ var createPlugin = function createPlugin(_ref) {
     key: pluginKey,
     props: {
       nodeViews: {
-        confluenceUnsupportedBlock: _nodeviews.ReactNodeView.fromComponent(_editorCommon.UnsupportedBlock, portalProviderAPI, eventDispatcher, {
+        confluenceUnsupportedBlock: _nodeviews.ReactNodeView.fromComponent(_ui.UnsupportedBlock, portalProviderAPI, eventDispatcher, {
           dispatchAnalyticsEvent: dispatchAnalyticsEvent
         }, undefined, hasIntlContext),
-        confluenceUnsupportedInline: _nodeviews.ReactNodeView.fromComponent(_editorCommon.UnsupportedInline, portalProviderAPI, eventDispatcher, {
+        confluenceUnsupportedInline: _nodeviews.ReactNodeView.fromComponent(_ui.UnsupportedInline, portalProviderAPI, eventDispatcher, {
           dispatchAnalyticsEvent: dispatchAnalyticsEvent
         }, undefined, hasIntlContext),
-        unsupportedBlock: _nodeviews.ReactNodeView.fromComponent(_editorCommon.UnsupportedBlock, portalProviderAPI, eventDispatcher, {
+        unsupportedBlock: _nodeviews.ReactNodeView.fromComponent(_ui.UnsupportedBlock, portalProviderAPI, eventDispatcher, {
           dispatchAnalyticsEvent: dispatchAnalyticsEvent
         }, undefined, hasIntlContext),
-        unsupportedInline: _nodeviews.ReactNodeView.fromComponent(_editorCommon.UnsupportedInline, portalProviderAPI, eventDispatcher, {
+        unsupportedInline: _nodeviews.ReactNodeView.fromComponent(_ui.UnsupportedInline, portalProviderAPI, eventDispatcher, {
           dispatchAnalyticsEvent: dispatchAnalyticsEvent
         }, undefined, hasIntlContext)
       }

package/dist/cjs/plugins/view-update-subscription/index.js

@@ -9,6 +9,8 @@ exports.trackerStore = exports.default = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -17,8 +19,7 @@ var _prosemirrorState = require("prosemirror-state");
 
 var trackerStore = new WeakMap();
 exports.trackerStore = trackerStore;
-
-var Tracker = function Tracker() {
+var Tracker = /*#__PURE__*/(0, _createClass2.default)(function Tracker() {
   var _this = this;
 
   (0, _classCallCheck2.default)(this, Tracker);
@@ -36,8 +37,7 @@ var Tracker = function Tracker() {
     });
   });
   this.subscriptions = [];
-};
-
+});
 var pluginKey = new _prosemirrorState.PluginKey('viewUpdateSubscriptionKey');
 
 var createViewUpdateSubscriptionPlugin = function createViewUpdateSubscriptionPlugin() {