@atlaskit/editor-core 180.0.0 → 181.0.0

package/dist/es2019/plugins/media/commands/helpers.js

@@ -1,5 +1,10 @@
 import { stateKey as mediaPluginKey } from '../pm-plugins/plugin-key';
 import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
+/**
+ * Note that Media Inline is inserted like a media single node into the media plugin state.
+ * Though it is not of type mediaSingle, it shares the same `findMediaSingleNode` method
+ *
+ */
 export const findMediaSingleNode = (mediaPluginState, id) => {
   const {
     mediaNodes
@@ -19,51 +24,20 @@ export const findMediaSingleNode = (mediaPluginState, id) => {
     return memo;
   }, null);
 };
-
-/**
- * Finds the media inline node with the given id.
- * Media Inline is inserted like a media single node into the media plugin state.
- * However it is not of type mediaSingle.
- *
- * @param mediaPluginState
- * @param id
- * @param isMediaSingle
- * @returns {MediaNodeWithPosHandler | null}
- */
-export const findMediaInlineNode = (mediaPluginState, id, isMediaSingle) => {
-  if (!isMediaSingle) {
-    return findMediaSingleNode(mediaPluginState, id);
-  }
-  return null;
-};
 export const findAllMediaSingleNodes = (mediaPluginState, id) => {
   const {
     mediaNodes
   } = mediaPluginState;
   return mediaNodes.filter(nodeWithHandler => nodeWithHandler.node.attrs.id === id);
 };
-export const findMediaNode = (mediaPluginState, id, isMediaSingle) => {
-  const mediaNodeWithPos = isMediaSingle ? findMediaSingleNode(mediaPluginState, id) : mediaPluginState.mediaGroupNodes[id];
-
-  // Should attempt to find media inline node if media single node or media group node is not found
-  if (!mediaNodeWithPos) {
-    return findMediaInlineNode(mediaPluginState, id, isMediaSingle);
-  }
-  return mediaNodeWithPos;
-};
 export const isMediaNode = (pos, state) => {
   const node = state.doc.nodeAt(pos);
   return node && ['media', 'mediaInline'].includes(node.type.name);
 };
