@atlaskit/editor-plugin-mentions 4.7.8 → 4.7.10

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-mentions
 
+## 4.7.10
+
+### Patch Changes
+
+- [#175895](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175895)
+  [`6165a5dc5b6b1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6165a5dc5b6b1) -
+  Remove deprecated path for react version of mentions
+- Updated dependencies
+
+## 4.7.9
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.7.8
 
 ### Patch Changes

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

@@ -8,14 +8,11 @@ exports.ACTIONS = void 0;
 exports.createMentionPlugin = createMentionPlugin;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _analytics = require("@atlaskit/editor-common/analytics");
-var _reactNodeView = require("@atlaskit/editor-common/react-node-view");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _resource = require("@atlaskit/mention/resource");
 var _types = require("@atlaskit/mention/types");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
-var _mention = require("../nodeviews/mention");
 var _mentionNodeView = require("../nodeviews/mentionNodeView");
 var _types2 = require("../types");
 var _key = require("./key");
@@ -26,7 +23,7 @@ var ACTIONS = exports.ACTIONS = {
   SET_PROVIDER: 'SET_PROVIDER'
 };
 var PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-var PACKAGE_VERSION = "4.7.7";
+var PACKAGE_VERSION = "4.7.9";
 var setProvider = function setProvider(provider) {
   return function (state, dispatch) {
     if (dispatch) {
@@ -102,21 +99,11 @@ function createMentionPlugin(_ref) {
     props: {
       nodeViews: {
         mention: function mention(node, view, getPos, decorations, innerDecorations) {
-          return (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
-            exposure: true
-          }) ? new _mentionNodeView.MentionNodeView(node, {
+          return new _mentionNodeView.MentionNodeView(node, {
             options: options,
             api: api,
             portalProviderAPI: pmPluginFactoryParams.portalProviderAPI
-          }) : (0, _reactNodeView.getInlineNodeViewProducer)({
-            pmPluginFactoryParams: pmPluginFactoryParams,
-            Component: _mention.MentionNodeView,
-            extraComponentProps: {
-              providerFactory: pmPluginFactoryParams.providerFactory,
-              pluginInjectionApi: api,
-              options: options
-            }
-          })(node, view, getPos, decorations);
+          });
         }
       }
     },

package/dist/cjs/ui/PopperWrapper.js

@@ -52,7 +52,7 @@ function Popup(_ref2) {
   (0, _useFocusTrap.useFocusTrap)({
     targetRef: targetRef
   });
-  return /*#__PURE__*/_react.default.createElement(_portal.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.Suspense, null, /*#__PURE__*/_react.default.createElement(_portal.default, {
     zIndex: _constants.layers.modal()
   }, /*#__PURE__*/_react.default.createElement(_popper.Popper, {
     referenceElement: referenceElement,
@@ -80,5 +80,5 @@ function Popup(_ref2) {
     }, /*#__PURE__*/_react.default.createElement(RepositionOnUpdate, {
       update: update
     }, children));
-  }));
+  })));
 }

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

@@ -1,13 +1,10 @@
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { findChildrenByType } from '@atlaskit/editor-prosemirror/utils';
 import { SLI_EVENT_TYPE, SMART_EVENT_TYPE } from '@atlaskit/mention/resource';
 import { ComponentNames } from '@atlaskit/mention/types';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { MentionNodeView } from '../nodeviews/mention';
-import { MentionNodeView as VanillaMentionNodeView } from '../nodeviews/mentionNodeView';
+import { MentionNodeView } from '../nodeviews/mentionNodeView';
 import { MENTION_PROVIDER_REJECTED, MENTION_PROVIDER_UNDEFINED } from '../types';
 import { mentionPluginKey } from './key';
 import { canMentionBeCreatedInRange } from './utils';
@@ -15,7 +12,7 @@ export const ACTIONS = {
   SET_PROVIDER: 'SET_PROVIDER'
 };
 const PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-const PACKAGE_VERSION = "4.7.7";
+const PACKAGE_VERSION = "4.7.9";
 const setProvider = provider => (state, dispatch) => {
   if (dispatch) {
     dispatch(state.tr.setMeta(mentionPluginKey, {
@@ -94,21 +91,11 @@ export function createMentionPlugin({
     props: {
       nodeViews: {
         mention: (node, view, getPos, decorations, innerDecorations) => {
-          return editorExperiment('platform_editor_vanilla_dom', true, {
-            exposure: true
-          }) ? new VanillaMentionNodeView(node, {
+          return new MentionNodeView(node, {
             options,
             api,
             portalProviderAPI: pmPluginFactoryParams.portalProviderAPI
-          }) : getInlineNodeViewProducer({
-            pmPluginFactoryParams,
-            Component: MentionNodeView,
-            extraComponentProps: {
-              providerFactory: pmPluginFactoryParams.providerFactory,
-              pluginInjectionApi: api,
-              options
-            }
-          })(node, view, getPos, decorations);
+          });
         }
       }
     },

package/dist/es2019/ui/PopperWrapper.js

@@ -1,4 +1,4 @@
-import React, { useRef, useEffect } from 'react';
+import React, { useRef, useEffect, Suspense } from 'react';
 import { Popper as ReactPopper } from '@atlaskit/popper';
 import Portal from '@atlaskit/portal';
 import { layers } from '@atlaskit/theme/constants';
@@ -40,7 +40,7 @@ export function Popup({
   useFocusTrap({
     targetRef: targetRef
   });
-  return /*#__PURE__*/React.createElement(Portal, {
+  return /*#__PURE__*/React.createElement(Suspense, null, /*#__PURE__*/React.createElement(Portal, {
     zIndex: layers.modal()
   }, /*#__PURE__*/React.createElement(ReactPopper, {
     referenceElement: referenceElement,
@@ -67,5 +67,5 @@ export function Popup({
     style: style
   }, /*#__PURE__*/React.createElement(RepositionOnUpdate, {
     update: update
-  }, children))));
+  }, children)))));
 }

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

@@ -2,15 +2,12 @@ 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 { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { findChildrenByType } from '@atlaskit/editor-prosemirror/utils';
 import { SLI_EVENT_TYPE, SMART_EVENT_TYPE } from '@atlaskit/mention/resource';
 import { ComponentNames } from '@atlaskit/mention/types';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { MentionNodeView } from '../nodeviews/mention';
-import { MentionNodeView as VanillaMentionNodeView } from '../nodeviews/mentionNodeView';
+import { MentionNodeView } from '../nodeviews/mentionNodeView';
 import { MENTION_PROVIDER_REJECTED, MENTION_PROVIDER_UNDEFINED } from '../types';
 import { mentionPluginKey } from './key';
 import { canMentionBeCreatedInRange } from './utils';
@@ -18,7 +15,7 @@ export var ACTIONS = {
   SET_PROVIDER: 'SET_PROVIDER'
 };
 var PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-var PACKAGE_VERSION = "4.7.7";
+var PACKAGE_VERSION = "4.7.9";
 var setProvider = function setProvider(provider) {
   return function (state, dispatch) {
     if (dispatch) {
@@ -94,21 +91,11 @@ export function createMentionPlugin(_ref) {
     props: {
       nodeViews: {
         mention: function mention(node, view, getPos, decorations, innerDecorations) {
-          return editorExperiment('platform_editor_vanilla_dom', true, {
-            exposure: true
-          }) ? new VanillaMentionNodeView(node, {
+          return new MentionNodeView(node, {
             options: options,
             api: api,
             portalProviderAPI: pmPluginFactoryParams.portalProviderAPI
-          }) : getInlineNodeViewProducer({
-            pmPluginFactoryParams: pmPluginFactoryParams,
-            Component: MentionNodeView,
-            extraComponentProps: {
-              providerFactory: pmPluginFactoryParams.providerFactory,
-              pluginInjectionApi: api,
-              options: options
-            }
-          })(node, view, getPos, decorations);
+          });
         }
       }
     },

package/dist/esm/ui/PopperWrapper.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useRef, useEffect } from 'react';
+import React, { useRef, useEffect, Suspense } from 'react';
 import { Popper as ReactPopper } from '@atlaskit/popper';
 import Portal from '@atlaskit/portal';
 import { layers } from '@atlaskit/theme/constants';
@@ -42,7 +42,7 @@ export function Popup(_ref2) {
   useFocusTrap({
     targetRef: targetRef
   });
-  return /*#__PURE__*/React.createElement(Portal, {
+  return /*#__PURE__*/React.createElement(Suspense, null, /*#__PURE__*/React.createElement(Portal, {
     zIndex: layers.modal()
   }, /*#__PURE__*/React.createElement(ReactPopper, {
     referenceElement: referenceElement,
@@ -70,5 +70,5 @@ export function Popup(_ref2) {
     }, /*#__PURE__*/React.createElement(RepositionOnUpdate, {
       update: update
     }, children));
-  }));
+  })));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-mentions",
-	"version": "4.7.8",
+	"version": "4.7.10",
 	"description": "Mentions plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -35,23 +35,23 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
 		"@atlaskit/css": "^0.11.0",
-		"@atlaskit/editor-common": "^107.0.0",
+		"@atlaskit/editor-common": "^107.2.0",
 		"@atlaskit/editor-plugin-analytics": "^2.3.0",
 		"@atlaskit/editor-plugin-base": "^3.0.0",
 		"@atlaskit/editor-plugin-context-identifier": "^2.1.0",
 		"@atlaskit/editor-plugin-selection": "^2.2.0",
 		"@atlaskit/editor-plugin-type-ahead": "^2.7.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/icon": "^27.0.0",
+		"@atlaskit/icon": "^27.2.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/mention": "^24.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popper": "^7.0.0",
+		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/portal": "^5.1.0",
-		"@atlaskit/profilecard": "^23.19.0",
+		"@atlaskit/profilecard": "^23.21.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^7.2.0",
-		"@atlaskit/tokens": "^5.3.0",
+		"@atlaskit/tmp-editor-statsig": "^8.2.0",
+		"@atlaskit/tokens": "^5.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",
 		"bind-event-listener": "^3.0.0",

package/dist/cjs/nodeviews/mention.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MentionNodeView = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _providerFactory = require("@atlaskit/editor-common/provider-factory");
-var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
-var _Mention = require("../ui/Mention");
-var useSharedMentionState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var mentionProvider = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'mention.mentionProvider');
-  return {
-    mentionProvider: mentionProvider
-  };
-}, function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['mention']),
-    mentionState = _useSharedPluginState.mentionState;
-  return {
-    mentionProvider: mentionState === null || mentionState === void 0 ? void 0 : mentionState.mentionProvider
-  };
-});
-var MentionNodeView = exports.MentionNodeView = function MentionNodeView(props) {
-  var providerFactory = props.providerFactory,
-    pluginInjectionApi = props.pluginInjectionApi;
-  var _props$node$attrs = props.node.attrs,
-    id = _props$node$attrs.id,
-    text = _props$node$attrs.text,
-    accessLevel = _props$node$attrs.accessLevel,
-    localId = _props$node$attrs.localId;
-  var _useSharedMentionStat = useSharedMentionState(pluginInjectionApi),
-    mentionProvider = _useSharedMentionStat.mentionProvider;
-  var renderAssistiveTextWithProviders = function renderAssistiveTextWithProviders(providers) {
-    var _props$options;
-    var mentionProviderPromise = mentionProvider ? Promise.resolve(mentionProvider) : providers.mentionProvider;
-    var profilecardProvider = (_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.profilecardProvider;
-    return /*#__PURE__*/_react.default.createElement(_Mention.Mention, {
-      id: id,
-      text: text,
-      accessLevel: accessLevel,
-      mentionProvider: mentionProviderPromise,
-      profilecardProvider: profilecardProvider,
-      localId: localId
-    });
-  };
-  return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
-    providers: ['mentionProvider', 'profilecardProvider'],
-    providerFactory: providerFactory,
-    renderNode: renderAssistiveTextWithProviders
-  });
-};

package/dist/cjs/ui/Mention/index.js

@@ -1,184 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Mention = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _browser = require("@atlaskit/editor-common/browser");
-var _mention = require("@atlaskit/editor-common/mention");
-var _element = require("@atlaskit/mention/element");
-var _resource = require("@atlaskit/mention/resource");
-var _types = require("@atlaskit/mention/types");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-// Workaround for a firefox issue where dom selection is off sync
-// https://product-fabric.atlassian.net/browse/ED-12442
-var refreshBrowserSelection = function refreshBrowserSelection() {
-  var domSelection = window.getSelection();
-  if (domSelection) {
-    var domRange = domSelection && domSelection.rangeCount === 1 && domSelection.getRangeAt(0).cloneRange();
-    if (domRange) {
-      domSelection.removeAllRanges();
-      domSelection.addRange(domRange);
-    }
-  }
-};
-var Mention = exports.Mention = function Mention(props) {
-  var accessLevel = props.accessLevel,
-    eventHandlers = props.eventHandlers,
-    id = props.id,
-    text = props.text,
-    localId = props.localId,
-    mentionProvider = props.mentionProvider,
-    profilecardProviderPromise = props.profilecardProvider;
-  var _useState = (0, _react.useState)(undefined),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    profilecardProvider = _useState2[0],
-    setProfilecardProvider = _useState2[1];
-  var resolvedName = useResolvedName(id, text, mentionProvider);
-
-  // Resolve the profilecard provider
-  (0, _react.useEffect)(function () {
-    var isCancelled = false;
-    var resolveProfilecardProvider = /*#__PURE__*/function () {
-      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var _profilecardProvider;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return profilecardProviderPromise;
-            case 3:
-              _profilecardProvider = _context.sent;
-              if (!isCancelled) {
-                setProfilecardProvider(_profilecardProvider);
-              }
-              _context.next = 10;
-              break;
-            case 7:
-              _context.prev = 7;
-              _context.t0 = _context["catch"](0);
-              if (!isCancelled) {
-                setProfilecardProvider(undefined);
-              }
-            case 10:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, null, [[0, 7]]);
-      }));
-      return function resolveProfilecardProvider() {
-        return _ref.apply(this, arguments);
-      };
-    }();
-    if (profilecardProviderPromise) {
-      resolveProfilecardProvider();
-    }
-    return function () {
-      isCancelled = true;
-    };
-  }, [profilecardProviderPromise]);
-  (0, _react.useEffect)(function () {
-    // Workaround an issue where the selection is not updated immediately after adding
-    // a mention when "sanitizePrivateContent" is enabled in the editor on safari.
-    // This affects both insertion and paste behaviour it is applied to the component.
-    // https://product-fabric.atlassian.net/browse/ED-14859
-    if (_browser.browser.safari) {
-      setTimeout(refreshBrowserSelection, 0);
-    }
-  }, []);
-  var actionHandlers = {};
-  ['onClick', 'onMouseEnter', 'onMouseLeave'].forEach(function (handler) {
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    actionHandlers[handler] = eventHandlers && eventHandlers[handler] || function () {};
-  });
-  if (profilecardProvider) {
-    return /*#__PURE__*/_react.default.createElement(_mention.MentionWithProfileCard, (0, _extends2.default)({
-      autoFocus: false,
-      id: id,
-      text: resolvedName,
-      accessLevel: accessLevel,
-      mentionProvider: mentionProvider,
-      profilecardProvider: profilecardProvider,
-      localId: localId
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
-    }, actionHandlers));
-  } else {
-    return /*#__PURE__*/_react.default.createElement(_element.ResourcedMention, (0, _extends2.default)({
-      id: id,
-      text: resolvedName,
-      accessLevel: accessLevel,
-      mentionProvider: mentionProvider,
-      localId: localId
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
-    }, actionHandlers));
-  }
-};
-var useResolvedName = function useResolvedName(id, text, mentionProvider) {
-  var _useState3 = (0, _react.useState)(text),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    resolvedName = _useState4[0],
-    setResolvedName = _useState4[1];
-  var processName = function processName(name) {
-    if (name.status === _resource.MentionNameStatus.OK) {
-      return "@".concat(name.name || '');
-    } else {
-      return "@_|unknown|_";
-    }
-  };
-  (0, _react.useEffect)(function () {
-    if (mentionProvider) {
-      mentionProvider.then( /*#__PURE__*/function () {
-        var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(provider) {
-          var nameDetail;
-          return _regenerator.default.wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                if (!(!text && (0, _resource.isResolvingMentionProvider)(provider))) {
-                  _context2.next = 13;
-                  break;
-                }
-                nameDetail = provider.resolveMentionName(id);
-                if (!(0, _types.isPromise)(nameDetail)) {
-                  _context2.next = 10;
-                  break;
-                }
-                _context2.t0 = processName;
-                _context2.next = 6;
-                return nameDetail;
-              case 6:
-                _context2.t1 = _context2.sent;
-                return _context2.abrupt("return", (0, _context2.t0)(_context2.t1));
-              case 10:
-                return _context2.abrupt("return", processName(nameDetail));
-              case 11:
-                _context2.next = 14;
-                break;
-              case 13:
-                return _context2.abrupt("return", text);
-              case 14:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }));
-        return function (_x) {
-          return _ref2.apply(this, arguments);
-        };
-      }()).then(function (resolvedName) {
-        setResolvedName(resolvedName);
-      });
-    }
-  }, [id, text, mentionProvider]);
-  return resolvedName;
-};

package/dist/es2019/nodeviews/mention.js

@@ -1,51 +0,0 @@
-import React from 'react';
-import { useSharedPluginState, sharedPluginStateHookMigratorFactory } from '@atlaskit/editor-common/hooks';
-import { WithProviders } from '@atlaskit/editor-common/provider-factory';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
-import { Mention } from '../ui/Mention';
-const useSharedMentionState = sharedPluginStateHookMigratorFactory(api => {
-  const mentionProvider = useSharedPluginStateSelector(api, 'mention.mentionProvider');
-  return {
-    mentionProvider
-  };
-}, api => {
-  const {
-    mentionState
-  } = useSharedPluginState(api, ['mention']);
-  return {
-    mentionProvider: mentionState === null || mentionState === void 0 ? void 0 : mentionState.mentionProvider
-  };
-});
-export const MentionNodeView = props => {
-  const {
-    providerFactory,
-    pluginInjectionApi
-  } = props;
-  const {
-    id,
-    text,
-    accessLevel,
-    localId
-  } = props.node.attrs;
-  const {
-    mentionProvider
-  } = useSharedMentionState(pluginInjectionApi);
-  const renderAssistiveTextWithProviders = providers => {
-    var _props$options;
-    const mentionProviderPromise = mentionProvider ? Promise.resolve(mentionProvider) : providers.mentionProvider;
-    const profilecardProvider = (_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.profilecardProvider;
-    return /*#__PURE__*/React.createElement(Mention, {
-      id: id,
-      text: text,
-      accessLevel: accessLevel,
-      mentionProvider: mentionProviderPromise,
-      profilecardProvider: profilecardProvider,
-      localId: localId
-    });
-  };
-  return /*#__PURE__*/React.createElement(WithProviders, {
-    providers: ['mentionProvider', 'profilecardProvider'],
-    providerFactory: providerFactory,
-    renderNode: renderAssistiveTextWithProviders
-  });
-};

package/dist/es2019/ui/Mention/index.js

@@ -1,123 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useEffect, useState } from 'react';
-import { browser } from '@atlaskit/editor-common/browser';
-import { MentionWithProfileCard } from '@atlaskit/editor-common/mention';
-import { ResourcedMention } from '@atlaskit/mention/element';
-import { isResolvingMentionProvider, MentionNameStatus } from '@atlaskit/mention/resource';
-import { isPromise } from '@atlaskit/mention/types';
-
-// Workaround for a firefox issue where dom selection is off sync
-// https://product-fabric.atlassian.net/browse/ED-12442
-const refreshBrowserSelection = () => {
-  const domSelection = window.getSelection();
-  if (domSelection) {
-    const domRange = domSelection && domSelection.rangeCount === 1 && domSelection.getRangeAt(0).cloneRange();
-    if (domRange) {
-      domSelection.removeAllRanges();
-      domSelection.addRange(domRange);
-    }
-  }
-};
-export const Mention = props => {
-  const {
-    accessLevel,
-    eventHandlers,
-    id,
-    text,
-    localId,
-    mentionProvider,
-    profilecardProvider: profilecardProviderPromise
-  } = props;
-  const [profilecardProvider, setProfilecardProvider] = useState(undefined);
-  const resolvedName = useResolvedName(id, text, mentionProvider);
-
-  // Resolve the profilecard provider
-  useEffect(() => {
-    let isCancelled = false;
-    const resolveProfilecardProvider = async () => {
-      try {
-        const profilecardProvider = await profilecardProviderPromise;
-        if (!isCancelled) {
-          setProfilecardProvider(profilecardProvider);
-        }
-      } catch (error) {
-        if (!isCancelled) {
-          setProfilecardProvider(undefined);
-        }
-      }
-    };
-    if (profilecardProviderPromise) {
-      resolveProfilecardProvider();
-    }
-    return () => {
-      isCancelled = true;
-    };
-  }, [profilecardProviderPromise]);
-  useEffect(() => {
-    // Workaround an issue where the selection is not updated immediately after adding
-    // a mention when "sanitizePrivateContent" is enabled in the editor on safari.
-    // This affects both insertion and paste behaviour it is applied to the component.
-    // https://product-fabric.atlassian.net/browse/ED-14859
-    if (browser.safari) {
-      setTimeout(refreshBrowserSelection, 0);
-    }
-  }, []);
-  const actionHandlers = {};
-  ['onClick', 'onMouseEnter', 'onMouseLeave'].forEach(handler => {
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    actionHandlers[handler] = eventHandlers && eventHandlers[handler] || (() => {});
-  });
-  if (profilecardProvider) {
-    return /*#__PURE__*/React.createElement(MentionWithProfileCard, _extends({
-      autoFocus: false,
-      id: id,
-      text: resolvedName,
-      accessLevel: accessLevel,
-      mentionProvider: mentionProvider,
-      profilecardProvider: profilecardProvider,
-      localId: localId
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
-    }, actionHandlers));
-  } else {
-    return /*#__PURE__*/React.createElement(ResourcedMention, _extends({
-      id: id,
-      text: resolvedName,
-      accessLevel: accessLevel,
-      mentionProvider: mentionProvider,
-      localId: localId
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
-    }, actionHandlers));
-  }
-};
-const useResolvedName = (id, text, mentionProvider) => {
-  const [resolvedName, setResolvedName] = useState(text);
-  const processName = name => {
-    if (name.status === MentionNameStatus.OK) {
-      return `@${name.name || ''}`;
-    } else {
-      return `@_|unknown|_`;
-    }
-  };
-  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 resolvedName;
-};

package/dist/esm/nodeviews/mention.js

@@ -1,46 +0,0 @@
-import React from 'react';
-import { useSharedPluginState, sharedPluginStateHookMigratorFactory } from '@atlaskit/editor-common/hooks';
-import { WithProviders } from '@atlaskit/editor-common/provider-factory';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
-import { Mention } from '../ui/Mention';
-var useSharedMentionState = sharedPluginStateHookMigratorFactory(function (api) {
-  var mentionProvider = useSharedPluginStateSelector(api, 'mention.mentionProvider');
-  return {
-    mentionProvider: mentionProvider
-  };
-}, function (api) {
-  var _useSharedPluginState = useSharedPluginState(api, ['mention']),
-    mentionState = _useSharedPluginState.mentionState;
-  return {
-    mentionProvider: mentionState === null || mentionState === void 0 ? void 0 : mentionState.mentionProvider
-  };
-});
-export var MentionNodeView = function MentionNodeView(props) {
-  var providerFactory = props.providerFactory,
-    pluginInjectionApi = props.pluginInjectionApi;
-  var _props$node$attrs = props.node.attrs,
-    id = _props$node$attrs.id,
-    text = _props$node$attrs.text,
-    accessLevel = _props$node$attrs.accessLevel,
-    localId = _props$node$attrs.localId;
-  var _useSharedMentionStat = useSharedMentionState(pluginInjectionApi),
-    mentionProvider = _useSharedMentionStat.mentionProvider;
-  var renderAssistiveTextWithProviders = function renderAssistiveTextWithProviders(providers) {
-    var _props$options;
-    var mentionProviderPromise = mentionProvider ? Promise.resolve(mentionProvider) : providers.mentionProvider;
-    var profilecardProvider = (_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.profilecardProvider;
-    return /*#__PURE__*/React.createElement(Mention, {
-      id: id,
-      text: text,
-      accessLevel: accessLevel,
-      mentionProvider: mentionProviderPromise,
-      profilecardProvider: profilecardProvider,
-      localId: localId
-    });
-  };
-  return /*#__PURE__*/React.createElement(WithProviders, {
-    providers: ['mentionProvider', 'profilecardProvider'],
-    providerFactory: providerFactory,
-    renderNode: renderAssistiveTextWithProviders
-  });
-};

package/dist/esm/ui/Mention/index.js

@@ -1,176 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-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 { browser } from '@atlaskit/editor-common/browser';
-import { MentionWithProfileCard } from '@atlaskit/editor-common/mention';
-import { ResourcedMention } from '@atlaskit/mention/element';
-import { isResolvingMentionProvider, MentionNameStatus } from '@atlaskit/mention/resource';
-import { isPromise } from '@atlaskit/mention/types';
-
-// Workaround for a firefox issue where dom selection is off sync
-// https://product-fabric.atlassian.net/browse/ED-12442
-var refreshBrowserSelection = function refreshBrowserSelection() {
-  var domSelection = window.getSelection();
-  if (domSelection) {
-    var domRange = domSelection && domSelection.rangeCount === 1 && domSelection.getRangeAt(0).cloneRange();
-    if (domRange) {
-      domSelection.removeAllRanges();
-      domSelection.addRange(domRange);
-    }
-  }
-};
-export var Mention = function Mention(props) {
-  var accessLevel = props.accessLevel,
-    eventHandlers = props.eventHandlers,
-    id = props.id,
-    text = props.text,
-    localId = props.localId,
-    mentionProvider = props.mentionProvider,
-    profilecardProviderPromise = props.profilecardProvider;
-  var _useState = useState(undefined),
-    _useState2 = _slicedToArray(_useState, 2),
-    profilecardProvider = _useState2[0],
-    setProfilecardProvider = _useState2[1];
-  var resolvedName = useResolvedName(id, text, mentionProvider);
-
-  // Resolve the profilecard provider
-  useEffect(function () {
-    var isCancelled = false;
-    var resolveProfilecardProvider = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var _profilecardProvider;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return profilecardProviderPromise;
-            case 3:
-              _profilecardProvider = _context.sent;
-              if (!isCancelled) {
-                setProfilecardProvider(_profilecardProvider);
-              }
-              _context.next = 10;
-              break;
-            case 7:
-              _context.prev = 7;
-              _context.t0 = _context["catch"](0);
-              if (!isCancelled) {
-                setProfilecardProvider(undefined);
-              }
-            case 10:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, null, [[0, 7]]);
-      }));
-      return function resolveProfilecardProvider() {
-        return _ref.apply(this, arguments);
-      };
-    }();
-    if (profilecardProviderPromise) {
-      resolveProfilecardProvider();
-    }
-    return function () {
-      isCancelled = true;
-    };
-  }, [profilecardProviderPromise]);
-  useEffect(function () {
-    // Workaround an issue where the selection is not updated immediately after adding
-    // a mention when "sanitizePrivateContent" is enabled in the editor on safari.
-    // This affects both insertion and paste behaviour it is applied to the component.
-    // https://product-fabric.atlassian.net/browse/ED-14859
-    if (browser.safari) {
-      setTimeout(refreshBrowserSelection, 0);
-    }
-  }, []);
-  var actionHandlers = {};
-  ['onClick', 'onMouseEnter', 'onMouseLeave'].forEach(function (handler) {
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    actionHandlers[handler] = eventHandlers && eventHandlers[handler] || function () {};
-  });
-  if (profilecardProvider) {
-    return /*#__PURE__*/React.createElement(MentionWithProfileCard, _extends({
-      autoFocus: false,
-      id: id,
-      text: resolvedName,
-      accessLevel: accessLevel,
-      mentionProvider: mentionProvider,
-      profilecardProvider: profilecardProvider,
-      localId: localId
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
-    }, actionHandlers));
-  } else {
-    return /*#__PURE__*/React.createElement(ResourcedMention, _extends({
-      id: id,
-      text: resolvedName,
-      accessLevel: accessLevel,
-      mentionProvider: mentionProvider,
-      localId: localId
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
-    }, actionHandlers));
-  }
-};
-var useResolvedName = function useResolvedName(id, text, mentionProvider) {
-  var _useState3 = useState(text),
-    _useState4 = _slicedToArray(_useState3, 2),
-    resolvedName = _useState4[0],
-    setResolvedName = _useState4[1];
-  var processName = function processName(name) {
-    if (name.status === MentionNameStatus.OK) {
-      return "@".concat(name.name || '');
-    } else {
-      return "@_|unknown|_";
-    }
-  };
-  useEffect(function () {
-    if (mentionProvider) {
-      mentionProvider.then( /*#__PURE__*/function () {
-        var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(provider) {
-          var nameDetail;
-          return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                if (!(!text && isResolvingMentionProvider(provider))) {
-                  _context2.next = 13;
-                  break;
-                }
-                nameDetail = provider.resolveMentionName(id);
-                if (!isPromise(nameDetail)) {
-                  _context2.next = 10;
-                  break;
-                }
-                _context2.t0 = processName;
-                _context2.next = 6;
-                return nameDetail;
-              case 6:
-                _context2.t1 = _context2.sent;
-                return _context2.abrupt("return", (0, _context2.t0)(_context2.t1));
-              case 10:
-                return _context2.abrupt("return", processName(nameDetail));
-              case 11:
-                _context2.next = 14;
-                break;
-              case 13:
-                return _context2.abrupt("return", text);
-              case 14:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }));
-        return function (_x) {
-          return _ref2.apply(this, arguments);
-        };
-      }()).then(function (resolvedName) {
-        setResolvedName(resolvedName);
-      });
-    }
-  }, [id, text, mentionProvider]);
-  return resolvedName;
-};

package/dist/types/nodeviews/mention.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import type { InlineNodeViewComponentProps } from '@atlaskit/editor-common/react-node-view';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { MentionsPlugin } from '../mentionsPluginType';
-import type { MentionPluginOptions } from '../types';
-export type Props = InlineNodeViewComponentProps & {
-    options: MentionPluginOptions | undefined;
-    providerFactory: ProviderFactory;
-    pluginInjectionApi?: ExtractInjectionAPI<MentionsPlugin>;
-};
-export declare const MentionNodeView: (props: Props) => React.JSX.Element;

package/dist/types/ui/Mention/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { type ProfilecardProvider } from '@atlaskit/editor-common/provider-factory';
-import type { MentionEventHandlers } from '@atlaskit/editor-common/ui';
-import { type MentionProvider } from '@atlaskit/mention/resource';
-export interface MentionProps {
-    id: string;
-    eventHandlers?: MentionEventHandlers;
-    text: string;
-    accessLevel?: string;
-    localId?: string;
-    mentionProvider?: Promise<MentionProvider>;
-    profilecardProvider?: Promise<ProfilecardProvider>;
-}
-export declare const Mention: (props: MentionProps) => React.JSX.Element;

package/dist/types-ts4.5/nodeviews/mention.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import type { InlineNodeViewComponentProps } from '@atlaskit/editor-common/react-node-view';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { MentionsPlugin } from '../mentionsPluginType';
-import type { MentionPluginOptions } from '../types';
-export type Props = InlineNodeViewComponentProps & {
-    options: MentionPluginOptions | undefined;
-    providerFactory: ProviderFactory;
-    pluginInjectionApi?: ExtractInjectionAPI<MentionsPlugin>;
-};
-export declare const MentionNodeView: (props: Props) => React.JSX.Element;

package/dist/types-ts4.5/ui/Mention/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { type ProfilecardProvider } from '@atlaskit/editor-common/provider-factory';
-import type { MentionEventHandlers } from '@atlaskit/editor-common/ui';
-import { type MentionProvider } from '@atlaskit/mention/resource';
-export interface MentionProps {
-    id: string;
-    eventHandlers?: MentionEventHandlers;
-    text: string;
-    accessLevel?: string;
-    localId?: string;
-    mentionProvider?: Promise<MentionProvider>;
-    profilecardProvider?: Promise<ProfilecardProvider>;
-}
-export declare const Mention: (props: MentionProps) => React.JSX.Element;