@atlaskit/editor-core 148.0.0 → 149.0.3

package/dist/cjs/plugins/mentions/pm-plugins/key.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mentionPluginKey = void 0;
+
+var _prosemirrorState = require("prosemirror-state");
+
+var mentionPluginKey = new _prosemirrorState.PluginKey('mentionPlugin');
+exports.mentionPluginKey = mentionPluginKey;

package/dist/cjs/plugins/mentions/pm-plugins/main.js

@@ -0,0 +1,162 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createMentionPlugin = createMentionPlugin;
+exports.setContext = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _prosemirrorState = require("prosemirror-state");
+
+var _resource = require("@atlaskit/mention/resource");
+
+var _mention = _interopRequireDefault(require("../nodeviews/mention"));
+
+var _key = require("./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 _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; }
+
+var ACTIONS = {
+  SET_PROVIDER: 'SET_PROVIDER',
+  SET_CONTEXT: 'SET_CONTEXT'
+};
+
+var setProvider = function setProvider(provider) {
+  return function (state, dispatch) {
+    if (dispatch) {
+      dispatch(state.tr.setMeta(_key.mentionPluginKey, {
+        action: ACTIONS.SET_PROVIDER,
+        params: {
+          provider: provider
+        }
+      }));
+    }
+
+    return true;
+  };
+};
+
+var setContext = function setContext(context) {
+  return function (state, dispatch) {
+    if (dispatch) {
+      dispatch(state.tr.setMeta(_key.mentionPluginKey, {
+        action: ACTIONS.SET_CONTEXT,
+        params: {
+          context: context
+        }
+      }));
+    }
+
+    return true;
+  };
+};
+
+exports.setContext = setContext;
+
+function createMentionPlugin(dispatch, providerFactory, portalProviderAPI, eventDispatcher, fireEvent, options) {
+  var mentionProvider;
+
+  var sendAnalytics = function sendAnalytics(event, actionSubject, action, attributes) {
+    if (event === _resource.SLI_EVENT_TYPE || event === _resource.SMART_EVENT_TYPE) {
+      fireEvent((0, _resource.buildSliPayload)(actionSubject, action, attributes));
+    }
+  };
+
+  return new _prosemirrorState.Plugin({
+    key: _key.mentionPluginKey,
+    state: {
+      init: function init() {
+        return {};
+      },
+      apply: function apply(tr, pluginState) {
+        var _ref = tr.getMeta(_key.mentionPluginKey) || {
+          action: null,
+          params: null
+        },
+            action = _ref.action,
+            params = _ref.params;
+
+        var newPluginState = pluginState;
+
+        switch (action) {
+          case ACTIONS.SET_PROVIDER:
+            newPluginState = _objectSpread(_objectSpread({}, pluginState), {}, {
+              mentionProvider: params.provider
+            });
+            dispatch(_key.mentionPluginKey, newPluginState);
+            return newPluginState;
+
+          case ACTIONS.SET_CONTEXT:
+            newPluginState = _objectSpread(_objectSpread({}, pluginState), {}, {
+              contextIdentifierProvider: params.context
+            });
+            dispatch(_key.mentionPluginKey, newPluginState);
+            return newPluginState;
+        }
+
+        return newPluginState;
+      }
+    },
+    props: {
+      nodeViews: {
+        mention: (0, _mention.default)(portalProviderAPI, eventDispatcher, providerFactory, options)
+      }
+    },
+    view: function view(editorView) {
+      var providerHandler = function providerHandler(name, providerPromise) {
+        switch (name) {
+          case 'mentionProvider':
+            if (!providerPromise) {
+              return setProvider(undefined)(editorView.state, editorView.dispatch);
+            }
+
+            providerPromise.then(function (provider) {
+              if (mentionProvider) {
+                mentionProvider.unsubscribe('mentionPlugin');
+              }
+
+              mentionProvider = provider;
+              setProvider(provider)(editorView.state, editorView.dispatch);
+              provider.subscribe('mentionPlugin', undefined, undefined, undefined, undefined, sendAnalytics);
+            }).catch(function () {
+              return setProvider(undefined)(editorView.state, editorView.dispatch);
+            });
+            break;
+
+          case 'contextIdentifierProvider':
+            if (!providerPromise) {
+              return setContext(undefined)(editorView.state, editorView.dispatch);
+            }
+
+            providerPromise.then(function (provider) {
+              setContext(provider)(editorView.state, editorView.dispatch);
+            });
+            break;
+        }
+
+        return;
+      };
+
+      providerFactory.subscribe('mentionProvider', providerHandler);
+      providerFactory.subscribe('contextIdentifierProvider', providerHandler);
+      return {
+        destroy: function destroy() {
+          if (providerFactory) {
+            providerFactory.unsubscribe('mentionProvider', providerHandler);
+            providerFactory.unsubscribe('contextIdentifierProvider', providerHandler);
+          }
+
+          if (mentionProvider) {
+            mentionProvider.unsubscribe('mentionPlugin');
+          }
+        }
+      };
+    }
+  });
+}

package/dist/cjs/plugins/mentions/pm-plugins/utils.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMentionPluginState = getMentionPluginState;
+
+var _key = require("./key");
+
+function getMentionPluginState(state) {
+  return _key.mentionPluginKey.getState(state);
+}

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

@@ -0,0 +1,449 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.memoize = memoize;
+exports.createTypeAheadConfig = exports.mentionToTypeaheadItem = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _uuid = _interopRequireDefault(require("uuid"));
+
+var _prosemirrorModel = require("prosemirror-model");
+
+var _resource = require("@atlaskit/mention/resource");
+
+var _item = require("@atlaskit/mention/item");
+
+var _typeAhead = require("@atlaskit/editor-common/type-ahead");
+
+var _spotlight = require("@atlaskit/mention/spotlight");
+
+var _analytics = require("../analytics");
+
+var _InviteItem = _interopRequireWildcard(require("../ui/InviteItem"));
+
+var _utils = require("../utils");
+
+var _utils2 = require("../pm-plugins/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); }
+
+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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+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 _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; }
+
+var createInviteItem = function createInviteItem(_ref) {
+  var mentionProvider = _ref.mentionProvider,
+      onInviteItemMount = _ref.onInviteItemMount;
+  return {
+    title: _InviteItem.INVITE_ITEM_DESCRIPTION.id,
+    render: function render(_ref2) {
+      var isSelected = _ref2.isSelected,
+          onClick = _ref2.onClick,
+          onHover = _ref2.onHover;
+      return /*#__PURE__*/_react.default.createElement(_InviteItem.default, {
+        productName: mentionProvider ? mentionProvider.productName : undefined,
+        selected: isSelected,
+        onMount: onInviteItemMount,
+        onMouseEnter: onHover,
+        onSelection: onClick,
+        userRole: mentionProvider.userRole
+      });
+    },
+    mention: _InviteItem.INVITE_ITEM_DESCRIPTION
+  };
+};
+
+var withInviteItem = function withInviteItem(_ref3) {
+  var mentionProvider = _ref3.mentionProvider,
+      firstQueryWithoutResults = _ref3.firstQueryWithoutResults,
+      currentQuery = _ref3.currentQuery,
+      onInviteItemMount = _ref3.onInviteItemMount;
+  return function (mentionItems) {
+    var inviteItem = createInviteItem({
+      mentionProvider: mentionProvider,
+      onInviteItemMount: onInviteItemMount
+    });
+    var keepInviteItem = (0, _utils.shouldKeepInviteItem)(currentQuery, firstQueryWithoutResults);
+
+    if (mentionItems.length === 0) {
+      return keepInviteItem ? [inviteItem] : [];
+    }
+
+    return [].concat((0, _toConsumableArray2.default)(mentionItems), [// invite item should be shown at the bottom
+    inviteItem]);
+  };
+};
+
+var mentionToTypeaheadItem = function mentionToTypeaheadItem(mention) {
+  return {
+    title: mention.id,
+    render: function render(_ref4) {
+      var isSelected = _ref4.isSelected,
+          onClick = _ref4.onClick,
+          onHover = _ref4.onHover;
+      return /*#__PURE__*/_react.default.createElement(_item.MentionItem, {
+        mention: mention,
+        selected: isSelected,
+        onMouseEnter: onHover,
+        onSelection: onClick
+      });
+    },
+    getCustomComponentHeight: function getCustomComponentHeight() {
+      return _item.MENTION_ITEM_HEIGHT;
+    },
+    mention: mention
+  };
+};
+
+exports.mentionToTypeaheadItem = mentionToTypeaheadItem;
+
+function memoize(fn) {
+  // Cache results here
+  var seen = new Map();
+
+  function memoized(mention) {
+    // Check cache for hits
+    var hit = seen.get(mention.id);
+
+    if (hit) {
+      return hit;
+    } // Generate new result and cache it
+
+
+    var result = fn(mention);
+    seen.set(mention.id, result);
+    return result;
+  }
+
+  return {
+    call: memoized,
+    clear: seen.clear.bind(seen)
+  };
+}
+
+var memoizedToItem = memoize(mentionToTypeaheadItem);
+
+var buildAndSendElementsTypeAheadAnalytics = function buildAndSendElementsTypeAheadAnalytics(fireEvent) {
+  return function (_ref5) {
+    var query = _ref5.query,
+        mentions = _ref5.mentions,
+        stats = _ref5.stats;
+    var duration = 0;
+    var userOrTeamIds = null;
+    var teams = null;
+
+    if (!(0, _utils.isTeamStats)(stats)) {
+      // is from primary mention endpoint which could be just user mentions or user/team mentions
+      duration = stats && stats.duration;
+      teams = null;
+      userOrTeamIds = mentions.map(function (mention) {
+        return mention.id;
+      });
+    } else {
+      // is from dedicated team-only mention endpoint
+      duration = stats && stats.teamMentionDuration;
+      userOrTeamIds = null;
+      teams = mentions.map(function (mention) {
+        return (0, _utils.isTeamType)(mention.userType) ? {
+          teamId: mention.id,
+          includesYou: mention.context.includesYou,
+          memberCount: mention.context.memberCount
+        } : null;
+      }).filter(function (m) {
+        return !!m;
+      });
+    }
+
+    var payload = (0, _analytics.buildTypeAheadRenderedPayload)(duration, userOrTeamIds, query, teams);
+    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
+ */
+
+
+var buildNodesForTeamMention = function buildNodesForTeamMention(schema, selectedMention, mentionProvider, sanitizePrivateContent) {
+  var nodes = schema.nodes,
+      marks = schema.marks;
+  var name = selectedMention.name,
+      teamId = selectedMention.id,
+      accessLevel = selectedMention.accessLevel,
+      context = selectedMention.context; // build team link
+
+  var defaultTeamLink = "".concat(window.location.origin, "/people/team/").concat(teamId);
+  var teamLink = context && context.teamLink ? context.teamLink : defaultTeamLink;
+  var teamLinkNode = schema.text(name, [marks.link.create({
+    href: teamLink
+  })]);
+  var openBracketText = schema.text('(');
+  var closeBracketText = schema.text(')');
+  var emptySpaceText = schema.text(' ');
+  var inlineNodes = [teamLinkNode, emptySpaceText, openBracketText];
+  var members = context && context.members ? context.members : [];
+  members.forEach(function (member, index) {
+    var name = member.name,
+        id = member.id;
+    var mentionName = "@".concat(name);
+    var text = sanitizePrivateContent ? '' : mentionName;
+
+    if (sanitizePrivateContent && (0, _resource.isResolvingMentionProvider)(mentionProvider)) {
+      mentionProvider.cacheMentionName(id, name);
+    }
+
+    var userMentionNode = nodes.mention.createChecked({
+      text: text,
+      id: member.id,
+      accessLevel: accessLevel,
+      userType: 'DEFAULT'
+    });
+    inlineNodes.push(userMentionNode); // should not add empty space after the last user mention.
+
+    if (index !== members.length - 1) {
+      inlineNodes.push(emptySpaceText);
+    }
+  });
+  inlineNodes.push(closeBracketText);
+  return _prosemirrorModel.Fragment.fromArray(inlineNodes);
+};
+
+var createTypeAheadConfig = function createTypeAheadConfig(_ref6) {
+  var sanitizePrivateContent = _ref6.sanitizePrivateContent,
+      mentionInsertDisplayName = _ref6.mentionInsertDisplayName,
+      fireEvent = _ref6.fireEvent,
+      HighlightComponent = _ref6.HighlightComponent;
+  var sessionId = (0, _uuid.default)();
+  var firstQueryWithoutResults = null;
+  var subscriptionKeys = new Set();
+  var typeAhead = {
+    id: _typeAhead.TypeAheadAvailableNodes.MENTION,
+    trigger: '@',
+    // Custom regex must have a capture group around trigger
+    // so it's possible to use it without needing to scan through all triggers again
+    customRegex: '\\(?(@)',
+    getHighlight: function getHighlight(state) {
+      var CustomHighlightComponent = HighlightComponent;
+
+      if (CustomHighlightComponent) {
+        return /*#__PURE__*/_react.default.createElement(CustomHighlightComponent, null);
+      }
+
+      var pluginState = (0, _utils2.getMentionPluginState)(state);
+      var provider = pluginState.mentionProvider;
+
+      if (provider) {
+        var teamMentionProvider = provider;
+
+        if (isTeamMentionProvider(teamMentionProvider) && teamMentionProvider.mentionTypeaheadHighlightEnabled()) {
+          return /*#__PURE__*/_react.default.createElement(_spotlight.TeamMentionHighlight, {
+            createTeamLink: teamMentionProvider.mentionTypeaheadCreateTeamPath(),
+            onClose: function onClose() {
+              return _spotlight.TeamMentionHighlightController.registerClosed();
+            }
+          });
+        }
+      }
+
+      return null;
+    },
+    getItems: function getItems(_ref7) {
+      var query = _ref7.query,
+          editorState = _ref7.editorState;
+      var pluginState = (0, _utils2.getMentionPluginState)(editorState);
+
+      if (!(pluginState !== null && pluginState !== void 0 && pluginState.mentionProvider)) {
+        return Promise.resolve([]);
+      }
+
+      var mentionProvider = pluginState.mentionProvider,
+          contextIdentifierProvider = pluginState.contextIdentifierProvider;
+      return new Promise(function (resolve) {
+        var key = "loadingMentionsForTypeAhead_".concat((0, _uuid.default)());
+
+        var mentionsSubscribeCallback = function mentionsSubscribeCallback(mentions) {
+          var resultQuery = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+          var stats = arguments.length > 2 ? arguments[2] : undefined;
+
+          if (query !== resultQuery) {
+            return;
+          }
+
+          mentionProvider.unsubscribe(key);
+          subscriptionKeys.delete(key);
+          var mentionItems = mentions.map(function (mention) {
+            return memoizedToItem.call(mention);
+          });
+          buildAndSendElementsTypeAheadAnalytics(fireEvent)({
+            query: query,
+            mentions: mentions,
+            stats: stats
+          });
+
+          if (mentions.length === 0 && firstQueryWithoutResults === null) {
+            firstQueryWithoutResults = query;
+          }
+
+          if (!mentionProvider.shouldEnableInvite || mentionItems.length > 2) {
+            resolve(mentionItems);
+          } else {
+            var items = withInviteItem({
+              mentionProvider: mentionProvider,
+              firstQueryWithoutResults: firstQueryWithoutResults || '',
+              currentQuery: query,
+              onInviteItemMount: function onInviteItemMount() {
+                fireEvent((0, _analytics.buildTypeAheadInviteItemViewedPayload)(sessionId, contextIdentifierProvider, mentionProvider.userRole));
+              }
+            })(mentionItems);
+            resolve(items);
+          }
+        };
+
+        subscriptionKeys.add(key);
+        mentionProvider.subscribe(key, mentionsSubscribeCallback);
+        mentionProvider.filter(query || '', _objectSpread(_objectSpread({}, contextIdentifierProvider), {}, {
+          sessionId: sessionId
+        }));
+      });
+    },
+    onOpen: function onOpen(editorState) {
+      firstQueryWithoutResults = null;
+      var pluginState = (0, _utils2.getMentionPluginState)(editorState);
+
+      if (!pluginState || !pluginState.mentionProvider) {
+        return null;
+      }
+
+      var contextIdentifierProvider = pluginState.contextIdentifierProvider,
+          _pluginState$mentionP = pluginState.mentionProvider,
+          shouldEnableInvite = _pluginState$mentionP.shouldEnableInvite,
+          inviteExperimentCohort = _pluginState$mentionP.inviteExperimentCohort,
+          userRole = _pluginState$mentionP.userRole;
+      fireEvent((0, _analytics.buildTypeAheadInviteExposurePayload)(!!shouldEnableInvite, sessionId, contextIdentifierProvider, inviteExperimentCohort, userRole));
+    },
+    selectItem: function selectItem(state, item, insert, _ref8) {
+      var mode = _ref8.mode,
+          stats = _ref8.stats,
+          query = _ref8.query,
+          sourceListItem = _ref8.sourceListItem;
+      var schema = state.schema;
+      var pluginState = (0, _utils2.getMentionPluginState)(state);
+      var mentionProvider = pluginState.mentionProvider;
+      var _item$mention = item.mention,
+          id = _item$mention.id,
+          name = _item$mention.name,
+          nickname = _item$mention.nickname,
+          accessLevel = _item$mention.accessLevel,
+          userType = _item$mention.userType;
+      var trimmedNickname = nickname && nickname.startsWith('@') ? nickname.slice(1) : nickname;
+      var renderName = mentionInsertDisplayName || !trimmedNickname ? name : trimmedNickname;
+
+      var mentionContext = _objectSpread(_objectSpread({}, pluginState.contextIdentifierProvider), {}, {
+        sessionId: sessionId
+      });
+
+      if (mentionProvider && !(0, _utils.isInviteItem)(item.mention)) {
+        mentionProvider.recordMentionSelection(item.mention, mentionContext);
+      }
+
+      var pickerElapsedTime = stats.startedAt ? Date.now() - stats.startedAt : 0;
+
+      if (mentionProvider && mentionProvider.shouldEnableInvite && (0, _utils.isInviteItem)(item.mention)) {
+        // Don't fire event and the callback with selection by space press
+        if (mode !== 'space') {
+          fireEvent((0, _analytics.buildTypeAheadInviteItemClickedPayload)(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, mode, query, pluginState.contextIdentifierProvider, mentionProvider.userRole));
+
+          if (mentionProvider.onInviteItemClick) {
+            mentionProvider.onInviteItemClick('mention');
+          }
+        }
+
+        return state.tr;
+      }
+
+      fireEvent((0, _analytics.buildTypeAheadInsertedPayload)(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, mode, item.mention, sourceListItem.map(function (x) {
+        return x.mention;
+      }), query, pluginState.contextIdentifierProvider));
+      sessionId = (0, _uuid.default)();
+
+      if (mentionProvider && (0, _utils.isTeamType)(userType)) {
+        _spotlight.TeamMentionHighlightController.registerTeamMention();
+
+        return insert(buildNodesForTeamMention(schema, item.mention, mentionProvider, sanitizePrivateContent));
+      } // Don't insert into document if document data is sanitized.
+
+
+      var text = sanitizePrivateContent ? '' : "@".concat(renderName);
+
+      if (sanitizePrivateContent && (0, _resource.isResolvingMentionProvider)(mentionProvider)) {
+        // Cache (locally) for later rendering
+        mentionProvider.cacheMentionName(id, renderName);
+      }
+
+      var mentionNode = schema.nodes.mention.createChecked({
+        text: text,
+        id: id,
+        accessLevel: accessLevel,
+        userType: userType === 'DEFAULT' ? null : userType
+      });
+      var space = schema.text(' ');
+      return insert(_prosemirrorModel.Fragment.from([mentionNode, space]));
+    },
+    dismiss: function dismiss(_ref9) {
+      var editorState = _ref9.editorState,
+          query = _ref9.query,
+          stats = _ref9.stats;
+      firstQueryWithoutResults = null;
+      var pickerElapsedTime = stats.startedAt ? Date.now() - stats.startedAt : 0;
+      fireEvent((0, _analytics.buildTypeAheadCancelPayload)(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, query || ''));
+      var pluginState = (0, _utils2.getMentionPluginState)(editorState);
+
+      if (pluginState !== null && pluginState !== void 0 && pluginState.mentionProvider) {
+        var mentionProvider = pluginState.mentionProvider;
+
+        var _iterator = _createForOfIteratorHelper(subscriptionKeys),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var key = _step.value;
+            mentionProvider.unsubscribe(key);
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
+
+      subscriptionKeys.clear();
+      sessionId = (0, _uuid.default)();
+    }
+  };
+  return typeAhead;
+};
+
+exports.createTypeAheadConfig = createTypeAheadConfig;

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

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.INVITE_ITEM_DESCRIPTION = void 0;
+exports.default = exports.INVITE_ITEM_DESCRIPTION = exports.INVITE_ITEM_MIN_HEIGHT = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -27,6 +27,8 @@ 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; }
 
+var INVITE_ITEM_MIN_HEIGHT = _styles.AVATAR_HEIGHT + _styles.ROW_SIDE_PADDING * 2;
+exports.INVITE_ITEM_MIN_HEIGHT = INVITE_ITEM_MIN_HEIGHT;
 var INVITE_ITEM_DESCRIPTION = {
   id: 'invite-teammate'
 };

package/dist/cjs/plugins/mentions/ui/InviteItem/styles.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CapitalizedStyle = exports.MentionItemStyle = exports.NameSectionStyle = exports.AvatarStyle = exports.RowStyle = void 0;
+exports.CapitalizedStyle = exports.MentionItemStyle = exports.NameSectionStyle = exports.AvatarStyle = exports.AVATAR_HEIGHT = exports.RowStyle = exports.ROW_SIDE_PADDING = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -15,11 +15,16 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-var RowStyle = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  overflow: hidden;\n  padding: 6px 14px;\n  text-overflow: ellipsis;\n  vertical-align: middle;\n"])));
+var ROW_SIDE_PADDING = 14;
+exports.ROW_SIDE_PADDING = ROW_SIDE_PADDING;
+
+var RowStyle = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  overflow: hidden;\n  padding: 6px ", "px;\n  text-overflow: ellipsis;\n  vertical-align: middle;\n"])), ROW_SIDE_PADDING);
 
 exports.RowStyle = RowStyle;
+var AVATAR_HEIGHT = 36;
+exports.AVATAR_HEIGHT = AVATAR_HEIGHT;
 
-var AvatarStyle = _styledComponents.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  flex: initial;\n  opacity: inherit;\n  width: 36px;\n  height: 36px;\n\n  > span {\n    width: 24px;\n    height: 24px;\n    padding: 6px;\n  }\n"])));
+var AvatarStyle = _styledComponents.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  flex: initial;\n  opacity: inherit;\n  width: 36px;\n  height: ", "px;\n\n  > span {\n    width: 24px;\n    height: 24px;\n    padding: 6px;\n  }\n"])), AVATAR_HEIGHT);
 
 exports.AvatarStyle = AvatarStyle;