-export const updateAllMediaNodesAttrs = (id, attrs, isMediaSingle) => (state, dispatch) => {
+export const updateAllMediaSingleNodesAttrs = (id, attrs) => (state, dispatch) => {
   const mediaPluginState = mediaPluginKey.getState(state);
   let mediaNodes;
-  if (isMediaSingle) {
-    mediaNodes = findAllMediaSingleNodes(mediaPluginState, id);
-  } else {
-    const mediaGroupNode = findMediaNode(mediaPluginState, id, isMediaSingle);
-    mediaNodes = mediaGroupNode ? [mediaGroupNode] : [];
-  }
+  mediaNodes = findAllMediaSingleNodes(mediaPluginState, id);
   const validMediaNodePositions = mediaNodes.reduce((acc, {
     getPos
   }) => {
@@ -98,9 +72,9 @@ export const updateCurrentMediaNodeAttrs = (attrs, mediaNode) => (state, dispatc
   }
   return true;
 };
-export const updateMediaNodeAttrs = (id, attrs, isMediaSingle) => (state, dispatch) => {
+export const updateMediaSingleNodeAttrs = (id, attrs) => (state, dispatch) => {
   const mediaPluginState = mediaPluginKey.getState(state);
-  const mediaNodeWithPos = findMediaNode(mediaPluginState, id, isMediaSingle);
+  const mediaNodeWithPos = findMediaSingleNode(mediaPluginState, id);
   if (!mediaNodeWithPos) {
     return false;
   }

package/dist/es2019/plugins/media/commands/index.js

@@ -1 +1 @@
-export { updateMediaNodeAttrs, updateAllMediaNodesAttrs, replaceExternalMedia } from './helpers';
+export { updateMediaSingleNodeAttrs, updateAllMediaSingleNodesAttrs, replaceExternalMedia } from './helpers';

package/dist/es2019/plugins/media/nodeviews/mediaGroup.js

@@ -55,7 +55,6 @@ class MediaGroup extends React.Component {
       this.mediaNodes = [];
       node.forEach((item, childOffset) => {
         const getPos = () => props.getPos() + childOffset + 1;
-        this.mediaPluginState.setMediaGroupNode(item, getPos);
         this.mediaNodes.push(item);
         if (updatedAttrs) {
           this.updateNodeAttrs(props, item, getPos);
@@ -157,13 +156,14 @@ class MediaGroup extends React.Component {
         node,
         isMediaSingle: false
       });
+      const getPos = () => this.props.getPos() + 1;
       const contextId = mediaNodeUpdater.getNodeContextId();
       if (!contextId) {
-        await mediaNodeUpdater.updateContextId();
+        await mediaNodeUpdater.updateNodeContextId(getPos);
       }
       const hasDifferentContextId = await mediaNodeUpdater.hasDifferentContextId();
       if (hasDifferentContextId) {
-        await mediaNodeUpdater.copyNode({
+        await mediaNodeUpdater.copyNodeFromPos(getPos, {
           traceId: node.attrs.__mediaTraceId
         });
       }

package/dist/es2019/plugins/media/nodeviews/mediaInline.js

@@ -49,7 +49,7 @@ export const updateMediaNodeAttributes = async props => {
       return;
     }
   }
-  await mediaNodeUpdater.updateFileAttrs();
+  await mediaNodeUpdater.updateMediaSingleFileAttrs();
 };
 export const handleNewNode = props => {
   const {

package/dist/es2019/plugins/media/nodeviews/mediaNodeUpdater.js

@@ -3,7 +3,7 @@ import uuidV4 from 'uuid/v4';
 import { DEFAULT_IMAGE_HEIGHT, DEFAULT_IMAGE_WIDTH } from '@atlaskit/editor-common/ui';
 import { getMediaClient, isMediaBlobUrl, getAttrsFromUrl, isImageRepresentationReady } from '@atlaskit/media-client';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../../analytics';
-import { replaceExternalMedia, updateAllMediaNodesAttrs, updateCurrentMediaNodeAttrs, updateMediaNodeAttrs } from '../commands/helpers';
+import { replaceExternalMedia, updateAllMediaSingleNodesAttrs, updateCurrentMediaNodeAttrs, updateMediaSingleNodeAttrs } from '../commands/helpers';
 export class MediaNodeUpdater {
   constructor(props) {
     _defineProperty(this, "updateContextId", async () => {
@@ -15,9 +15,22 @@ export class MediaNodeUpdater {
         id
       } = attrs;
       const objectId = await this.getObjectId();
-      updateAllMediaNodesAttrs(id, {
+      updateAllMediaSingleNodesAttrs(id, {
         __contextId: objectId
-      }, this.props.isMediaSingle)(this.props.view.state, this.props.view.dispatch);
+      })(this.props.view.state, this.props.view.dispatch);
+    });
+    _defineProperty(this, "updateNodeContextId", async getPos => {
+      const attrs = this.getAttrs();
+      if ((attrs === null || attrs === void 0 ? void 0 : attrs.type) !== 'file') {
+        return;
+      }
+      const objectId = await this.getObjectId();
+      updateCurrentMediaNodeAttrs({
+        __contextId: objectId
+      }, {
+        node: this.props.node,
+        getPos
+      })(this.props.view.state, this.props.view.dispatch);
     });
     _defineProperty(this, "hasFileAttributesDefined", attrs => {
       return attrs && attrs.type === 'file' && attrs.__fileName && attrs.__fileMimeType && attrs.__fileSize && attrs.__contextId;
@@ -62,13 +75,13 @@ export class MediaNodeUpdater {
       }
       return newAttrs;
     });
-    _defineProperty(this, "updateFileAttrs", async (isMediaSingle = true) => {
+    _defineProperty(this, "updateMediaSingleFileAttrs", async () => {
       const newAttrs = await this.getNewFileAttrsForNode();
       const {
         id
       } = this.getAttrs();
       if (id && newAttrs) {
-        updateAllMediaNodesAttrs(id, newAttrs, isMediaSingle)(this.props.view.state, this.props.view.dispatch);
+        updateAllMediaSingleNodesAttrs(id, newAttrs)(this.props.view.state, this.props.view.dispatch);
       }
     });
     _defineProperty(this, "updateNodeAttrs", async getPos => {
@@ -138,10 +151,10 @@ export class MediaNodeUpdater {
       return attrs.__contextId || null;
     });
     _defineProperty(this, "updateDimensions", dimensions => {
-      updateAllMediaNodesAttrs(dimensions.id, {
+      updateAllMediaSingleNodesAttrs(dimensions.id, {
         height: dimensions.height,
         width: dimensions.width
-      }, true)(this.props.view.state, this.props.view.dispatch);
+      })(this.props.view.state, this.props.view.dispatch);
     });
     _defineProperty(this, "hasDifferentContextId", async () => {
       const nodeContextId = this.getNodeContextId();
@@ -225,44 +238,64 @@ export class MediaNodeUpdater {
         __fileSize: size
       })(this.props.view.state, this.props.view.dispatch);
     });
+    _defineProperty(this, "copyNodeFromPos", async (getPos, traceContext) => {
+      const attrs = this.getAttrs();
+      if ((attrs === null || attrs === void 0 ? void 0 : attrs.type) !== 'file') {
+        return;
+      }
+      const copiedAttrs = await this.copyFile(attrs.id, attrs.collection, traceContext);
+      if (!copiedAttrs) {
+        return;
+      }
+      updateCurrentMediaNodeAttrs(copiedAttrs, {
+        node: this.props.node,
+        getPos
+      })(this.props.view.state, this.props.view.dispatch);
+    });
     _defineProperty(this, "copyNode", async traceContext => {
-      const mediaProvider = await this.props.mediaProvider;
+      const attrs = this.getAttrs();
       const {
-        isMediaSingle,
         view
       } = this.props;
-      const attrs = this.getAttrs();
-      if (!mediaProvider || !mediaProvider.uploadParams || !attrs || attrs.type !== 'file') {
+      if ((attrs === null || attrs === void 0 ? void 0 : attrs.type) !== 'file') {
+        return;
+      }
+      const copiedAttrs = await this.copyFile(attrs.id, attrs.collection, traceContext);
+      if (!copiedAttrs) {
+        return;
+      }
+      updateMediaSingleNodeAttrs(attrs.id, copiedAttrs)(view.state, view.dispatch);
+    });
+    _defineProperty(this, "copyFile", async (id, collection, traceContext) => {
+      const mediaProvider = await this.props.mediaProvider;
+      if (!id || !collection || !(mediaProvider !== null && mediaProvider !== void 0 && mediaProvider.uploadParams)) {
         return;
       }
       const nodeContextId = this.getNodeContextId();
       const uploadMediaClientConfig = mediaProvider.uploadMediaClientConfig;
-      if (uploadMediaClientConfig && uploadMediaClientConfig.getAuthFromContext && nodeContextId) {
-        const mediaClient = getMediaClient(uploadMediaClientConfig);
-        const auth = await uploadMediaClientConfig.getAuthFromContext(nodeContextId);
-        const objectId = await this.getObjectId();
-        const {
-          id,
-          collection
-        } = attrs;
-        const source = {
-          id,
-          collection,
-          authProvider: () => Promise.resolve(auth)
-        };
-        const currentCollectionName = mediaProvider.uploadParams.collection;
-        const destination = {
-          collection: currentCollectionName,
-          authProvider: uploadMediaClientConfig.authProvider,
-          occurrenceKey: uuidV4()
-        };
-        const mediaFile = await mediaClient.file.copyFile(source, destination, undefined, traceContext);
-        updateMediaNodeAttrs(source.id, {
-          id: mediaFile.id,
-          collection: currentCollectionName,
-          __contextId: objectId
-        }, isMediaSingle)(view.state, view.dispatch);
+      if (!(uploadMediaClientConfig !== null && uploadMediaClientConfig !== void 0 && uploadMediaClientConfig.getAuthFromContext) || !nodeContextId) {
+        return;
       }
+      const mediaClient = getMediaClient(uploadMediaClientConfig);
+      const auth = await uploadMediaClientConfig.getAuthFromContext(nodeContextId);
+      const objectId = await this.getObjectId();
+      const source = {
+        id,
+        collection,
+        authProvider: () => Promise.resolve(auth)
+      };
+      const currentCollectionName = mediaProvider.uploadParams.collection;
+      const destination = {
+        collection: currentCollectionName,
+        authProvider: uploadMediaClientConfig.authProvider,
+        occurrenceKey: uuidV4()
+      };
+      const mediaFile = await mediaClient.file.copyFile(source, destination, undefined, traceContext);
+      return {
+        id: mediaFile.id,
+        collection: currentCollectionName,
+        __contextId: objectId
+      };
     });
     this.props = props;
   }
@@ -272,7 +305,7 @@ export class MediaNodeUpdater {
   }
 
   // Updates the node with contextId if it doesn't have one already
-  // TODO [MS-2258]: remove updateContextId in order to only use updateFileAttrs
+  // TODO [MS-2258]: remove updateContextId in order to only use updateMediaSingleFileAttrs
 
   async getRemoteDimensions() {
     const mediaProvider = await this.props.mediaProvider;

package/dist/es2019/plugins/media/nodeviews/mediaSingle.js

@@ -193,7 +193,7 @@ export default class MediaSingleNode extends Component {
 
     // We need to call this method on any prop change since attrs can get removed with collab editing
     // the method internally checks if we already have all attrs
-    this.createMediaNodeUpdater(nextProps).updateFileAttrs();
+    this.createMediaNodeUpdater(nextProps).updateMediaSingleFileAttrs();
   }
   async componentDidMount() {
     const {

package/dist/es2019/plugins/media/pm-plugins/alt-text/ui/AltTextEdit.js

@@ -13,7 +13,7 @@ import * as keymaps from '../../../../../keymaps';
 import { ToolTipContent } from '../../../../../keymaps';
 import { closeMediaAltTextMenu, updateAltText } from '../commands';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent, ACTION } from '../../../../analytics';
+import { ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent, ACTION } from '@atlaskit/editor-common/analytics';
 import { RECENT_SEARCH_WIDTH_IN_PX } from '../../../../../ui/LinkSearch/ToolbarComponents';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { ErrorMessage } from '@atlaskit/editor-common/ui';

package/dist/es2019/plugins/media/pm-plugins/main.js

@@ -13,11 +13,10 @@ import DropPlaceholder from '../ui/Media/DropPlaceholder';
 import { insertMediaGroupNode, insertMediaInlineNode, canInsertMediaInline } from '../utils/media-files';
 import { isInsidePotentialEmptyParagraph, removeMediaNode, splitMediaGroup } from '../utils/media-common';
 import * as helpers from '../commands/helpers';
-import { updateMediaNodeAttrs } from '../commands/helpers';
+import { updateMediaSingleNodeAttrs } from '../commands/helpers';
 import { stateKey } from './plugin-key';
 import PickerFacade from '../picker-facade';
 import { INPUT_METHOD } from '../../analytics/types';
-import { isImage } from '../utils/is-image';
 import { isInEmptyLine } from '../../../utils/document';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { isInListItem } from '../../../utils';
@@ -53,7 +52,6 @@ export class MediaPluginStateImplementation {
     _defineProperty(this, "isFullscreen", false);
     _defineProperty(this, "layout", 'center');
     _defineProperty(this, "mediaNodes", []);
-    _defineProperty(this, "mediaGroupNodes", {});
     _defineProperty(this, "destroyed", false);
     _defineProperty(this, "removeOnCloseListener", () => {});
     _defineProperty(this, "onPopupToggleCallback", () => {});
@@ -300,14 +298,14 @@ export class MediaPluginStateImplementation {
       }
       return;
     });
-    _defineProperty(this, "updateMediaNodeAttrs", (id, attrs, isMediaSingle) => {
+    _defineProperty(this, "updateMediaSingleNodeAttrs", (id, attrs) => {
       const {
         view
       } = this;
       if (!view) {
         return;
       }
-      return updateMediaNodeAttrs(id, attrs, isMediaSingle)(view.state, view.dispatch);
+      return updateMediaSingleNodeAttrs(id, attrs)(view.state, view.dispatch);
     });
     _defineProperty(this, "handleMediaState", state => {
       switch (state.status) {
@@ -319,31 +317,6 @@ export class MediaPluginStateImplementation {
             uploadErrorHandler(state);
           }
           break;
-        case 'mobile-upload-end':
-          const attrs = {
-            id: state.publicId || state.id
-          };
-          if (typeof state.collection === 'string') {
-            attrs.collection = state.collection;
-          }
-          this.updateMediaNodeAttrs(state.id, attrs, isMediaSingle(this.view.state.schema, state.fileMimeType));
-          delete this.mediaGroupNodes[state.id];
-          break;
-      }
-    });
-    _defineProperty(this, "setMediaGroupNode", (node, getPos) => {
-      this.mediaGroupNodes[node.attrs.id] = {
-        node,
-        getPos
-      };
-    });
-    _defineProperty(this, "removeNodeById", state => {
-      const {
-        id
-      } = state;
-      const mediaNodeWithPos = helpers.findMediaNode(this, id, isImage(state.fileMimeType));
-      if (mediaNodeWithPos) {
-        removeMediaNode(this.view, mediaNodeWithPos.node, mediaNodeWithPos.getPos);
       }
     });
     _defineProperty(this, "removeSelectedMediaContainer", () => {

package/dist/es2019/plugins/media/toolbar/filePreviewItem.js

@@ -18,9 +18,6 @@ export const FilePreviewItem = ({
   };
   const renderMediaViewer = () => {
     if (isMediaViewerVisible) {
-      const dataSource = {
-        list: []
-      };
       const selectedNodeAttrs = getSelectedMediaContainerNodeAttrs(mediaPluginState);
       if (selectedNodeAttrs && mediaPluginState.mediaClientConfig) {
         const {
@@ -34,7 +31,7 @@ export const FilePreviewItem = ({
         };
         return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(MediaViewer, {
           collectionName: collection,
-          dataSource: dataSource,
+          items: [],
           mediaClientConfig: mediaPluginState.mediaClientConfig,
           selectedItem: identifier,
           onClose: onMediaViewerClose

package/dist/es2019/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';
@@ -86,7 +85,7 @@ export const isInsidePotentialEmptyParagraph = state => {
   } = state.selection;
   return $from.parent.type === state.schema.nodes.paragraph && atTheBeginningOfBlock(state) && atTheEndOfBlock(state);
 };
-export const posOfMediaGroupBelow = (state, $pos, prepend = true) => {
+const posOfMediaGroupBelow = (state, $pos, prepend = true) => {
   let adjacentPos;
   let adjacentNode;
   if (isSelectionNonMediaBlockNode(state)) {
@@ -111,23 +110,6 @@ export const posOfParentMediaGroup = (state, $pos, prepend = false) => {
   }
   return;
 };
-
-/**
- * The function will return the position after current selection where mediaGroup can be inserted.
- */
-export function endPositionForMedia(state, resolvedPos) {
-  const {
-    mediaGroup
-  } = state.schema.nodes;
-  let i = resolvedPos.depth;
-  for (; i > 1; i--) {
-    const nodeType = resolvedPos.node(i).type;
-    if (nodeType.validContent(Fragment.from(mediaGroup.create()))) {
-      break;
-    }
-  }
-  return resolvedPos.end(i) + 1;
-}
 export const removeMediaNode = (view, node, getPos) => {
   const {
     id

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

@@ -1,15 +1,56 @@
-import React from 'react';
+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';
-const MentionAssistiveTextComponent = /*#__PURE__*/React.memo(({
-  mentionedName
+import { isResolvingMentionProvider, MentionNameStatus } from '@atlaskit/mention';
+import { isPromise } from '@atlaskit/mention/types';
+const UNKNOWN_USER_ID = '_|unknown|_';
+const MentionAssistiveTextComponent = ({
+  id,
+  text,
+  providers,
+  accessLevel,
+  mentionProvider
 }) => {
+  const [resolvedName, setResolvedName] = useState(text);
   const intl = useIntl();
-  return /*#__PURE__*/React.createElement("span", {
+  const processName = name => {
+    if (name.status === MentionNameStatus.OK) {
+      return `@${name.name || ''}`;
+    } else {
+      return `@${UNKNOWN_USER_ID}`;
+    }
+  };
+  useEffect(() => {
+    if (mentionProvider) {
+      mentionProvider.then(async provider => {
+        if (!text && isResolvingMentionProvider(provider)) {
+          const nameDetail = provider.resolveMentionName(id);
+          if (isPromise(nameDetail)) {
+            return processName(await nameDetail);
+          } else {
+            return processName(nameDetail);
+          }
+        } else {
+          return text;
+        }
+      }).then(resolvedName => {
+        setResolvedName(resolvedName);
+      });
+    }
+  }, [id, text, mentionProvider]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: 'assistive'
-  }, `${intl.formatMessage(messages.mentionsNodeLabel)} ${mentionedName}`);
-});
+  }, `${intl.formatMessage(messages.mentionsNodeLabel)} ${resolvedName}`), /*#__PURE__*/React.createElement("span", {
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement(Mention, {
+    id: id,
+    text: resolvedName,
+    accessLevel: accessLevel,
+    providers: providers
+  })));
+};
 export const MentionNodeView = props => {
   const {
     providerFactory
@@ -19,14 +60,21 @@ export const MentionNodeView = props => {
     text,
     accessLevel
   } = props.node.attrs;
-  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
-  })));
+  const renderAssistiveTextWithProviders = providers => {
+    const {
+      mentionProvider
+    } = providers;
+    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/es2019/plugins/mentions/type-ahead/index.js

@@ -4,7 +4,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';
@@ -112,7 +111,7 @@ const buildAndSendElementsTypeAheadAnalytics = fireEvent => ({
   const payload = buildTypeAheadRenderedPayload(duration, userOrTeamIds, query, teams);
   fireEvent(payload);
 };
-const isTeamMentionProvider = p => !!(p.mentionTypeaheadHighlightEnabled && p.mentionTypeaheadCreateTeamPath);
+
 /**
  * When a team mention is selected, we render a team link and list of member/user mentions
  * in editor content
@@ -185,17 +184,6 @@ export const createTypeAheadConfig = ({
       if (CustomHighlightComponent) {
         return /*#__PURE__*/React.createElement(CustomHighlightComponent, null);
       }
-      const pluginState = getMentionPluginState(state);
-      const provider = pluginState.mentionProvider;
-      if (provider) {
-        const teamMentionProvider = provider;
-        if (isTeamMentionProvider(teamMentionProvider) && teamMentionProvider.mentionTypeaheadHighlightEnabled()) {
-          return /*#__PURE__*/React.createElement(TeamMentionHighlight, {
-            createTeamLink: teamMentionProvider.mentionTypeaheadCreateTeamPath(),
-            onClose: () => TeamMentionHighlightController.registerClosed()
-          });
-        }
-      }
       return null;
     },
     getItems({
@@ -304,7 +292,6 @@ export const createTypeAheadConfig = ({
       fireEvent(buildTypeAheadInsertedPayload(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, mode, item.mention, sourceListItem.map(x => x.mention), query, pluginState.contextIdentifierProvider));
       sessionId = uuid();
       if (mentionProvider && isTeamType(userType)) {
-        TeamMentionHighlightController.registerTeamMention();
         return insert(buildNodesForTeamMention(schema, item.mention, mentionProvider, sanitizePrivateContent));
       }
 

package/dist/es2019/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 const INVITE_ITEM_MIN_HEIGHT = AVATAR_HEIGHT + ROW_SIDE_PADDING * 2;
 export const INVITE_ITEM_DESCRIPTION = {
   id: 'invite-teammate'
 };

package/dist/es2019/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 const MIN_TAP_SIZE_PX = 44;
 const getInitialState = () => ({
   keyboardHeight: -1,
   mobilePaddingTop: 0,

package/dist/es2019/plugins/panel/utils.js

@@ -1,6 +1,7 @@
 import { findSelectedNodeOfType, findParentNodeOfType } from 'prosemirror-utils';
 import { PanelType } from '@atlaskit/adf-schema';
 import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
+import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 export const findPanel = (state, selection) => {
   const {
     panel
@@ -17,7 +18,9 @@ export const panelAttrsToDom = (attrs, allowCustomPanel) => {
   } = attrs;
   const isCustomPanel = panelType === PanelType.CUSTOM && allowCustomPanel;
   const hasIcon = !isCustomPanel || !!panelIcon || !!panelIconId;
-  const style = [`${panelColor && isCustomPanel ? `background-color: ${panelColor};` : ''}`, `${hasIcon ? '' : 'padding-left: 12px;'}`].join('');
+  const tokenColor = panelColor && hexToEditorBackgroundPaletteColor(panelColor);
+  const panelBackgroundColor = tokenColor || panelColor;
+  const style = [`${panelColor && isCustomPanel ? `background-color: ${panelBackgroundColor};` : ''}`, `${hasIcon ? '' : 'padding-left: 12px;'}`].join('');
   let panelAttrs = {
     class: PanelSharedCssClassName.prefix,
     'data-panel-type': panelType || PanelType.INFO,