@atlaskit/editor-plugin-mentions 12.1.17 → 12.2.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-mentions
 
+## 12.2.1
+
+### Patch Changes
+
+- [`5a9b171d2d780`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5a9b171d2d780) -
+  Adds a feature-gated change to user mentions so clicking a user mention navigates to the user's
+  profile instead of showing the in-editor profile card. Consumers can optionally supply a custom
+  card renderer via `ProfilecardProvider.renderUserMentionCard` to inject their own profile card UI
+  in place of the default link, applied consistently when viewing or editing content.
+- Updated dependencies
+
+## 12.2.0
+
+### Minor Changes
+
+- [`a94a013546f69`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a94a013546f69) -
+  Autofix: add explicit package exports (barrel removal)
+
 ## 12.1.17
 
 ### Patch Changes

package/dist/cjs/entry-points/editor-commands.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/entry-points/mentions-plugin-type.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/entry-points/mentions-plugin.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "mentionsPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _mentionsPlugin.mentionsPlugin;
+  }
+});
+var _mentionsPlugin = require("../mentionsPlugin");

package/dist/cjs/entry-points/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/nodeviews/profileCardRenderer.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 var _bindEventListener = require("bind-event-listener");
 var _v = _interopRequireDefault(require("uuid/v4"));
 var _state = require("@atlaskit/editor-prosemirror/state");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _navigation = require("@atlaskit/teams-app-config/navigation");
 var _ProfileCardComponent = require("../ui/ProfileCardComponent");
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 
@@ -19,6 +21,7 @@ var profileCardRenderer = exports.profileCardRenderer = function profileCardRend
     node = _ref.node,
     api = _ref.api;
   var renderingProfileCard = false;
+  var navigatingToProfile = false;
   // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   var key = (0, _v.default)();
   var cleanupSelection;
