@atlaskit/editor-plugin-mentions 0.1.0

package/dist/esm/analytics.js

@@ -0,0 +1,150 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { OPERATIONAL_EVENT_TYPE, UI_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
+import { isSpecialMention } from '@atlaskit/mention/resource';
+import { isTeamType } from './utils';
+var componentName = 'mention';
+export var buildAnalyticsPayload = function buildAnalyticsPayload(actionSubject, action, eventType, sessionId) {
+  var otherAttributes = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+  var tags = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : [];
+  return {
+    action: action,
+    actionSubject: actionSubject,
+    eventType: eventType,
+    attributes: _objectSpread({
+      componentName: componentName,
+      sessionId: sessionId
+    }, otherAttributes),
+    tags: tags
+  };
+};
+var emptyQueryResponse = {
+  queryLength: 0,
+  spaceInQuery: false
+};
+var extractAttributesFromQuery = function extractAttributesFromQuery(query) {
+  if (query) {
+    return {
+      queryLength: query.length,
+      spaceInQuery: query.indexOf(' ') !== -1
+    };
+  }
+  return emptyQueryResponse;
+};
+export var buildTypeAheadCancelPayload = function buildTypeAheadCancelPayload(duration, upKeyCount, downKeyCount, sessionId, query) {
+  var _extractAttributesFro = extractAttributesFromQuery(query),
+    queryLength = _extractAttributesFro.queryLength,
+    spaceInQuery = _extractAttributesFro.spaceInQuery;
+  return buildAnalyticsPayload('mentionTypeahead', 'cancelled', UI_EVENT_TYPE, sessionId, {
+    duration: duration,
+    downKeyCount: downKeyCount,
+    upKeyCount: upKeyCount,
+    queryLength: queryLength,
+    spaceInQuery: spaceInQuery
+  });
+};
+var getPosition = function getPosition(mentionList, selectedMention) {
+  if (mentionList) {
+    var index = mentionList.findIndex(function (mention) {
+      return mention.id === selectedMention.id;
+    });
+    return index === -1 ? undefined : index;
+  }
+  return;
+};
+var isClicked = function isClicked(insertType) {
+  return insertType === 'selected';
+};
+export var buildTypeAheadInviteItemViewedPayload = function buildTypeAheadInviteItemViewedPayload(sessionId, contextIdentifierProvider, userRole) {
+  var _ref = contextIdentifierProvider || {},
+    containerId = _ref.containerId,
+    objectId = _ref.objectId,
+    childObjectId = _ref.childObjectId;
+  return buildAnalyticsPayload('inviteItem', 'rendered', UI_EVENT_TYPE, sessionId, {
+    containerId: containerId,
+    objectId: objectId,
+    childObjectId: childObjectId,
+    userRole: userRole
+  });
+};
+export var buildTypeAheadInviteExposurePayload = function buildTypeAheadInviteExposurePayload(sessionId, contextIdentifierProvider, inviteExperimentCohort, userRole) {
+  var _ref2 = contextIdentifierProvider || {},
+    containerId = _ref2.containerId,
+    objectId = _ref2.objectId,
+    childObjectId = _ref2.childObjectId;
+  return buildAnalyticsPayload('feature', 'exposed', OPERATIONAL_EVENT_TYPE, sessionId, {
+    flagKey: 'confluence.frontend.invite.from.mention',
+    value: inviteExperimentCohort || 'not-enrolled',
+    containerId: containerId,
+    objectId: objectId,
+    childObjectId: childObjectId,
+    userRole: userRole
+  }, ['measurement', 'hasCustomAttributes']);
+};
+export var buildTypeAheadInviteItemClickedPayload = function buildTypeAheadInviteItemClickedPayload(duration, upKeyCount, downKeyCount, sessionId, insertType, query, contextIdentifierProvider, userRole) {
+  var _extractAttributesFro2 = extractAttributesFromQuery(query),
+    queryLength = _extractAttributesFro2.queryLength,
+    spaceInQuery = _extractAttributesFro2.spaceInQuery;
+  var _ref3 = contextIdentifierProvider || {},
+    containerId = _ref3.containerId,
+    objectId = _ref3.objectId,
+    childObjectId = _ref3.childObjectId;
+  return buildAnalyticsPayload('inviteItem', isClicked(insertType) ? 'clicked' : 'pressed', UI_EVENT_TYPE, sessionId, {
+    duration: duration,
+    queryLength: queryLength,
+    spaceInQuery: spaceInQuery,
+    upKeyCount: upKeyCount,
+    downKeyCount: downKeyCount,
+    containerId: containerId,
+    objectId: objectId,
+    childObjectId: childObjectId,
+    userRole: userRole
+  });
+};
+export var buildTypeAheadInsertedPayload = function buildTypeAheadInsertedPayload(duration, upKeyCount, downKeyCount, sessionId, insertType, mention, mentionList, query, contextIdentifierProvider) {
+  var _extractAttributesFro3 = extractAttributesFromQuery(query),
+    queryLength = _extractAttributesFro3.queryLength,
+    spaceInQuery = _extractAttributesFro3.spaceInQuery;
+  var analyticsPayload = buildAnalyticsPayload('mentionTypeahead', isClicked(insertType) ? 'clicked' : 'pressed', UI_EVENT_TYPE, sessionId, {
+    duration: duration,
+    position: getPosition(mentionList, mention),
+    keyboardKey: isClicked(insertType) ? undefined : insertType,
+    source: mention.source,
+    queryLength: queryLength,
+    spaceInQuery: spaceInQuery,
+    isSpecial: isSpecialMention(mention),
+    accessLevel: mention.accessLevel || '',
+    userType: mention.userType,
+    userId: mention.id,
+    upKeyCount: upKeyCount,
+    downKeyCount: downKeyCount,
+    memberCount: isTeamType(mention.userType) && mention.context ? mention.context.memberCount : null,
+    includesYou: isTeamType(mention.userType) && mention.context ? mention.context.includesYou : null
+  });
+  if (contextIdentifierProvider) {
+    analyticsPayload.containerId = contextIdentifierProvider.containerId || undefined;
+    analyticsPayload.objectId = contextIdentifierProvider.objectId || undefined;
+    analyticsPayload.childObjectId = contextIdentifierProvider.childObjectId || undefined;
+  }
+  return analyticsPayload;
+};
+export var buildTypeAheadRenderedPayload = function buildTypeAheadRenderedPayload(duration, userIds, query, teams) {
+  var _extractAttributesFro4 = extractAttributesFromQuery(query),
+    queryLength = _extractAttributesFro4.queryLength,
+    spaceInQuery = _extractAttributesFro4.spaceInQuery;
+  var actionSubject = userIds ? 'mentionTypeahead' : 'teamMentionTypeahead';
+  return {
+    action: 'rendered',
+    actionSubject: actionSubject,
+    eventType: OPERATIONAL_EVENT_TYPE,
+    attributes: {
+      componentName: componentName,
+      duration: duration,
+      userIds: userIds,
+      teams: teams,
+      queryLength: queryLength,
+      spaceInQuery: spaceInQuery
+    }
+  };
+};

package/dist/esm/index.js

@@ -0,0 +1 @@
+export { mentionsPlugin } from './plugin';

package/dist/esm/messages.js

@@ -0,0 +1,23 @@
+import { defineMessages } from 'react-intl-next';
+export var messages = defineMessages({
+  inviteItemTitle: {
+    id: 'fabric.editor.inviteItem.title',
+    defaultMessage: '{userRole, select, admin {Invite} trusted {Invite} other {Add}} teammate to {productName}',
+    description: 'Title of the invite teammate item in typeahead plugin'
+  },
+  mentionsAddLabel: {
+    id: 'fabric.editor.mentionsAddLabel',
+    defaultMessage: 'add-icon',
+    description: 'icon label to describe adding a new mention'
+  },
+  mentionsIconLabel: {
+    id: 'fabric.editor.mentionsIconLabel',
+    defaultMessage: 'Mention',
+    description: 'icon label to describe the mention icon'
+  },
+  mentionsNodeLabel: {
+    id: 'fabric.editor.mentionNode.label',
+    defaultMessage: 'Tagged user',
+    description: 'Label to indicate mention node to Screen reader users, that preceeds with user name ex: "Tagged user @XXX'
+  }
+});

package/dist/esm/nodeviews/mention.js

@@ -0,0 +1,107 @@
+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 { useIntl } from 'react-intl-next';
+import { WithProviders } from '@atlaskit/editor-common/provider-factory';
+import { isResolvingMentionProvider, MentionNameStatus } from '@atlaskit/mention';
+import { isPromise } from '@atlaskit/mention/types';
+import { messages } from '../messages';
+import Mention from '../ui/Mention';
+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();
+  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(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;
+  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/plugin.js

@@ -0,0 +1,129 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React from 'react';
+import uuid from 'uuid';
+import { mention } from '@atlaskit/adf-schema';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { IconMention } from '@atlaskit/editor-common/quick-insert';
+import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
+import { ELEMENTS_CHANNEL } from '@atlaskit/mention/resource';
+import { mentionPluginKey } from './pm-plugins/key';
+import { createMentionPlugin } from './pm-plugins/main';
+import { createTypeAheadConfig } from './type-ahead';
+import ToolbarMention from './ui/ToolbarMention';
+var mentionsPlugin = function mentionsPlugin(_ref) {
+  var options = _ref.config,
+    api = _ref.api;
+  var sessionId = uuid();
+  var fireEvent = function fireEvent(payload) {
+    var _api$analytics$shared, _api$analytics;
+    var _ref2 = (_api$analytics$shared = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.sharedState.currentState()) !== null && _api$analytics$shared !== void 0 ? _api$analytics$shared : {},
+      createAnalyticsEvent = _ref2.createAnalyticsEvent;
+    if (!createAnalyticsEvent) {
+      return;
+    }
+    if (payload.attributes && !payload.attributes.sessionId) {
+      payload.attributes.sessionId = sessionId;
+    }
+    createAnalyticsEvent(payload).fire(ELEMENTS_CHANNEL);
+  };
+  var typeAhead = createTypeAheadConfig({
+    sanitizePrivateContent: options === null || options === void 0 ? void 0 : options.sanitizePrivateContent,
+    mentionInsertDisplayName: options === null || options === void 0 ? void 0 : options.insertDisplayName,
+    HighlightComponent: options === null || options === void 0 ? void 0 : options.HighlightComponent,
+    fireEvent: fireEvent
+  });
+  return {
+    name: 'mention',
+    nodes: function nodes() {
+      return [{
+        name: 'mention',
+        node: mention
+      }];
+    },
+    pmPlugins: function pmPlugins() {
+      return [{
+        name: 'mention',
+        plugin: function plugin(pmPluginFactoryParams) {
+          return createMentionPlugin(pmPluginFactoryParams, fireEvent, options);
+        }
+      }];
+    },
+    secondaryToolbarComponent: function secondaryToolbarComponent(_ref3) {
+      var editorView = _ref3.editorView,
+        disabled = _ref3.disabled;
+      var openMentionTypeAhead = function openMentionTypeAhead() {
+        var _api$typeAhead;
+        api === null || api === void 0 || (_api$typeAhead = api.typeAhead) === null || _api$typeAhead === void 0 || (_api$typeAhead = _api$typeAhead.actions) === null || _api$typeAhead === void 0 || _api$typeAhead.open({
+          triggerHandler: typeAhead,
+          inputMethod: INPUT_METHOD.INSERT_MENU
+        });
+      };
+      return /*#__PURE__*/React.createElement(WithPluginState, {
+        editorView: editorView,
+        plugins: {
+          mentionState: mentionPluginKey
+        },
+        render: function render(_ref4) {
+          var _ref4$mentionState = _ref4.mentionState,
+            mentionState = _ref4$mentionState === void 0 ? {} : _ref4$mentionState;
+          return !mentionState.mentionProvider ? null : /*#__PURE__*/React.createElement(ToolbarMention, {
+            editorView: editorView,
+            onInsertMention: openMentionTypeAhead,
+            isDisabled: disabled || (api === null || api === void 0 ? void 0 : api.typeAhead.actions.isAllowed(editorView.state))
+          });
+        }
+      });
+    },
+    actions: {
+      openTypeAhead: function openTypeAhead(inputMethod) {
+        var _api$typeAhead2;
+        return Boolean(api === null || api === void 0 || (_api$typeAhead2 = api.typeAhead) === null || _api$typeAhead2 === void 0 || (_api$typeAhead2 = _api$typeAhead2.actions) === null || _api$typeAhead2 === void 0 ? void 0 : _api$typeAhead2.open({
+          triggerHandler: typeAhead,
+          inputMethod: inputMethod
+        }));
+      }
+    },
+    getSharedState: function getSharedState(editorState) {
+      if (!editorState) {
+        return undefined;
+      }
+      var mentionPluginState = mentionPluginKey.getState(editorState);
+      return _objectSpread(_objectSpread({}, mentionPluginState), {}, {
+        typeAheadHandler: typeAhead
+      });
+    },
+    pluginsOptions: {
+      quickInsert: function quickInsert(_ref5) {
+        var formatMessage = _ref5.formatMessage;
+        return [{
+          id: 'mention',
+          title: formatMessage(messages.mention),
+          description: formatMessage(messages.mentionDescription),
+          keywords: ['team', 'user'],
+          priority: 400,
+          keyshortcut: '@',
+          icon: function icon() {
+            return /*#__PURE__*/React.createElement(IconMention, null);
+          },
+          action: function action(insert, state) {
+            var tr = insert(undefined);
+            var pluginState = mentionPluginKey.getState(state);
+            if (pluginState && pluginState.canInsertMention === false) {
+              return false;
+            }
+            api === null || api === void 0 || api.typeAhead.actions.openAtTransaction({
+              triggerHandler: typeAhead,
+              inputMethod: INPUT_METHOD.QUICK_INSERT
+            })(tr);
+            return tr;
+          }
+        }];
+      },
+      typeAhead: typeAhead
+    }
+  };
+};
+export { mentionsPlugin };

package/dist/esm/pm-plugins/key.js

@@ -0,0 +1,2 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export var mentionPluginKey = new PluginKey('mentionPlugin');

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

@@ -0,0 +1,148 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { buildSliPayload, SLI_EVENT_TYPE, SMART_EVENT_TYPE } from '@atlaskit/mention/resource';
+import { MentionNodeView } from '../nodeviews/mention';
+import { mentionPluginKey } from './key';
+import { canMentionBeCreatedInRange } from './utils';
+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(mentionPluginKey, {
+        action: ACTIONS.SET_PROVIDER,
+        params: {
+          provider: provider
+        }
+      }));
+    }
+    return true;
+  };
+};
+export var setContext = function setContext(context) {
+  return function (state, dispatch) {
+    if (dispatch) {
+      dispatch(state.tr.setMeta(mentionPluginKey, {
+        action: ACTIONS.SET_CONTEXT,
+        params: {
+          context: context
+        }
+      }));
+    }
+    return true;
+  };
+};
+export function createMentionPlugin(pmPluginFactoryParams, fireEvent, options) {
+  var mentionProvider;
+  var sendAnalytics = function sendAnalytics(event, actionSubject, action, attributes) {
+    if (event === SLI_EVENT_TYPE || event === SMART_EVENT_TYPE) {
+      fireEvent(buildSliPayload(actionSubject, action, attributes));
+    }
+  };
+  return new SafePlugin({
+    key: mentionPluginKey,
+    state: {
+      init: function init(_, state) {
+        var canInsertMention = canMentionBeCreatedInRange(state.selection.from, state.selection.to)(state);
+        return {
+          canInsertMention: canInsertMention
+        };
+      },
+      apply: function apply(tr, pluginState, oldState, newState) {
+        var _ref = tr.getMeta(mentionPluginKey) || {
+            action: null,
+            params: null
+          },
+          action = _ref.action,
+          params = _ref.params;
+        var hasNewPluginState = false;
+        var newPluginState = pluginState;
+        var hasPositionChanged = oldState.selection.from !== newState.selection.from || oldState.selection.to !== newState.selection.to;
+        if (tr.docChanged || tr.selectionSet && hasPositionChanged) {
+          newPluginState = _objectSpread(_objectSpread({}, pluginState), {}, {
+            canInsertMention: canMentionBeCreatedInRange(newState.selection.from, newState.selection.to)(newState)
+          });
+          hasNewPluginState = true;
+        }
+        switch (action) {
+          case ACTIONS.SET_PROVIDER:
+            newPluginState = _objectSpread(_objectSpread({}, newPluginState), {}, {
+              mentionProvider: params.provider
+            });
+            hasNewPluginState = true;
+            break;
+          case ACTIONS.SET_CONTEXT:
+            newPluginState = _objectSpread(_objectSpread({}, newPluginState), {}, {
+              contextIdentifierProvider: params.context
+            });
+            hasNewPluginState = true;
+            break;
+        }
+        if (hasNewPluginState) {
+          pmPluginFactoryParams.dispatch(mentionPluginKey, newPluginState);
+        }
+        return newPluginState;
+      }
+    },
+    props: {
+      nodeViews: {
+        mention: getInlineNodeViewProducer({
+          pmPluginFactoryParams: pmPluginFactoryParams,
+          Component: MentionNodeView,
+          extraComponentProps: {
+            providerFactory: pmPluginFactoryParams.providerFactory,
+            options: 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;
+      };
+      pmPluginFactoryParams.providerFactory.subscribe('mentionProvider', providerHandler);
+      pmPluginFactoryParams.providerFactory.subscribe('contextIdentifierProvider', providerHandler);
+      return {
+        destroy: function destroy() {
+          if (pmPluginFactoryParams.providerFactory) {
+            pmPluginFactoryParams.providerFactory.unsubscribe('mentionProvider', providerHandler);
+            pmPluginFactoryParams.providerFactory.unsubscribe('contextIdentifierProvider', providerHandler);
+          }
+          if (mentionProvider) {
+            mentionProvider.unsubscribe('mentionPlugin');
+          }
+        }
+      };
+    }
+  });
+}

package/dist/esm/pm-plugins/utils.js

@@ -0,0 +1,16 @@
+import { canInsert } from '@atlaskit/editor-prosemirror/utils';
+import { mentionPluginKey } from './key';
+export function getMentionPluginState(state) {
+  return mentionPluginKey.getState(state);
+}
+export var canMentionBeCreatedInRange = function canMentionBeCreatedInRange(from, to) {
+  return function (state) {
+    var $from = state.doc.resolve(from);
+    var $to = state.doc.resolve(to);
+    var mention = state.schema.nodes.mention.createChecked();
+    if ($from.parent === $to.parent && canInsert($from, mention)) {
+      return true;
+    }
+    return false;
+  };
+};