@atlaskit/editor-core 180.1.0 → 181.0.0

package/dist/esm/plugins/fragment/index.js

@@ -1,12 +1,5 @@
 import { fragment } from '@atlaskit/adf-schema';
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { pluginKey } from './plugin-key';
 import { createPlugin as createFragmentMarkConsistencyPlugin } from './pm-plugins/fragment-consistency';
-export function createPlugin() {
-  return new SafePlugin({
-    key: pluginKey
-  });
-}
 var fragmentMarkPlugin = function fragmentMarkPlugin() {
   return {
     name: 'fragmentPlugin',

package/dist/esm/plugins/help-dialog/commands.js

@@ -10,7 +10,4 @@ export var openHelpCommand = function openHelpCommand(tr, dispatch) {
 export var closeHelpCommand = function closeHelpCommand(tr, dispatch) {
   tr = tr.setMeta(pluginKey, false);
   dispatch(tr);
-};
-export var stopPropagationCommand = function stopPropagationCommand(e) {
-  return e.stopPropagation();
 };

package/dist/esm/plugins/image-upload/pm-plugins/main.js

@@ -9,15 +9,51 @@ import { isDroppedFile } from '../../../utils/drag-drop';
 import { canInsertMedia, isMediaSelected } from '../utils';
 import { insertExternalImage, startImageUpload } from './commands';
 import { stateKey } from './plugin-key';
+
+/**
+ * Microsoft Office includes a screenshot image when copying text content.
+ *
+ * This function determines whether or not we can ignore the image if it
+ * came from MS Office. We do this by checking for
+ *
+ * - plain text
+ * - HTML text which includes the MS Office namespace
+ * - the number of files and the file name/type
+ *
+ * It is easy to manually verify this using by using Office on Mac
+ * (or Excel if on Windows) and pasting into
+ * https://evercoder.github.io/clipboard-inspector/
+ *
+ * Note: image content in Word is stored in the `text/html` portion
+ * of the clipboard, not under `files` attachment like the screenshot.
+ *
+ * @returns boolean True if the paste event contains a screenshot from MS Office
+ */
+var hasScreenshotImageFromMSOffice = function hasScreenshotImageFromMSOffice(ev) {
+  var _ref = ev,
+    clipboardData = _ref.clipboardData;
+  if (!clipboardData || clipboardData.files.length !== 1) {
+    return false;
+  }
+  var textPlain = !!clipboardData.getData('text/plain');
+  var textHtml = clipboardData.getData('text/html');
+  var isOfficeXMLNamespace = textHtml.includes('urn:schemas-microsoft-com:office:office');
+  var file = clipboardData.files[0];
+  var isImagePNG = file.type === 'image/png' && file.name === 'image.png';
+  return isImagePNG && textPlain && isOfficeXMLNamespace;
+};
 var createDOMHandler = function createDOMHandler(pred, eventName) {
   return function (view, event) {
     if (!pred(event)) {
       return false;
     }
-    event.preventDefault();
-    event.stopPropagation();
-    startImageUpload(event)(view.state, view.dispatch);
-    return true;
+    var shouldUpload = !hasScreenshotImageFromMSOffice(event);
+    if (shouldUpload) {
+      event.preventDefault();
+      event.stopPropagation();
+      startImageUpload(event)(view.state, view.dispatch);
+    }
+    return shouldUpload;
   };
 };
 var getNewActiveUpload = function getNewActiveUpload(tr, pluginState) {
@@ -29,9 +65,9 @@ var getNewActiveUpload = function getNewActiveUpload(tr, pluginState) {
   }
   return pluginState.activeUpload;
 };
-export var createPlugin = function createPlugin(_ref) {
-  var dispatch = _ref.dispatch,
-    providerFactory = _ref.providerFactory;
+export var createPlugin = function createPlugin(_ref2) {
+  var dispatch = _ref2.dispatch,
+    providerFactory = _ref2.providerFactory;
   var uploadHandler;
   return new SafePlugin({
     state: {
@@ -61,7 +97,7 @@ export var createPlugin = function createPlugin(_ref) {
     key: stateKey,
     view: function view() {
       var handleProvider = /*#__PURE__*/function () {
-        var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(name, provider) {
+        var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(name, provider) {
           return _regeneratorRuntime.wrap(function _callee$(_context) {
             while (1) {
               switch (_context.prev = _context.next) {
@@ -91,7 +127,7 @@ export var createPlugin = function createPlugin(_ref) {
           }, _callee, null, [[2, 8]]);
         }));
         return function handleProvider(_x, _x2) {
-          return _ref2.apply(this, arguments);
+          return _ref3.apply(this, arguments);
         };
       }();
       providerFactory.subscribe('imageUploadProvider', handleProvider);
@@ -103,9 +139,12 @@ export var createPlugin = function createPlugin(_ref) {
           // if we've add a new upload to the state, execute the uploadHandler
           var oldState = stateKey.getState(prevState);
           if (currentState.activeUpload !== oldState.activeUpload && currentState.activeUpload && uploadHandler) {
-            uploadHandler(currentState.activeUpload.event, function (options) {
-              return insertExternalImage(options)(view.state, view.dispatch);
-            });
+            var event = currentState.activeUpload.event;
+            if (!event || !hasScreenshotImageFromMSOffice(event)) {
+              uploadHandler(event, function (options) {
+                return insertExternalImage(options)(view.state, view.dispatch);
+              });
+            }
           }
         },
         destroy: function destroy() {

package/dist/esm/plugins/layout/styles.js

@@ -2,10 +2,19 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 import { css } from '@emotion/react';
 import { gridSize } from '@atlaskit/theme/constants';
-import { N40A, N50A } from '@atlaskit/theme/colors';
+import { N40A, N50A, DN70, DN80 } from '@atlaskit/theme/colors';
+import { themed } from '@atlaskit/theme/components';
 import { columnLayoutSharedStyle, LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from '@atlaskit/editor-common/styles';
 import { gridMediumMaxWidth, akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderSize, akLayoutGutterOffset, akEditorSwoopCubicBezier, SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 import { TableCssClassName } from '@atlaskit/editor-plugin-table/types';
 import { tableMarginFullWidthMode } from '@atlaskit/editor-plugin-table/ui/consts';
 export { LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN };
-export var layoutStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    ", " [data-layout-section] {\n      margin: ", "px -", "px 0;\n      transition: border-color 0.3s ", ";\n      cursor: pointer;\n\n      /* Inner cursor located 26px from left */\n      [data-layout-column] {\n        flex: 1;\n        min-width: 0;\n        border: ", "px solid\n          ", ";\n        border-radius: 4px;\n        padding: ", "px;\n        box-sizing: border-box;\n\n        > div {\n          > :not(style):first-child,\n          > style:first-child + * {\n            margin-top: 0;\n          }\n\n          > .ProseMirror-gapcursor:first-child + *,\n          > style:first-child + .ProseMirror-gapcursor + * {\n            margin-top: 0;\n          }\n\n          > .ProseMirror-gapcursor:first-child + span + *,\n          > style:first-child + .ProseMirror-gapcursor:first-child + span + * {\n            margin-top: 0;\n          }\n\n          > .embedCardView-content-wrap:first-of-type .rich-media-item {\n            margin-top: 0;\n          }\n\n          > .mediaSingleView-content-wrap:first-of-type .rich-media-item {\n            margin-top: 0;\n          }\n\n          > .ProseMirror-gapcursor.-right:first-child\n            + .mediaSingleView-content-wrap\n            .rich-media-item,\n          > style:first-child\n            + .ProseMirror-gapcursor.-right\n            + .mediaSingleView-content-wrap\n            .rich-media-item,\n          > .ProseMirror-gapcursor.-right:first-of-type\n            + .embedCardView-content-wrap\n            .rich-media-item {\n            margin-top: 0;\n          }\n\n          > .ProseMirror-gapcursor:first-child\n            + span\n            + .mediaSingleView-content-wrap\n            .rich-media-item,\n          > style:first-child\n            + .ProseMirror-gapcursor\n            + span\n            + .mediaSingleView-content-wrap\n            .rich-media-item {\n            margin-top: 0;\n          }\n\n          /* Prevent first DecisionWrapper's margin-top: 8px from shifting decisions down\n             and shrinking layout's node selectable area (leniency margin) */\n          > [data-node-type='decisionList'] {\n            li:first-of-type [data-decision-wrapper] {\n              margin-top: 0;\n            }\n          }\n        }\n\n        /* Make the 'content' fill the entire height of the layout column to allow click\n           handler of layout section nodeview to target only data-layout-column */\n        [data-layout-content] {\n          height: 100%;\n          cursor: text;\n        }\n      }\n\n      [data-layout-column] + [data-layout-column] {\n        margin-left: ", "px;\n      }\n\n      @media screen and (max-width: ", "px) {\n        [data-layout-column] + [data-layout-column] {\n          margin-left: 0;\n        }\n      }\n\n      // TODO: Remove the border styles below once design tokens have been enabled and fallbacks are no longer triggered.\n      // This is because the default state already uses the same token and, as such, the hover style won't change anything.\n      // https://product-fabric.atlassian.net/browse/DSP-4441\n      /* Shows the border when cursor is inside a layout */\n      &.selected [data-layout-column],\n      &:hover [data-layout-column] {\n        border-color: ", ";\n      }\n\n      &.selected.danger > [data-layout-column] {\n        background-color: ", ";\n        border-color: ", ";\n      }\n\n      &.", ":not(.danger) {\n        [data-layout-column] {\n          ", "\n        }\n      }\n    }\n  }\n\n  .fabric-editor--full-width-mode .ProseMirror {\n    [data-layout-section] {\n      .", " {\n        margin: 0 ", "px;\n      }\n    }\n  }\n"])), columnLayoutSharedStyle, gridSize() - 1, akLayoutGutterOffset, akEditorSwoopCubicBezier, akEditorSelectedBorderSize, "var(--ds-border, ".concat(N40A, ")"), LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN, gridMediumMaxWidth, "var(--ds-border, ".concat(N50A, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.Border, SelectionStyle.Blanket]), TableCssClassName.TABLE_CONTAINER, tableMarginFullWidthMode);
+export var layoutStyles = function layoutStyles(props) {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    ", " [data-layout-section] {\n      margin: ", "px -", "px 0;\n      transition: border-color 0.3s ", ";\n      cursor: pointer;\n\n      /* Inner cursor located 26px from left */\n      [data-layout-column] {\n        flex: 1;\n        min-width: 0;\n        border: ", "px solid\n          ", ";\n        border-radius: 4px;\n        padding: ", "px;\n        box-sizing: border-box;\n\n        > div {\n          > :not(style):first-child,\n          > style:first-child + * {\n            margin-top: 0;\n          }\n\n          > .ProseMirror-gapcursor:first-child + *,\n          > style:first-child + .ProseMirror-gapcursor + * {\n            margin-top: 0;\n          }\n\n          > .ProseMirror-gapcursor:first-child + span + *,\n          > style:first-child + .ProseMirror-gapcursor:first-child + span + * {\n            margin-top: 0;\n          }\n\n          > .embedCardView-content-wrap:first-of-type .rich-media-item {\n            margin-top: 0;\n          }\n\n          > .mediaSingleView-content-wrap:first-of-type .rich-media-item {\n            margin-top: 0;\n          }\n\n          > .ProseMirror-gapcursor.-right:first-child\n            + .mediaSingleView-content-wrap\n            .rich-media-item,\n          > style:first-child\n            + .ProseMirror-gapcursor.-right\n            + .mediaSingleView-content-wrap\n            .rich-media-item,\n          > .ProseMirror-gapcursor.-right:first-of-type\n            + .embedCardView-content-wrap\n            .rich-media-item {\n            margin-top: 0;\n          }\n\n          > .ProseMirror-gapcursor:first-child\n            + span\n            + .mediaSingleView-content-wrap\n            .rich-media-item,\n          > style:first-child\n            + .ProseMirror-gapcursor\n            + span\n            + .mediaSingleView-content-wrap\n            .rich-media-item {\n            margin-top: 0;\n          }\n\n          /* Prevent first DecisionWrapper's margin-top: 8px from shifting decisions down\n             and shrinking layout's node selectable area (leniency margin) */\n          > [data-node-type='decisionList'] {\n            li:first-of-type [data-decision-wrapper] {\n              margin-top: 0;\n            }\n          }\n        }\n\n        /* Make the 'content' fill the entire height of the layout column to allow click\n           handler of layout section nodeview to target only data-layout-column */\n        [data-layout-content] {\n          height: 100%;\n          cursor: text;\n        }\n      }\n\n      [data-layout-column] + [data-layout-column] {\n        margin-left: ", "px;\n      }\n\n      @media screen and (max-width: ", "px) {\n        [data-layout-column] + [data-layout-column] {\n          margin-left: 0;\n        }\n      }\n\n      // TODO: Remove the border styles below once design tokens have been enabled and fallbacks are no longer triggered.\n      // This is because the default state already uses the same token and, as such, the hover style won't change anything.\n      // https://product-fabric.atlassian.net/browse/DSP-4441\n      /* Shows the border when cursor is inside a layout */\n      &.selected [data-layout-column],\n      &:hover [data-layout-column] {\n        border: ", "px solid\n          ", ";\n      }\n\n      &.selected.danger > [data-layout-column] {\n        background-color: ", ";\n        border-color: ", ";\n      }\n\n      &.", ":not(.danger) {\n        [data-layout-column] {\n          ", "\n        }\n      }\n    }\n  }\n\n  .fabric-editor--full-width-mode .ProseMirror {\n    [data-layout-section] {\n      .", " {\n        margin: 0 ", "px;\n      }\n    }\n  }\n"])), columnLayoutSharedStyle, gridSize() - 1, akLayoutGutterOffset, akEditorSwoopCubicBezier, akEditorSelectedBorderSize, themed({
+    light: "var(--ds-border, ".concat(N40A, ")"),
+    dark: "var(--ds-border, ".concat(DN70, ")")
+  })(props), LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN, gridMediumMaxWidth, akEditorSelectedBorderSize, themed({
+    light: "var(--ds-border, ".concat(N50A, ")"),
+    dark: "var(--ds-border, ".concat(DN80, ")")
+  })(props), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.Border, SelectionStyle.Blanket]), TableCssClassName.TABLE_CONTAINER, tableMarginFullWidthMode);
+};

package/dist/esm/plugins/list/utils/find.js

@@ -1,32 +1,5 @@
 import { findParentNodeClosestToPos } from 'prosemirror-utils';
 import { isListNode, isListItemNode } from './node';
-export function findFirstNestedList($pos) {
-  var currentNode = $pos.doc.nodeAt($pos.pos);
-  var currentListItemPos = null;
-  if (isListItemNode(currentNode)) {
-    currentListItemPos = $pos.pos;
-  } else {
-    var result = findParentNodeClosestToPos($pos, isListItemNode);
-    currentListItemPos = (result === null || result === void 0 ? void 0 : result.pos) || null;
-  }
-  if (!currentListItemPos) {
-    return null;
-  }
-  var currentListItemNode = $pos.doc.nodeAt(currentListItemPos);
-  if (!currentListItemNode) {
-    return null;
-  }
-  var lastListItemChild = currentListItemNode.child(currentListItemNode.childCount - 1);
-  if (!isListNode(lastListItemChild)) {
-    return null;
-  }
-  var firstNestedListPosition = currentListItemNode.nodeSize - lastListItemChild.nodeSize;
-  var firstNestedListNode = $pos.doc.nodeAt(firstNestedListPosition);
-  if (!isListNode(firstNestedListNode)) {
-    return null;
-  }
-  return $pos.doc.resolve(firstNestedListPosition);
-}
 export function findFirstParentListNode($pos) {
   var currentNode = $pos.doc.nodeAt($pos.pos);
   var listNodePosition = null;

package/dist/esm/plugins/list/utils/indentation.js

@@ -15,29 +15,6 @@ export var getListLiftTarget = function getListLiftTarget(resPos) {
   }
   return target - 1;
 };
-export var getNextSiblingListItemPosition = function getNextSiblingListItemPosition($pos) {
-  var _$pos$doc$nodeAt;
-  var target = $pos.depth;
-  var found = false;
-  for (var i = $pos.depth; i > 0; i--) {
-    var node = $pos.node(i);
-    if (isListItemNode(node)) {
-      target = i;
-      found = true;
-    }
-    if (found) {
-      break;
-    }
-  }
-  var listItemPosition = target - 1;
-  var listItemNodePosition = ((_$pos$doc$nodeAt = $pos.doc.nodeAt(listItemPosition)) === null || _$pos$doc$nodeAt === void 0 ? void 0 : _$pos$doc$nodeAt.nodeSize) || 0;
-  var nextListItemPosition = listItemPosition + listItemNodePosition;
-  var nextListItemNode = $pos.doc.nodeAt(nextListItemPosition);
-  if (nextListItemNode) {
-    return $pos.doc.resolve(nextListItemPosition);
-  }
-  return null;
-};
 export var hasValidListIndentationLevel = function hasValidListIndentationLevel(_ref) {
   var tr = _ref.tr,
     maxIndentation = _ref.maxIndentation;

package/dist/esm/plugins/list/utils/node.js

@@ -1,7 +1,4 @@
 import { Fragment } from 'prosemirror-model';
-export function isDocumentNode(node) {
-  return Boolean(node && node.type && node.type.name === 'doc');
-}
 export function isListNode(node) {
   return Boolean(node && node.type && ['orderedList', 'bulletList'].includes(node.type.name));
 }
@@ -14,7 +11,7 @@ export function isListItemNode(node) {
 export function isBulletList(node) {
   return Boolean(node && node.type && 'bulletList' === node.type.name);
 }
-export function isListNodeValidContent(node) {
+function isListNodeValidContent(node) {
   var bulletList = node.type.schema.nodes.bulletList;
   if (!bulletList) {
     return false;

package/dist/esm/plugins/list/utils/selection.js

@@ -107,12 +107,12 @@ export var normalizeListItemsSelection = function normalizeListItemsSelection(_r
   var anchor = resolvePositionToEndOfListItem($to);
   return new TextSelection(anchor, head);
 };
-export var resolvePositionToStartOfListItem = function resolvePositionToStartOfListItem($pos) {
+var resolvePositionToStartOfListItem = function resolvePositionToStartOfListItem($pos) {
   var fromRange = $pos.blockRange($pos, isListItemNode);
   var fromPosition = fromRange && $pos.textOffset === 0 && fromRange.end - 1 === $pos.pos ? Selection.near($pos.doc.resolve(fromRange.end + 1), 1).$from : $pos;
   return fromPosition;
 };
-export var resolvePositionToEndOfListItem = function resolvePositionToEndOfListItem($pos) {
+var resolvePositionToEndOfListItem = function resolvePositionToEndOfListItem($pos) {
   var toRange = $pos.blockRange($pos, isListItemNode);
   var toPosition = toRange && $pos.textOffset === 0 && toRange.start + 1 === $pos.pos ? Selection.near($pos.doc.resolve(toRange.start - 1), -1).$to : $pos;
   return toPosition;
@@ -126,14 +126,4 @@ export var createListNodeRange = function createListNodeRange(_ref2) {
     return null;
   }
   return range;
-};
-export var createListItemNodeRange = function createListItemNodeRange(_ref3) {
-  var selection = _ref3.selection;
-  var $from = selection.$from,
-    $to = selection.$to;
-  var range = $from.blockRange($to, isListItemNode);
-  if (!range) {
-    return null;
-  }
-  return range;
 };

package/dist/esm/plugins/media/utils/media-common.js

@@ -1,5 +1,4 @@
 import { deleteSelection, splitBlock } from 'prosemirror-commands';
-import { Fragment } from 'prosemirror-model';
 import { NodeSelection } from 'prosemirror-state';
 import { findPositionOfNodeBefore } from 'prosemirror-utils';
 import { createParagraphNear, createNewParagraphBelow } from '../../../commands';
@@ -80,7 +79,7 @@ export var isInsidePotentialEmptyParagraph = function isInsidePotentialEmptyPara
   var $from = state.selection.$from;
   return $from.parent.type === state.schema.nodes.paragraph && atTheBeginningOfBlock(state) && atTheEndOfBlock(state);
 };
-export var posOfMediaGroupBelow = function posOfMediaGroupBelow(state, $pos) {
+var posOfMediaGroupBelow = function posOfMediaGroupBelow(state, $pos) {
   var prepend = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   var adjacentPos;
   var adjacentNode;
@@ -105,21 +104,6 @@ export var posOfParentMediaGroup = function posOfParentMediaGroup(state, $pos) {
   }
   return;
 };
-
-/**
- * The function will return the position after current selection where mediaGroup can be inserted.
- */
-export function endPositionForMedia(state, resolvedPos) {
-  var mediaGroup = state.schema.nodes.mediaGroup;
-  var i = resolvedPos.depth;
-  for (; i > 1; i--) {
-    var nodeType = resolvedPos.node(i).type;
-    if (nodeType.validContent(Fragment.from(mediaGroup.create()))) {
-      break;
-    }
-  }
-  return resolvedPos.end(i) + 1;
-}
 export var removeMediaNode = function removeMediaNode(view, node, getPos) {
   var id = node.attrs.id;
   var state = view.state;

package/dist/esm/plugins/mentions/nodeviews/mention.js

@@ -1,28 +1,109 @@
-import React from 'react';
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useEffect, useState } from 'react';
+import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import Mention from '../ui/Mention';
 import { useIntl } from 'react-intl-next';
 import { messages } from '../messages';
-var MentionAssistiveTextComponent = /*#__PURE__*/React.memo(function (_ref) {
-  var mentionedName = _ref.mentionedName;
+import { isResolvingMentionProvider, MentionNameStatus } from '@atlaskit/mention';
+import { isPromise } from '@atlaskit/mention/types';
+var UNKNOWN_USER_ID = '_|unknown|_';
+var MentionAssistiveTextComponent = function MentionAssistiveTextComponent(_ref) {
+  var id = _ref.id,
+    text = _ref.text,
+    providers = _ref.providers,
+    accessLevel = _ref.accessLevel,
+    mentionProvider = _ref.mentionProvider;
+  var _useState = useState(text),
+    _useState2 = _slicedToArray(_useState, 2),
+    resolvedName = _useState2[0],
+    setResolvedName = _useState2[1];
   var intl = useIntl();
-  return /*#__PURE__*/React.createElement("span", {
+  var processName = function processName(name) {
+    if (name.status === MentionNameStatus.OK) {
+      return "@".concat(name.name || '');
+    } else {
+      return "@".concat(UNKNOWN_USER_ID);
+    }
+  };
+  useEffect(function () {
+    if (mentionProvider) {
+      mentionProvider.then( /*#__PURE__*/function () {
+        var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(provider) {
+          var nameDetail;
+          return _regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  if (!(!text && isResolvingMentionProvider(provider))) {
+                    _context.next = 13;
+                    break;
+                  }
+                  nameDetail = provider.resolveMentionName(id);
+                  if (!isPromise(nameDetail)) {
+                    _context.next = 10;
+                    break;
+                  }
+                  _context.t0 = processName;
+                  _context.next = 6;
+                  return nameDetail;
+                case 6:
+                  _context.t1 = _context.sent;
+                  return _context.abrupt("return", (0, _context.t0)(_context.t1));
+                case 10:
+                  return _context.abrupt("return", processName(nameDetail));
+                case 11:
+                  _context.next = 14;
+                  break;
+                case 13:
+                  return _context.abrupt("return", text);
+                case 14:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee);
+        }));
+        return function (_x) {
+          return _ref2.apply(this, arguments);
+        };
+      }()).then(function (resolvedName) {
+        setResolvedName(resolvedName);
+      });
+    }
+  }, [id, text, mentionProvider]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: 'assistive'
-  }, "".concat(intl.formatMessage(messages.mentionsNodeLabel), " ").concat(mentionedName));
-});
+  }, "".concat(intl.formatMessage(messages.mentionsNodeLabel), " ").concat(resolvedName)), /*#__PURE__*/React.createElement("span", {
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement(Mention, {
+    id: id,
+    text: resolvedName,
+    accessLevel: accessLevel,
+    providers: providers
+  })));
+};
 export var MentionNodeView = function MentionNodeView(props) {
   var providerFactory = props.providerFactory;
   var _props$node$attrs = props.node.attrs,
     id = _props$node$attrs.id,
     text = _props$node$attrs.text,
     accessLevel = _props$node$attrs.accessLevel;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MentionAssistiveTextComponent, {
-    mentionedName: text
-  }), /*#__PURE__*/React.createElement("span", {
-    "aria-hidden": "true"
-  }, /*#__PURE__*/React.createElement(Mention, {
-    id: id,
-    text: text,
-    accessLevel: accessLevel,
-    providers: providerFactory
-  })));
+  var renderAssistiveTextWithProviders = function renderAssistiveTextWithProviders(providers) {
+    var _ref3 = providers,
+      mentionProvider = _ref3.mentionProvider;
+    return /*#__PURE__*/React.createElement(MentionAssistiveTextComponent, {
+      mentionProvider: mentionProvider,
+      id: id,
+      text: text,
+      providers: providerFactory,
+      accessLevel: accessLevel
+    });
+  };
+  return /*#__PURE__*/React.createElement(WithProviders, {
+    providers: ['mentionProvider', 'profilecardProvider'],
+    providerFactory: providerFactory,
+    renderNode: renderAssistiveTextWithProviders
+  });
 };

package/dist/esm/plugins/mentions/type-ahead/index.js

@@ -11,7 +11,6 @@ import { Fragment } from 'prosemirror-model';
 import { isResolvingMentionProvider } from '@atlaskit/mention/resource';
 import { MENTION_ITEM_HEIGHT, MentionItem } from '@atlaskit/mention/item';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
-import { TeamMentionHighlight, TeamMentionHighlightController } from '@atlaskit/mention/spotlight';
 import { buildTypeAheadCancelPayload, buildTypeAheadInsertedPayload, buildTypeAheadInviteExposurePayload, buildTypeAheadInviteItemClickedPayload, buildTypeAheadInviteItemViewedPayload, buildTypeAheadRenderedPayload } from '../analytics';
 import InviteItem, { INVITE_ITEM_DESCRIPTION } from '../ui/InviteItem';
 import { isInviteItem, isTeamType, isTeamStats, shouldKeepInviteItem } from '../utils';
@@ -130,9 +129,7 @@ var buildAndSendElementsTypeAheadAnalytics = function buildAndSendElementsTypeAh
     fireEvent(payload);
   };
 };
-var isTeamMentionProvider = function isTeamMentionProvider(p) {
-  return !!(p.mentionTypeaheadHighlightEnabled && p.mentionTypeaheadCreateTeamPath);
-};
+
 /**
  * When a team mention is selected, we render a team link and list of member/user mentions
  * in editor content
@@ -198,19 +195,6 @@ export var createTypeAheadConfig = function createTypeAheadConfig(_ref6) {
       if (CustomHighlightComponent) {
         return /*#__PURE__*/React.createElement(CustomHighlightComponent, null);
       }
-      var pluginState = getMentionPluginState(state);
-      var provider = pluginState.mentionProvider;
-      if (provider) {
-        var teamMentionProvider = provider;
-        if (isTeamMentionProvider(teamMentionProvider) && teamMentionProvider.mentionTypeaheadHighlightEnabled()) {
-          return /*#__PURE__*/React.createElement(TeamMentionHighlight, {
-            createTeamLink: teamMentionProvider.mentionTypeaheadCreateTeamPath(),
-            onClose: function onClose() {
-              return TeamMentionHighlightController.registerClosed();
-            }
-          });
-        }
-      }
       return null;
     },
     getItems: function getItems(_ref7) {
@@ -312,7 +296,6 @@ export var createTypeAheadConfig = function createTypeAheadConfig(_ref6) {
       }), query, pluginState.contextIdentifierProvider));
       sessionId = uuid();
       if (mentionProvider && isTeamType(userType)) {
-        TeamMentionHighlightController.registerTeamMention();
         return insert(buildNodesForTeamMention(schema, item.mention, mentionProvider, sanitizePrivateContent));
       }
 

package/dist/esm/plugins/mentions/ui/InviteItem/index.js

@@ -5,9 +5,8 @@ import AddIcon from '@atlaskit/icon/glyph/add';
 import { N300 } from '@atlaskit/theme/colors';
 import React, { useCallback, useEffect } from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
-import { avatarStyle, capitalizedStyle, mentionItemStyle, nameSectionStyle, rowStyle, ROW_SIDE_PADDING, AVATAR_HEIGHT, mentionItemSelectedStyle } from './styles';
+import { avatarStyle, capitalizedStyle, mentionItemStyle, nameSectionStyle, rowStyle, mentionItemSelectedStyle } from './styles';
 import { messages } from '../../messages';
-export var INVITE_ITEM_MIN_HEIGHT = AVATAR_HEIGHT + ROW_SIDE_PADDING * 2;
 export var INVITE_ITEM_DESCRIPTION = {
   id: 'invite-teammate'
 };

package/dist/esm/plugins/mobile-dimensions/index.js

@@ -1,9 +1,6 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { setWindowHeight } from './commands';
 import { createPluginState, mobileDimensionsPluginKey } from './plugin-factory';
-
-// 44 pixels squared is the minimum size for a tap target as per Apple's UX design guidelines
-export var MIN_TAP_SIZE_PX = 44;
 var getInitialState = function getInitialState() {
   return {
     keyboardHeight: -1,

package/dist/esm/plugins/paste/index.js

@@ -1,8 +1,7 @@
 import { createPlugin } from './pm-plugins/main';
 var pastePlugin = function pastePlugin(_ref) {
   var cardOptions = _ref.cardOptions,
-    sanitizePrivateContent = _ref.sanitizePrivateContent,
-    plainTextPasteLinkification = _ref.plainTextPasteLinkification;
+    sanitizePrivateContent = _ref.sanitizePrivateContent;
   return {
     name: 'paste',
     pmPlugins: function pmPlugins() {