@@ -34,8 +37,63 @@ var profileCardRenderer = exports.profileCardRenderer = function profileCardRend
   var listenerCleanup = (0, _bindEventListener.bind)(dom, {
     type: 'click',
     listener: function listener() {
+      if ((0, _platformFeatureFlags.fg)('people-teams_migrate-user-profile-card')) {
+        var _node$attrs;
+        var userId = (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.id;
+        if (userId) {
+          var _options$profilecardP;
+          navigatingToProfile = false;
+          options === null || options === void 0 || (_options$profilecardP = options.profilecardProvider) === null || _options$profilecardP === void 0 || _options$profilecardP.then(function (provider) {
+            // If a consumer (e.g. Confluence) has supplied a custom profile card
+            // renderer, render it into the portal instead of navigating away. The
+            // consumer owns its own popup/positioning behavior - subsequent clicks
+            // while the card is already open are no-ops here so the card's own
+            // outside-click / toggle logic can take over.
+            if (provider.renderUserMentionCard) {
+              if (dom instanceof HTMLElement && !renderingProfileCard) {
+                var _api$selection;
+                dom.setAttribute('aria-expanded', 'true');
+                renderingProfileCard = true;
+                portalProviderAPI.render(function () {
+                  var _provider$renderUserM;
+                  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (_provider$renderUserM = provider.renderUserMentionCard) === null || _provider$renderUserM === void 0 ? void 0 : _provider$renderUserM.call(provider, {
+                    userId: userId,
+                    cloudId: provider.cloudId,
+                    children: null,
+                    referenceElement: dom
+                  }));
+                }, dom, key);
+                cleanupSelection = api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.sharedState.onChange(function (_ref2) {
+                  var nextSharedState = _ref2.nextSharedState;
+                  var selection = nextSharedState === null || nextSharedState === void 0 ? void 0 : nextSharedState.selection;
+                  if (selection instanceof _state.NodeSelection ? selection.node === node : false) {
+                    return;
+                  }
+                  removeProfileCard === null || removeProfileCard === void 0 || removeProfileCard();
+                });
+              }
+              return;
+            }
+            if (navigatingToProfile) {
+              return;
+            }
+            navigatingToProfile = true;
+            var _navigateToTeamsApp = (0, _navigation.navigateToTeamsApp)({
+                type: 'USER',
+                payload: {
+                  userId: userId
+                },
+                cloudId: provider.cloudId
+              }),
+              href = _navigateToTeamsApp.href,
+              target = _navigateToTeamsApp.target;
+            window.open(href, target, 'noopener,noreferrer');
+          });
+        }
+        return;
+      }
       if (dom instanceof HTMLElement && options !== null && options !== void 0 && options.profilecardProvider && !renderingProfileCard) {
-        var _api$selection;
+        var _api$selection2;
         dom.setAttribute('aria-expanded', 'true');
         renderingProfileCard = true;
         portalProviderAPI.render(function () {
@@ -49,8 +107,8 @@ var profileCardRenderer = exports.profileCardRenderer = function profileCardRend
         // If we change the selection we should also remove the profile card. The "deselectNode"
         // should usually catch this, but it's possible (ie. on triple click) for this not to be called
         // which means the profile card gets stuck open until you click + change selection
-        cleanupSelection = api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.sharedState.onChange(function (_ref2) {
-          var nextSharedState = _ref2.nextSharedState;
+        cleanupSelection = api === null || api === void 0 || (_api$selection2 = api.selection) === null || _api$selection2 === void 0 ? void 0 : _api$selection2.sharedState.onChange(function (_ref3) {
+          var nextSharedState = _ref3.nextSharedState;
           var selection = nextSharedState === null || nextSharedState === void 0 ? void 0 : nextSharedState.selection;
           if (selection instanceof _state.NodeSelection ? selection.node === node : false) {
             return;

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

@@ -23,7 +23,7 @@ var ACTIONS = exports.ACTIONS = {
   SET_PROVIDER: 'SET_PROVIDER'
 };
 var PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-var PACKAGE_VERSION = "12.1.16";
+var PACKAGE_VERSION = "12.2.0";
 var setProvider = function setProvider(provider) {
   return function (state, dispatch) {
     if (dispatch) {

package/dist/es2019/entry-points/mentions-plugin.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { mentionsPlugin } from '../mentionsPlugin';

package/dist/es2019/nodeviews/profileCardRenderer.js

@@ -3,6 +3,8 @@ import { bind } from 'bind-event-listener';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { navigateToTeamsApp } from '@atlaskit/teams-app-config/navigation';
 import { ProfileCardComponent } from '../ui/ProfileCardComponent';
 export const profileCardRenderer = ({
   dom,
@@ -12,6 +14,7 @@ export const profileCardRenderer = ({
   api
 }) => {
   let renderingProfileCard = false;
+  let navigatingToProfile = false;
   // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   const key = uuid();
   let cleanupSelection;
@@ -27,8 +30,65 @@ export const profileCardRenderer = ({
   const listenerCleanup = bind(dom, {
     type: 'click',
     listener: () => {
+      if (fg('people-teams_migrate-user-profile-card')) {
+        var _node$attrs;
+        const userId = (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.id;
+        if (userId) {
+          var _options$profilecardP;
+          navigatingToProfile = false;
+          options === null || options === void 0 ? void 0 : (_options$profilecardP = options.profilecardProvider) === null || _options$profilecardP === void 0 ? void 0 : _options$profilecardP.then(provider => {
+            // If a consumer (e.g. Confluence) has supplied a custom profile card
+            // renderer, render it into the portal instead of navigating away. The
+            // consumer owns its own popup/positioning behavior - subsequent clicks
+            // while the card is already open are no-ops here so the card's own
+            // outside-click / toggle logic can take over.
+            if (provider.renderUserMentionCard) {
+              if (dom instanceof HTMLElement && !renderingProfileCard) {
+                var _api$selection;
+                dom.setAttribute('aria-expanded', 'true');
+                renderingProfileCard = true;
+                portalProviderAPI.render(() => {
+                  var _provider$renderUserM;
+                  return /*#__PURE__*/React.createElement(React.Fragment, null, (_provider$renderUserM = provider.renderUserMentionCard) === null || _provider$renderUserM === void 0 ? void 0 : _provider$renderUserM.call(provider, {
+                    userId,
+                    cloudId: provider.cloudId,
+                    children: null,
+                    referenceElement: dom
+                  }));
+                }, dom, key);
+                cleanupSelection = api === null || api === void 0 ? void 0 : (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.sharedState.onChange(({
+                  nextSharedState
+                }) => {
+                  const selection = nextSharedState === null || nextSharedState === void 0 ? void 0 : nextSharedState.selection;
+                  if (selection instanceof NodeSelection ? selection.node === node : false) {
+                    return;
+                  }
+                  removeProfileCard === null || removeProfileCard === void 0 ? void 0 : removeProfileCard();
+                });
+              }
+              return;
+            }
+            if (navigatingToProfile) {
+              return;
+            }
+            navigatingToProfile = true;
+            const {
+              href,
+              target
+            } = navigateToTeamsApp({
+              type: 'USER',
+              payload: {
+                userId
+              },
+              cloudId: provider.cloudId
+            });
+            window.open(href, target, 'noopener,noreferrer');
+          });
+        }
+        return;
+      }
       if (dom instanceof HTMLElement && options !== null && options !== void 0 && options.profilecardProvider && !renderingProfileCard) {
-        var _api$selection;
+        var _api$selection2;
         dom.setAttribute('aria-expanded', 'true');
         renderingProfileCard = true;
         portalProviderAPI.render(() => /*#__PURE__*/React.createElement(ProfileCardComponent, {
@@ -40,7 +100,7 @@ export const profileCardRenderer = ({
         // If we change the selection we should also remove the profile card. The "deselectNode"
         // should usually catch this, but it's possible (ie. on triple click) for this not to be called
         // which means the profile card gets stuck open until you click + change selection
-        cleanupSelection = api === null || api === void 0 ? void 0 : (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.sharedState.onChange(({
+        cleanupSelection = api === null || api === void 0 ? void 0 : (_api$selection2 = api.selection) === null || _api$selection2 === void 0 ? void 0 : _api$selection2.sharedState.onChange(({
           nextSharedState
         }) => {
           const selection = nextSharedState === null || nextSharedState === void 0 ? void 0 : nextSharedState.selection;

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

@@ -12,7 +12,7 @@ export const ACTIONS = {
   SET_PROVIDER: 'SET_PROVIDER'
 };
 const PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-const PACKAGE_VERSION = "12.1.16";
+const PACKAGE_VERSION = "12.2.0";
 const setProvider = provider => (state, dispatch) => {
   if (dispatch) {
     dispatch(state.tr.setMeta(mentionPluginKey, {

package/dist/esm/entry-points/mentions-plugin.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { mentionsPlugin } from '../mentionsPlugin';

package/dist/esm/nodeviews/profileCardRenderer.js

@@ -3,6 +3,8 @@ import { bind } from 'bind-event-listener';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { navigateToTeamsApp } from '@atlaskit/teams-app-config/navigation';
 import { ProfileCardComponent } from '../ui/ProfileCardComponent';
 export var profileCardRenderer = function profileCardRenderer(_ref) {
   var dom = _ref.dom,
@@ -11,6 +13,7 @@ export var profileCardRenderer = function profileCardRenderer(_ref) {
     node = _ref.node,
     api = _ref.api;
   var renderingProfileCard = false;
+  var navigatingToProfile = false;
   // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   var key = uuid();
   var cleanupSelection;
@@ -26,8 +29,63 @@ export var profileCardRenderer = function profileCardRenderer(_ref) {
   var listenerCleanup = bind(dom, {
     type: 'click',
     listener: function listener() {
+      if (fg('people-teams_migrate-user-profile-card')) {
+        var _node$attrs;
+        var userId = (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.id;
+        if (userId) {
+          var _options$profilecardP;
+          navigatingToProfile = false;
+          options === null || options === void 0 || (_options$profilecardP = options.profilecardProvider) === null || _options$profilecardP === void 0 || _options$profilecardP.then(function (provider) {
+            // If a consumer (e.g. Confluence) has supplied a custom profile card
+            // renderer, render it into the portal instead of navigating away. The
+            // consumer owns its own popup/positioning behavior - subsequent clicks
+            // while the card is already open are no-ops here so the card's own
+            // outside-click / toggle logic can take over.
+            if (provider.renderUserMentionCard) {
+              if (dom instanceof HTMLElement && !renderingProfileCard) {
+                var _api$selection;
+                dom.setAttribute('aria-expanded', 'true');
+                renderingProfileCard = true;
+                portalProviderAPI.render(function () {
+                  var _provider$renderUserM;
+                  return /*#__PURE__*/React.createElement(React.Fragment, null, (_provider$renderUserM = provider.renderUserMentionCard) === null || _provider$renderUserM === void 0 ? void 0 : _provider$renderUserM.call(provider, {
+                    userId: userId,
+                    cloudId: provider.cloudId,
+                    children: null,
+                    referenceElement: dom
+                  }));
+                }, dom, key);
+                cleanupSelection = api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.sharedState.onChange(function (_ref2) {
+                  var nextSharedState = _ref2.nextSharedState;
+                  var selection = nextSharedState === null || nextSharedState === void 0 ? void 0 : nextSharedState.selection;
+                  if (selection instanceof NodeSelection ? selection.node === node : false) {
+                    return;
+                  }
+                  removeProfileCard === null || removeProfileCard === void 0 || removeProfileCard();
+                });
+              }
+              return;
+            }
+            if (navigatingToProfile) {
+              return;
+            }
+            navigatingToProfile = true;
+            var _navigateToTeamsApp = navigateToTeamsApp({
+                type: 'USER',
+                payload: {
+                  userId: userId
+                },
+                cloudId: provider.cloudId
+              }),
+              href = _navigateToTeamsApp.href,
+              target = _navigateToTeamsApp.target;
+            window.open(href, target, 'noopener,noreferrer');
+          });
+        }
+        return;
+      }
       if (dom instanceof HTMLElement && options !== null && options !== void 0 && options.profilecardProvider && !renderingProfileCard) {
-        var _api$selection;
+        var _api$selection2;
         dom.setAttribute('aria-expanded', 'true');
         renderingProfileCard = true;
         portalProviderAPI.render(function () {
@@ -41,8 +99,8 @@ export var profileCardRenderer = function profileCardRenderer(_ref) {
         // If we change the selection we should also remove the profile card. The "deselectNode"
         // should usually catch this, but it's possible (ie. on triple click) for this not to be called
         // which means the profile card gets stuck open until you click + change selection
-        cleanupSelection = api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : _api$selection.sharedState.onChange(function (_ref2) {
-          var nextSharedState = _ref2.nextSharedState;
+        cleanupSelection = api === null || api === void 0 || (_api$selection2 = api.selection) === null || _api$selection2 === void 0 ? void 0 : _api$selection2.sharedState.onChange(function (_ref3) {
+          var nextSharedState = _ref3.nextSharedState;
           var selection = nextSharedState === null || nextSharedState === void 0 ? void 0 : nextSharedState.selection;
           if (selection instanceof NodeSelection ? selection.node === node : false) {
             return;

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

@@ -15,7 +15,7 @@ export var ACTIONS = {
   SET_PROVIDER: 'SET_PROVIDER'
 };
 var PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-var PACKAGE_VERSION = "12.1.16";
+var PACKAGE_VERSION = "12.2.0";
 var setProvider = function setProvider(provider) {
   return function (state, dispatch) {
     if (dispatch) {

package/dist/types/entry-points/editor-commands.d.ts

@@ -0,0 +1 @@
+export type { InsertMentionParameters } from '../editor-commands/index';

package/dist/types/entry-points/mentions-plugin-type.d.ts

@@ -0,0 +1 @@
+export type { MentionsPlugin, MentionPluginDependencies, MentionActions, } from '../mentionsPluginType';

package/dist/types/entry-points/mentions-plugin.d.ts

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

package/dist/types/entry-points/types.d.ts

@@ -0,0 +1 @@
+export type { MentionPluginConfig, MentionPluginOptions, MentionsPluginOptions, MentionSharedState, MentionsChangedHandler, } from '../types/index';

package/dist/types-ts4.5/entry-points/editor-commands.d.ts

@@ -0,0 +1 @@
+export type { InsertMentionParameters } from '../editor-commands/index';

package/dist/types-ts4.5/entry-points/mentions-plugin-type.d.ts

@@ -0,0 +1 @@
+export type { MentionsPlugin, MentionPluginDependencies, MentionActions, } from '../mentionsPluginType';

package/dist/types-ts4.5/entry-points/mentions-plugin.d.ts

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

package/dist/types-ts4.5/entry-points/types.d.ts

@@ -0,0 +1 @@
+export type { MentionPluginConfig, MentionPluginOptions, MentionsPluginOptions, MentionSharedState, MentionsChangedHandler, } from '../types/index';

package/editor-commands/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/editor-plugin-mentions/editor-commands",
+  "main": "../dist/cjs/entry-points/editor-commands.js",
+  "module": "../dist/esm/entry-points/editor-commands.js",
+  "module:es2019": "../dist/es2019/entry-points/editor-commands.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/editor-commands.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/editor-commands.d.ts"
+      ]
+    }
+  }
+}

package/mentions-plugin/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/editor-plugin-mentions/mentions-plugin",
+  "main": "../dist/cjs/entry-points/mentions-plugin.js",
+  "module": "../dist/esm/entry-points/mentions-plugin.js",
+  "module:es2019": "../dist/es2019/entry-points/mentions-plugin.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/mentions-plugin.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/mentions-plugin.d.ts"
+      ]
+    }
+  }
+}

package/mentions-plugin-type/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/editor-plugin-mentions/mentions-plugin-type",
+  "main": "../dist/cjs/entry-points/mentions-plugin-type.js",
+  "module": "../dist/esm/entry-points/mentions-plugin-type.js",
+  "module:es2019": "../dist/es2019/entry-points/mentions-plugin-type.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/mentions-plugin-type.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/mentions-plugin-type.d.ts"
+      ]
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-mentions",
-	"version": "12.1.17",
+	"version": "12.2.1",
 	"description": "Mentions plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,22 +32,23 @@
 		"@atlaskit/adf-schema": "^52.11.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/editor-plugin-analytics": "^10.0.0",
-		"@atlaskit/editor-plugin-base": "^11.0.0",
-		"@atlaskit/editor-plugin-context-identifier": "^10.0.0",
-		"@atlaskit/editor-plugin-selection": "^10.0.0",
-		"@atlaskit/editor-plugin-type-ahead": "^10.0.0",
+		"@atlaskit/editor-plugin-base": "^11.1.0",
+		"@atlaskit/editor-plugin-context-identifier": "^10.1.0",
+		"@atlaskit/editor-plugin-selection": "^10.1.0",
+		"@atlaskit/editor-plugin-type-ahead": "^10.1.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/icon": "^34.5.0",
 		"@atlaskit/insm": "^0.4.0",
 		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/mention": "^25.0.0",
+		"@atlaskit/mention": "^25.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.2.0",
 		"@atlaskit/portal": "^5.5.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/profilecard": "^25.5.0",
+		"@atlaskit/profilecard": "^25.6.0",
+		"@atlaskit/teams-app-config": "^1.12.0",
 		"@atlaskit/theme": "^23.2.0",
-		"@atlaskit/tmp-editor-statsig": "^80.0.0",
+		"@atlaskit/tmp-editor-statsig": "^80.3.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/user-picker": "^12.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -116,6 +117,9 @@
 		},
 		"jira_invites_auto_tag_new_user_in_mentions_fg": {
 			"type": "boolean"
+		},
+		"people-teams_migrate-user-profile-card": {
+			"type": "boolean"
 		}
 	}
 }

package/types/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/editor-plugin-mentions/types",
+  "main": "../dist/cjs/entry-points/types.js",
+  "module": "../dist/esm/entry-points/types.js",
+  "module:es2019": "../dist/es2019/entry-points/types.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/types.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/types.d.ts"
+      ]
+    }
+  }
+}