@atlaskit/mention 24.2.3 → 24.2.5

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/mention
 
+## 24.2.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 24.2.4
+
+### Patch Changes
+
+- [#173636](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/173636)
+  [`22b85a186fb8a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22b85a186fb8a) -
+  SSR placeholder for mention profile card trigger
+
 ## 24.2.3
 
 ### Patch Changes

package/afm-volt/tsconfig.json

@@ -0,0 +1,66 @@
+{
+	"extends": "../../../../tsconfig.entry-points.volt.json",
+	"compilerOptions": {
+		"declaration": true,
+		"target": "es5",
+		"outDir": "../../../../../volt/tsDist/@atlaskit__mention/app",
+		"rootDir": "../",
+		"composite": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*"
+	],
+	"references": [
+		{
+			"path": "../../../analytics/analytics-gas-types/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../analytics/analytics-next/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/avatar/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/focus-ring/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/heading/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/icon/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/lozenge/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/primitives/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../people-and-teams/teams-avatar/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/theme/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tokens/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tooltip/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../../data/ufo-external/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../util-service-support/afm-volt/tsconfig.json"
+		}
+	]
+}

package/dist/cjs/components/Mention/ResourcedMention.js

@@ -124,7 +124,8 @@ var ResourcedMention = exports.default = /*#__PURE__*/function (_React$PureCompo
         localId: props.localId,
         onClick: props.onClick,
         onMouseEnter: props.onMouseEnter,
-        onMouseLeave: props.onMouseLeave
+        onMouseLeave: props.onMouseLeave,
+        ssrPlaceholderId: props.ssrPlaceholderId
       });
     }
   }]);

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.UNKNOWN_USER_ID = exports.MentionInternal = exports.ANALYTICS_HOVER_DELAY = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -13,6 +14,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _MessagesIntlProvider = _interopRequireDefault(require("../MessagesIntlProvider"));
 var _PrimitiveMention = _interopRequireDefault(require("./PrimitiveMention"));
 var _NoAccessTooltip = _interopRequireDefault(require("../NoAccessTooltip"));
@@ -135,15 +137,18 @@ var MentionInternal = exports.MentionInternal = /*#__PURE__*/function (_React$Pu
         "data-mention-type": mentionType,
         "data-mention-tooltip": showTooltip
       }, failedMention ? this.renderUnknownUserError(id) : text || '@...'));
+      var ssrPlaceholderProp = (0, _platformFeatureFlags.fg)('cc_mention_ssr_placeholder') ? {
+        'data-ssr-placeholder': props.ssrPlaceholderId
+      } : {};
       return /*#__PURE__*/_react.default.createElement(_ufoExperiences.UfoErrorBoundary, {
         id: id
-      }, /*#__PURE__*/_react.default.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
         id: localId,
         "data-mention-id": id,
         "data-local-id": localId,
         "data-access-level": accessLevel,
         spellCheck: false
-      }, /*#__PURE__*/_react.default.createElement(_MessagesIntlProvider.default, null, showTooltip ? /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
+      }, ssrPlaceholderProp), /*#__PURE__*/_react.default.createElement(_MessagesIntlProvider.default, null, showTooltip ? /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
         fallback: mentionComponent
       }, /*#__PURE__*/_react.default.createElement(_NoAccessTooltip.default, {
         name: text

package/dist/cjs/i18n/hr.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Croatian (Croatia) [hr-HR]
+var _default = exports.default = {
+  'fabric.elements.mentions.team.member.50plus': 'Tim • 50+ članova',
+  'fabric.elements.mentions.team.member.50plus.including.you': 'Tim • 50+ članova, uključujući tebe',
+  'fabric.elements.mentions.team.member.count': '{0, plural, one {Tim • 1 član} few {Tim • {0} člana} many {Tim • {0} članova} other {Tim • {0} članova}}',
+  'fabric.elements.mentions.team.member.count.including.you': '{0, plural, one {Tim • 1 član, uključujući tebe} few {Tim • {0} člana, uključujući tebe} many {Tim • {0} članova, uključujući tebe} other {Tim • {0} članova, uključujući tebe}}',
+  'fabric.elements.mentions.xproduct.mention.description': 'Potreban je pristup Confluenceu',
+  'fabric.mention.error.defaultAction': 'Pokušaj ponovno za nekoliko sekundi',
+  'fabric.mention.error.defaultHeadline': 'Nešto nije u redu',
+  'fabric.mention.error.differentText': 'Pokušaj unijeti drugi tekst',
+  'fabric.mention.error.loginAgain': 'Pokušaj se odjaviti, a zatim se ponovno prijaviti',
+  'fabric.mention.noAccess.label': 'Nema pristupa',
+  'fabric.mention.noAccess.warning': '{name} neće biti obaviješten jer nema pristup',
+  'fabric.mention.unknow.user.error': 'Nepoznati korisnik {userId}'
+};

package/dist/cjs/i18n/sl.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Slovenian (Slovenia) [sl-SI]
+var _default = exports.default = {
+  'fabric.elements.mentions.team.member.50plus': 'Ekipa • Več kot 50 članov',
+  'fabric.elements.mentions.team.member.50plus.including.you': 'Ekipa • Več kot 50 članov, vključno z vami',
+  'fabric.elements.mentions.team.member.count': '{0, plural, one {Ekipa • 1 član} two {Ekipa • {0} člana} few {Ekipa • {0} člani} other {Ekipa • {0} članov}}',
+  'fabric.elements.mentions.team.member.count.including.you': '{0, plural, one {Ekipa • 1 član, vključno z vami} two {Ekipa • {0} člana, vključno z vami} few {Ekipa • {0} člani, vključno z vami} other {Ekipa • {0} članov, vključno z vami}}',
+  'fabric.elements.mentions.xproduct.mention.description': 'Potrebuje dostop do storitve Confluence',
+  'fabric.mention.error.defaultAction': 'Poskusite znova čez nekaj sekund',
+  'fabric.mention.error.defaultHeadline': 'Prišlo je do napake',
+  'fabric.mention.error.differentText': 'Poskusite vnesti drugo besedilo',
+  'fabric.mention.error.loginAgain': 'Poskusite se odjaviti in se znova prijaviti',
+  'fabric.mention.noAccess.label': 'Ni dostopa',
+  'fabric.mention.noAccess.warning': 'Oseba {name} ne bo obveščana, ker nima dostopa',
+  'fabric.mention.unknow.user.error': 'Neznani uporabnik {userId}'
+};

package/dist/cjs/i18n/sr_RS.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Serbia) [sr-RS]
+var _default = exports.default = {
+  'fabric.elements.mentions.team.member.50plus': 'Tim • više od 50 članova',
+  'fabric.elements.mentions.team.member.50plus.including.you': 'Tim • više od 50 članova, uključujući vas',
+  'fabric.elements.mentions.team.member.count': '{0, plural, one {Tim • 1 član} few {Tim • {0} člana} many {Tim • {0} članova} other {Tim • {0} članova}}',
+  'fabric.elements.mentions.team.member.count.including.you': '{0, plural, one {Tim • 1 član, uključujući vas} few {Tim • {0} člana, uključujući vas} many {Tim • {0} članova, uključujući vas} other {Tim • {0} članova, uključujući vas}}',
+  'fabric.elements.mentions.xproduct.mention.description': 'Potreban pristup za Confluence',
+  'fabric.mention.error.defaultAction': 'Probajte ponovo za nekoliko sekundi',
+  'fabric.mention.error.defaultHeadline': 'Došlo je do greške',
+  'fabric.mention.error.differentText': 'Probajte da unesete drugi tekst',
+  'fabric.mention.error.loginAgain': 'Probajte da se odjavite i prijavite',
+  'fabric.mention.noAccess.label': 'Nema pristupa',
+  'fabric.mention.noAccess.warning': 'Korisnik {name} neće biti obavešten jer nema pristup',
+  'fabric.mention.unknow.user.error': 'Nepoznat korisnik {userId}'
+};

package/dist/cjs/i18n/sr_YR.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Cyrillic) [sr-YR]
+var _default = exports.default = {
+  'fabric.elements.mentions.team.member.50plus': 'Тим • више од 50 чланова',
+  'fabric.elements.mentions.team.member.50plus.including.you': 'Тим • више од 50 чланова, укључујући вас',
+  'fabric.elements.mentions.team.member.count': '{0, plural, one {Тим • 1 члан} other {Тим • {0} члана/ова}}',
+  'fabric.elements.mentions.team.member.count.including.you': '{0, plural, one {Тим • 1 члан, укључујући вас} other {Тим • {0} члана/ова, укључујући вас}}',
+  'fabric.elements.mentions.xproduct.mention.description': 'Потребан приступ за Confluence',
+  'fabric.mention.error.defaultAction': 'Пробајте поново за неколико секунди',
+  'fabric.mention.error.defaultHeadline': 'Дошло је до грешке',
+  'fabric.mention.error.differentText': 'Пробајте да унесете други текст',
+  'fabric.mention.error.loginAgain': 'Пробајте да се одјавите и пријавите',
+  'fabric.mention.noAccess.label': 'Нема приступа',
+  'fabric.mention.noAccess.warning': 'Корисник {name} неће бити обавештен јер нема приступ',
+  'fabric.mention.unknow.user.error': 'Непознат корисник {userId}'
+};

package/dist/cjs/util/analytics.js

@@ -12,7 +12,7 @@ var _types = require("../types");
 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) { (0, _defineProperty2.default)(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; }
 var packageName = "@atlaskit/mention";
-var packageVersion = "24.2.3";
+var packageVersion = "24.2.4";
 var SLI_EVENT_TYPE = exports.SLI_EVENT_TYPE = 'sli';
 var SMART_EVENT_TYPE = exports.SMART_EVENT_TYPE = 'smart';
 var fireAnalyticsMentionTypeaheadEvent = exports.fireAnalyticsMentionTypeaheadEvent = function fireAnalyticsMentionTypeaheadEvent(props) {

package/dist/es2019/components/Mention/ResourcedMention.js

@@ -98,7 +98,8 @@ export default class ResourcedMention extends React.PureComponent {
       localId: props.localId,
       onClick: props.onClick,
       onMouseEnter: props.onMouseEnter,
-      onMouseLeave: props.onMouseLeave
+      onMouseLeave: props.onMouseLeave,
+      ssrPlaceholderId: props.ssrPlaceholderId
     });
   }
 }

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

@@ -1,6 +1,8 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import FocusRing from '@atlaskit/focus-ring';
+import { fg } from '@atlaskit/platform-feature-flags';
 import MessagesIntlProvider from '../MessagesIntlProvider';
 import PrimitiveMention from './PrimitiveMention';
 import AsyncNoAccessTooltip from '../NoAccessTooltip';
@@ -115,15 +117,18 @@ export class MentionInternal extends React.PureComponent {
       "data-mention-type": mentionType,
       "data-mention-tooltip": showTooltip
     }, failedMention ? this.renderUnknownUserError(id) : text || '@...'));
+    const ssrPlaceholderProp = fg('cc_mention_ssr_placeholder') ? {
+      'data-ssr-placeholder': props.ssrPlaceholderId
+    } : {};
     return /*#__PURE__*/React.createElement(UfoErrorBoundary, {
       id: id
-    }, /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", _extends({
       id: localId,
       "data-mention-id": id,
       "data-local-id": localId,
       "data-access-level": accessLevel,
       spellCheck: false
-    }, /*#__PURE__*/React.createElement(MessagesIntlProvider, null, showTooltip ? /*#__PURE__*/React.createElement(React.Suspense, {
+    }, ssrPlaceholderProp), /*#__PURE__*/React.createElement(MessagesIntlProvider, null, showTooltip ? /*#__PURE__*/React.createElement(React.Suspense, {
       fallback: mentionComponent
     }, /*#__PURE__*/React.createElement(AsyncNoAccessTooltip, {
       name: text

package/dist/es2019/i18n/hr.js

@@ -0,0 +1,22 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Croatian (Croatia) [hr-HR]
+export default {
+  'fabric.elements.mentions.team.member.50plus': 'Tim • 50+ članova',
+  'fabric.elements.mentions.team.member.50plus.including.you': 'Tim • 50+ članova, uključujući tebe',
+  'fabric.elements.mentions.team.member.count': '{0, plural, one {Tim • 1 član} few {Tim • {0} člana} many {Tim • {0} članova} other {Tim • {0} članova}}',
+  'fabric.elements.mentions.team.member.count.including.you': '{0, plural, one {Tim • 1 član, uključujući tebe} few {Tim • {0} člana, uključujući tebe} many {Tim • {0} članova, uključujući tebe} other {Tim • {0} članova, uključujući tebe}}',
+  'fabric.elements.mentions.xproduct.mention.description': 'Potreban je pristup Confluenceu',
+  'fabric.mention.error.defaultAction': 'Pokušaj ponovno za nekoliko sekundi',
+  'fabric.mention.error.defaultHeadline': 'Nešto nije u redu',
+  'fabric.mention.error.differentText': 'Pokušaj unijeti drugi tekst',
+  'fabric.mention.error.loginAgain': 'Pokušaj se odjaviti, a zatim se ponovno prijaviti',
+  'fabric.mention.noAccess.label': 'Nema pristupa',
+  'fabric.mention.noAccess.warning': '{name} neće biti obaviješten jer nema pristup',
+  'fabric.mention.unknow.user.error': 'Nepoznati korisnik {userId}'
+};

package/dist/es2019/i18n/sl.js

@@ -0,0 +1,22 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Slovenian (Slovenia) [sl-SI]
+export default {
+  'fabric.elements.mentions.team.member.50plus': 'Ekipa • Več kot 50 članov',
+  'fabric.elements.mentions.team.member.50plus.including.you': 'Ekipa • Več kot 50 članov, vključno z vami',
+  'fabric.elements.mentions.team.member.count': '{0, plural, one {Ekipa • 1 član} two {Ekipa • {0} člana} few {Ekipa • {0} člani} other {Ekipa • {0} članov}}',
+  'fabric.elements.mentions.team.member.count.including.you': '{0, plural, one {Ekipa • 1 član, vključno z vami} two {Ekipa • {0} člana, vključno z vami} few {Ekipa • {0} člani, vključno z vami} other {Ekipa • {0} članov, vključno z vami}}',
+  'fabric.elements.mentions.xproduct.mention.description': 'Potrebuje dostop do storitve Confluence',
+  'fabric.mention.error.defaultAction': 'Poskusite znova čez nekaj sekund',
+  'fabric.mention.error.defaultHeadline': 'Prišlo je do napake',
+  'fabric.mention.error.differentText': 'Poskusite vnesti drugo besedilo',
+  'fabric.mention.error.loginAgain': 'Poskusite se odjaviti in se znova prijaviti',
+  'fabric.mention.noAccess.label': 'Ni dostopa',
+  'fabric.mention.noAccess.warning': 'Oseba {name} ne bo obveščana, ker nima dostopa',
+  'fabric.mention.unknow.user.error': 'Neznani uporabnik {userId}'
+};

package/dist/es2019/i18n/sr_RS.js

@@ -0,0 +1,22 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Serbia) [sr-RS]
+export default {
+  'fabric.elements.mentions.team.member.50plus': 'Tim • više od 50 članova',
+  'fabric.elements.mentions.team.member.50plus.including.you': 'Tim • više od 50 članova, uključujući vas',
+  'fabric.elements.mentions.team.member.count': '{0, plural, one {Tim • 1 član} few {Tim • {0} člana} many {Tim • {0} članova} other {Tim • {0} članova}}',
+  'fabric.elements.mentions.team.member.count.including.you': '{0, plural, one {Tim • 1 član, uključujući vas} few {Tim • {0} člana, uključujući vas} many {Tim • {0} članova, uključujući vas} other {Tim • {0} članova, uključujući vas}}',
+  'fabric.elements.mentions.xproduct.mention.description': 'Potreban pristup za Confluence',
+  'fabric.mention.error.defaultAction': 'Probajte ponovo za nekoliko sekundi',
+  'fabric.mention.error.defaultHeadline': 'Došlo je do greške',
+  'fabric.mention.error.differentText': 'Probajte da unesete drugi tekst',
+  'fabric.mention.error.loginAgain': 'Probajte da se odjavite i prijavite',
+  'fabric.mention.noAccess.label': 'Nema pristupa',
+  'fabric.mention.noAccess.warning': 'Korisnik {name} neće biti obavešten jer nema pristup',
+  'fabric.mention.unknow.user.error': 'Nepoznat korisnik {userId}'
+};

package/dist/es2019/i18n/sr_YR.js

@@ -0,0 +1,22 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Cyrillic) [sr-YR]
+export default {
+  'fabric.elements.mentions.team.member.50plus': 'Тим • више од 50 чланова',
+  'fabric.elements.mentions.team.member.50plus.including.you': 'Тим • више од 50 чланова, укључујући вас',
+  'fabric.elements.mentions.team.member.count': '{0, plural, one {Тим • 1 члан} other {Тим • {0} члана/ова}}',
+  'fabric.elements.mentions.team.member.count.including.you': '{0, plural, one {Тим • 1 члан, укључујући вас} other {Тим • {0} члана/ова, укључујући вас}}',
+  'fabric.elements.mentions.xproduct.mention.description': 'Потребан приступ за Confluence',
+  'fabric.mention.error.defaultAction': 'Пробајте поново за неколико секунди',
+  'fabric.mention.error.defaultHeadline': 'Дошло је до грешке',
+  'fabric.mention.error.differentText': 'Пробајте да унесете други текст',
+  'fabric.mention.error.loginAgain': 'Пробајте да се одјавите и пријавите',
+  'fabric.mention.noAccess.label': 'Нема приступа',
+  'fabric.mention.noAccess.warning': 'Корисник {name} неће бити обавештен јер нема приступ',
+  'fabric.mention.unknow.user.error': 'Непознат корисник {userId}'
+};

package/dist/es2019/util/analytics.js

@@ -2,7 +2,7 @@ import { OPERATIONAL_EVENT_TYPE, UI_EVENT_TYPE } from '@atlaskit/analytics-gas-t
 import { ELEMENTS_CHANNEL } from '../_constants';
 import { ComponentNames, isSpecialMentionText } from '../types';
 const packageName = "@atlaskit/mention";
-const packageVersion = "24.2.3";
+const packageVersion = "24.2.4";
 export const SLI_EVENT_TYPE = 'sli';
 export const SMART_EVENT_TYPE = 'smart';
 export const fireAnalyticsMentionTypeaheadEvent = props => (action, duration, userIds = [], query) => {

package/dist/esm/components/Mention/ResourcedMention.js

@@ -115,7 +115,8 @@ var ResourcedMention = /*#__PURE__*/function (_React$PureComponent) {
         localId: props.localId,
         onClick: props.onClick,
         onMouseEnter: props.onMouseEnter,
-        onMouseLeave: props.onMouseLeave
+        onMouseLeave: props.onMouseLeave,
+        ssrPlaceholderId: props.ssrPlaceholderId
       });
     }
   }]);

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

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
@@ -8,6 +9,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import FocusRing from '@atlaskit/focus-ring';
+import { fg } from '@atlaskit/platform-feature-flags';
 import MessagesIntlProvider from '../MessagesIntlProvider';
 import PrimitiveMention from './PrimitiveMention';
 import AsyncNoAccessTooltip from '../NoAccessTooltip';
@@ -128,15 +130,18 @@ export var MentionInternal = /*#__PURE__*/function (_React$PureComponent) {
         "data-mention-type": mentionType,
         "data-mention-tooltip": showTooltip
       }, failedMention ? this.renderUnknownUserError(id) : text || '@...'));
+      var ssrPlaceholderProp = fg('cc_mention_ssr_placeholder') ? {
+        'data-ssr-placeholder': props.ssrPlaceholderId
+      } : {};
       return /*#__PURE__*/React.createElement(UfoErrorBoundary, {
         id: id
-      }, /*#__PURE__*/React.createElement("span", {
+      }, /*#__PURE__*/React.createElement("span", _extends({
         id: localId,
         "data-mention-id": id,
         "data-local-id": localId,
         "data-access-level": accessLevel,
         spellCheck: false
-      }, /*#__PURE__*/React.createElement(MessagesIntlProvider, null, showTooltip ? /*#__PURE__*/React.createElement(React.Suspense, {
+      }, ssrPlaceholderProp), /*#__PURE__*/React.createElement(MessagesIntlProvider, null, showTooltip ? /*#__PURE__*/React.createElement(React.Suspense, {
         fallback: mentionComponent
       }, /*#__PURE__*/React.createElement(AsyncNoAccessTooltip, {
         name: text

package/dist/esm/i18n/hr.js

@@ -0,0 +1,22 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Croatian (Croatia) [hr-HR]
+export default {
+  'fabric.elements.mentions.team.member.50plus': 'Tim • 50+ članova',
+  'fabric.elements.mentions.team.member.50plus.including.you': 'Tim • 50+ članova, uključujući tebe',
+  'fabric.elements.mentions.team.member.count': '{0, plural, one {Tim • 1 član} few {Tim • {0} člana} many {Tim • {0} članova} other {Tim • {0} članova}}',
+  'fabric.elements.mentions.team.member.count.including.you': '{0, plural, one {Tim • 1 član, uključujući tebe} few {Tim • {0} člana, uključujući tebe} many {Tim • {0} članova, uključujući tebe} other {Tim • {0} članova, uključujući tebe}}',
+  'fabric.elements.mentions.xproduct.mention.description': 'Potreban je pristup Confluenceu',
+  'fabric.mention.error.defaultAction': 'Pokušaj ponovno za nekoliko sekundi',
+  'fabric.mention.error.defaultHeadline': 'Nešto nije u redu',
+  'fabric.mention.error.differentText': 'Pokušaj unijeti drugi tekst',
+  'fabric.mention.error.loginAgain': 'Pokušaj se odjaviti, a zatim se ponovno prijaviti',
+  'fabric.mention.noAccess.label': 'Nema pristupa',
+  'fabric.mention.noAccess.warning': '{name} neće biti obaviješten jer nema pristup',
+  'fabric.mention.unknow.user.error': 'Nepoznati korisnik {userId}'
+};

package/dist/esm/i18n/sl.js

@@ -0,0 +1,22 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Slovenian (Slovenia) [sl-SI]
+export default {
+  'fabric.elements.mentions.team.member.50plus': 'Ekipa • Več kot 50 članov',
+  'fabric.elements.mentions.team.member.50plus.including.you': 'Ekipa • Več kot 50 članov, vključno z vami',
+  'fabric.elements.mentions.team.member.count': '{0, plural, one {Ekipa • 1 član} two {Ekipa • {0} člana} few {Ekipa • {0} člani} other {Ekipa • {0} članov}}',
+  'fabric.elements.mentions.team.member.count.including.you': '{0, plural, one {Ekipa • 1 član, vključno z vami} two {Ekipa • {0} člana, vključno z vami} few {Ekipa • {0} člani, vključno z vami} other {Ekipa • {0} članov, vključno z vami}}',
+  'fabric.elements.mentions.xproduct.mention.description': 'Potrebuje dostop do storitve Confluence',
+  'fabric.mention.error.defaultAction': 'Poskusite znova čez nekaj sekund',
+  'fabric.mention.error.defaultHeadline': 'Prišlo je do napake',
+  'fabric.mention.error.differentText': 'Poskusite vnesti drugo besedilo',
+  'fabric.mention.error.loginAgain': 'Poskusite se odjaviti in se znova prijaviti',
+  'fabric.mention.noAccess.label': 'Ni dostopa',
+  'fabric.mention.noAccess.warning': 'Oseba {name} ne bo obveščana, ker nima dostopa',
+  'fabric.mention.unknow.user.error': 'Neznani uporabnik {userId}'
+};

package/dist/esm/i18n/sr_RS.js

@@ -0,0 +1,22 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Serbia) [sr-RS]
+export default {
+  'fabric.elements.mentions.team.member.50plus': 'Tim • više od 50 članova',
+  'fabric.elements.mentions.team.member.50plus.including.you': 'Tim • više od 50 članova, uključujući vas',
+  'fabric.elements.mentions.team.member.count': '{0, plural, one {Tim • 1 član} few {Tim • {0} člana} many {Tim • {0} članova} other {Tim • {0} članova}}',
+  'fabric.elements.mentions.team.member.count.including.you': '{0, plural, one {Tim • 1 član, uključujući vas} few {Tim • {0} člana, uključujući vas} many {Tim • {0} članova, uključujući vas} other {Tim • {0} članova, uključujući vas}}',
+  'fabric.elements.mentions.xproduct.mention.description': 'Potreban pristup za Confluence',
+  'fabric.mention.error.defaultAction': 'Probajte ponovo za nekoliko sekundi',
+  'fabric.mention.error.defaultHeadline': 'Došlo je do greške',
+  'fabric.mention.error.differentText': 'Probajte da unesete drugi tekst',
+  'fabric.mention.error.loginAgain': 'Probajte da se odjavite i prijavite',
+  'fabric.mention.noAccess.label': 'Nema pristupa',
+  'fabric.mention.noAccess.warning': 'Korisnik {name} neće biti obavešten jer nema pristup',
+  'fabric.mention.unknow.user.error': 'Nepoznat korisnik {userId}'
+};

package/dist/esm/i18n/sr_YR.js

@@ -0,0 +1,22 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Cyrillic) [sr-YR]
+export default {
+  'fabric.elements.mentions.team.member.50plus': 'Тим • више од 50 чланова',
+  'fabric.elements.mentions.team.member.50plus.including.you': 'Тим • више од 50 чланова, укључујући вас',
+  'fabric.elements.mentions.team.member.count': '{0, plural, one {Тим • 1 члан} other {Тим • {0} члана/ова}}',
+  'fabric.elements.mentions.team.member.count.including.you': '{0, plural, one {Тим • 1 члан, укључујући вас} other {Тим • {0} члана/ова, укључујући вас}}',
+  'fabric.elements.mentions.xproduct.mention.description': 'Потребан приступ за Confluence',
+  'fabric.mention.error.defaultAction': 'Пробајте поново за неколико секунди',
+  'fabric.mention.error.defaultHeadline': 'Дошло је до грешке',
+  'fabric.mention.error.differentText': 'Пробајте да унесете други текст',
+  'fabric.mention.error.loginAgain': 'Пробајте да се одјавите и пријавите',
+  'fabric.mention.noAccess.label': 'Нема приступа',
+  'fabric.mention.noAccess.warning': 'Корисник {name} неће бити обавештен јер нема приступ',
+  'fabric.mention.unknow.user.error': 'Непознат корисник {userId}'
+};

package/dist/esm/util/analytics.js

@@ -5,7 +5,7 @@ import { OPERATIONAL_EVENT_TYPE, UI_EVENT_TYPE } from '@atlaskit/analytics-gas-t
 import { ELEMENTS_CHANNEL } from '../_constants';
 import { ComponentNames, isSpecialMentionText } from '../types';
 var packageName = "@atlaskit/mention";
-var packageVersion = "24.2.3";
+var packageVersion = "24.2.4";
 export var SLI_EVENT_TYPE = 'sli';
 export var SMART_EVENT_TYPE = 'smart';
 export var fireAnalyticsMentionTypeaheadEvent = function fireAnalyticsMentionTypeaheadEvent(props) {

package/dist/types/components/Mention/ResourcedMention.d.ts

@@ -10,6 +10,7 @@ export interface Props {
     onClick?: MentionEventHandler;
     onMouseEnter?: MentionEventHandler;
     onMouseLeave?: MentionEventHandler;
+    ssrPlaceholderId?: string;
 }
 export interface State {
     isHighlighted: boolean;

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

@@ -13,6 +13,7 @@ export type OwnProps = {
     onMouseEnter?: MentionEventHandler;
     onMouseLeave?: MentionEventHandler;
     onHover?: () => void;
+    ssrPlaceholderId?: string;
 };
 export type Props = OwnProps & WithAnalyticsEventsProps;
 export declare class MentionInternal extends React.PureComponent<Props, {}> {

package/dist/types/i18n/hr.d.ts

@@ -0,0 +1,21 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.elements.mentions.team.member.50plus': string;
+    'fabric.elements.mentions.team.member.50plus.including.you': string;
+    'fabric.elements.mentions.team.member.count': string;
+    'fabric.elements.mentions.team.member.count.including.you': string;
+    'fabric.elements.mentions.xproduct.mention.description': string;
+    'fabric.mention.error.defaultAction': string;
+    'fabric.mention.error.defaultHeadline': string;
+    'fabric.mention.error.differentText': string;
+    'fabric.mention.error.loginAgain': string;
+    'fabric.mention.noAccess.label': string;
+    'fabric.mention.noAccess.warning': string;
+    'fabric.mention.unknow.user.error': string;
+};
+export default _default;

package/dist/types/i18n/sl.d.ts

@@ -0,0 +1,21 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.elements.mentions.team.member.50plus': string;
+    'fabric.elements.mentions.team.member.50plus.including.you': string;
+    'fabric.elements.mentions.team.member.count': string;
+    'fabric.elements.mentions.team.member.count.including.you': string;
+    'fabric.elements.mentions.xproduct.mention.description': string;
+    'fabric.mention.error.defaultAction': string;
+    'fabric.mention.error.defaultHeadline': string;
+    'fabric.mention.error.differentText': string;
+    'fabric.mention.error.loginAgain': string;
+    'fabric.mention.noAccess.label': string;
+    'fabric.mention.noAccess.warning': string;
+    'fabric.mention.unknow.user.error': string;
+};
+export default _default;

package/dist/types/i18n/sr_RS.d.ts

@@ -0,0 +1,21 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.elements.mentions.team.member.50plus': string;
+    'fabric.elements.mentions.team.member.50plus.including.you': string;
+    'fabric.elements.mentions.team.member.count': string;
+    'fabric.elements.mentions.team.member.count.including.you': string;
+    'fabric.elements.mentions.xproduct.mention.description': string;
+    'fabric.mention.error.defaultAction': string;
+    'fabric.mention.error.defaultHeadline': string;
+    'fabric.mention.error.differentText': string;
+    'fabric.mention.error.loginAgain': string;
+    'fabric.mention.noAccess.label': string;
+    'fabric.mention.noAccess.warning': string;
+    'fabric.mention.unknow.user.error': string;
+};
+export default _default;

package/dist/types/i18n/sr_YR.d.ts

@@ -0,0 +1,21 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.elements.mentions.team.member.50plus': string;
+    'fabric.elements.mentions.team.member.50plus.including.you': string;
+    'fabric.elements.mentions.team.member.count': string;
+    'fabric.elements.mentions.team.member.count.including.you': string;
+    'fabric.elements.mentions.xproduct.mention.description': string;
+    'fabric.mention.error.defaultAction': string;
+    'fabric.mention.error.defaultHeadline': string;
+    'fabric.mention.error.differentText': string;
+    'fabric.mention.error.loginAgain': string;
+    'fabric.mention.noAccess.label': string;
+    'fabric.mention.noAccess.warning': string;
+    'fabric.mention.unknow.user.error': string;
+};
+export default _default;

package/dist/types-ts4.5/components/Mention/ResourcedMention.d.ts

@@ -10,6 +10,7 @@ export interface Props {
     onClick?: MentionEventHandler;
     onMouseEnter?: MentionEventHandler;
     onMouseLeave?: MentionEventHandler;
+    ssrPlaceholderId?: string;
 }
 export interface State {
     isHighlighted: boolean;

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

@@ -13,6 +13,7 @@ export type OwnProps = {
     onMouseEnter?: MentionEventHandler;
     onMouseLeave?: MentionEventHandler;
     onHover?: () => void;
+    ssrPlaceholderId?: string;
 };
 export type Props = OwnProps & WithAnalyticsEventsProps;
 export declare class MentionInternal extends React.PureComponent<Props, {}> {

package/dist/types-ts4.5/i18n/hr.d.ts

@@ -0,0 +1,21 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.elements.mentions.team.member.50plus': string;
+    'fabric.elements.mentions.team.member.50plus.including.you': string;
+    'fabric.elements.mentions.team.member.count': string;
+    'fabric.elements.mentions.team.member.count.including.you': string;
+    'fabric.elements.mentions.xproduct.mention.description': string;
+    'fabric.mention.error.defaultAction': string;
+    'fabric.mention.error.defaultHeadline': string;
+    'fabric.mention.error.differentText': string;
+    'fabric.mention.error.loginAgain': string;
+    'fabric.mention.noAccess.label': string;
+    'fabric.mention.noAccess.warning': string;
+    'fabric.mention.unknow.user.error': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/sl.d.ts

@@ -0,0 +1,21 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.elements.mentions.team.member.50plus': string;
+    'fabric.elements.mentions.team.member.50plus.including.you': string;
+    'fabric.elements.mentions.team.member.count': string;
+    'fabric.elements.mentions.team.member.count.including.you': string;
+    'fabric.elements.mentions.xproduct.mention.description': string;
+    'fabric.mention.error.defaultAction': string;
+    'fabric.mention.error.defaultHeadline': string;
+    'fabric.mention.error.differentText': string;
+    'fabric.mention.error.loginAgain': string;
+    'fabric.mention.noAccess.label': string;
+    'fabric.mention.noAccess.warning': string;
+    'fabric.mention.unknow.user.error': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/sr_RS.d.ts

@@ -0,0 +1,21 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.elements.mentions.team.member.50plus': string;
+    'fabric.elements.mentions.team.member.50plus.including.you': string;
+    'fabric.elements.mentions.team.member.count': string;
+    'fabric.elements.mentions.team.member.count.including.you': string;
+    'fabric.elements.mentions.xproduct.mention.description': string;
+    'fabric.mention.error.defaultAction': string;
+    'fabric.mention.error.defaultHeadline': string;
+    'fabric.mention.error.differentText': string;
+    'fabric.mention.error.loginAgain': string;
+    'fabric.mention.noAccess.label': string;
+    'fabric.mention.noAccess.warning': string;
+    'fabric.mention.unknow.user.error': string;
+};
+export default _default;

package/dist/types-ts4.5/i18n/sr_YR.d.ts

@@ -0,0 +1,21 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.elements.mentions.team.member.50plus': string;
+    'fabric.elements.mentions.team.member.50plus.including.you': string;
+    'fabric.elements.mentions.team.member.count': string;
+    'fabric.elements.mentions.team.member.count.including.you': string;
+    'fabric.elements.mentions.xproduct.mention.description': string;
+    'fabric.mention.error.defaultAction': string;
+    'fabric.mention.error.defaultHeadline': string;
+    'fabric.mention.error.differentText': string;
+    'fabric.mention.error.loginAgain': string;
+    'fabric.mention.noAccess.label': string;
+    'fabric.mention.noAccess.warning': string;
+    'fabric.mention.unknow.user.error': string;
+};
+export default _default;

package/package.json

@@ -13,7 +13,6 @@
 	"atlaskit:src": "src/index.ts",
 	"atlassian": {
 		"team": "Search Platform: Search Experience",
-		"runReact18": true,
 		"slack": {
 			"channel": "#search-plex-prs",
 			"notifications": {
@@ -36,13 +35,13 @@
 		"@atlaskit/avatar": "^25.1.0",
 		"@atlaskit/focus-ring": "^3.0.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.0.0",
+		"@atlaskit/icon": "^27.3.0",
 		"@atlaskit/lozenge": "^13.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.8.0",
+		"@atlaskit/primitives": "^14.10.0",
 		"@atlaskit/teams-avatar": "^2.3.0",
-		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^5.2.0",
+		"@atlaskit/theme": "^19.0.0",
+		"@atlaskit/tokens": "^5.4.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/util-service-support": "^6.3.0",
@@ -62,7 +61,6 @@
 		"@types/query-string": "^4.3.1",
 		"@types/serialize-javascript": "^5.0.0",
 		"enzyme": "^3.10.0",
-		"enzyme-adapter-react-16": "^1.15.1",
 		"es6-promise": "^4.0.5",
 		"exenv": "^1.2.2",
 		"fetch-mock": "^8.0.0",
@@ -92,6 +90,9 @@
 	"platform-feature-flags": {
 		"team-avatar-in-mention-picker": {
 			"type": "boolean"
+		},
+		"cc_mention_ssr_placeholder": {
+			"type": "boolean"
 		}
 	},
 	"publishConfig": {
@@ -119,5 +120,5 @@
 			]
 		}
 	},
-	"version": "24.2.3"
+	"version": "24.2.5"
 }