@atlaskit/mention 24.2.2 → 24.2.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/mention
 
+## 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
+
+- Updated dependencies
+
 ## 24.2.2
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -4,7 +4,7 @@
         "declaration": true,
         "target": "es5",
         "composite": true,
-        "outDir": "../dist",
+        "outDir": "../../../../../confluence/tsDist/@atlaskit__mention",
         "rootDir": "../"
     },
     "include": [
@@ -35,9 +35,6 @@
         {
             "path": "../../../design-system/icon/afm-cc/tsconfig.json"
         },
-        {
-            "path": "../../../design-system/link/afm-cc/tsconfig.json"
-        },
         {
             "path": "../../../design-system/lozenge/afm-cc/tsconfig.json"
         },

package/afm-jira/tsconfig.json

@@ -35,9 +35,6 @@
 		{
 			"path": "../../../design-system/icon/afm-jira/tsconfig.json"
 		},
-		{
-			"path": "../../../design-system/link/afm-jira/tsconfig.json"
-		},
 		{
 			"path": "../../../design-system/lozenge/afm-jira/tsconfig.json"
 		},

package/afm-post-office/tsconfig.json

@@ -35,9 +35,6 @@
 		{
 			"path": "../../../design-system/icon/afm-post-office/tsconfig.json"
 		},
-		{
-			"path": "../../../design-system/link/afm-post-office/tsconfig.json"
-		},
 		{
 			"path": "../../../design-system/lozenge/afm-post-office/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/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.2";
+var packageVersion = "24.2.3";
 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/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.2";
+const packageVersion = "24.2.3";
 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/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.2";
+var packageVersion = "24.2.3";
 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-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/docs/1-in-editor.tsx

@@ -1,5 +1,4 @@
 import Link from '@atlaskit/link';
-import { fg } from '@atlaskit/platform-feature-flags';
 import React from 'react';
 import { Text } from '@atlaskit/primitives/compiled';
 import { md, Example, code, AtlassianInternalWarning } from '@atlaskit/docs';
@@ -7,10 +6,6 @@ import { md, Example, code, AtlassianInternalWarning } from '@atlaskit/docs';
 import MentionWithEditorExample from '../examples/14-mention-with-editor-extending-abstract-mention-resource';
 const MentionWithEditorExampleSource = require('!!raw-loader!../examples/14-mention-with-editor-extending-abstract-mention-resource');
 
-const LinkComponent = (props: any) =>
-	// eslint-disable-next-line @atlaskit/design-system/no-html-anchor, jsx-a11y/anchor-has-content
-	fg('dst-a11y__replace-anchor-with-link__search-platfor') ? <Link {...props} /> : <a {...props} />;
-
 export default md`
   ${(<AtlassianInternalWarning />)}
 
@@ -19,8 +14,7 @@ export default md`
   ${(
 		<>
 			<Text as="p">
-				To use Mention in{' '}
-				<LinkComponent href="/packages/editor/editor-core">@atlaskit/editor-core</LinkComponent>
+				To use Mention in <Link href="/packages/editor/editor-core">@atlaskit/editor-core</Link>
 				{', '}
 				check the 'Editor with mentions' section in editor-core, then follow these steps for a more
 				involved tutorial:

package/package.json

@@ -36,14 +36,13 @@
 		"@atlaskit/avatar": "^25.1.0",
 		"@atlaskit/focus-ring": "^3.0.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^26.4.0",
-		"@atlaskit/link": "^3.2.0",
+		"@atlaskit/icon": "^27.0.0",
 		"@atlaskit/lozenge": "^13.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.8.0",
+		"@atlaskit/primitives": "^14.9.0",
 		"@atlaskit/teams-avatar": "^2.3.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^5.0.0",
+		"@atlaskit/tokens": "^5.3.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/util-service-support": "^6.3.0",
@@ -94,7 +93,7 @@
 		"team-avatar-in-mention-picker": {
 			"type": "boolean"
 		},
-		"dst-a11y__replace-anchor-with-link__search-platfor": {
+		"cc_mention_ssr_placeholder": {
 			"type": "boolean"
 		}
 	},
@@ -123,5 +122,5 @@
 			]
 		}
 	},
-	"version": "24.2.2"
+	"version": "24.2.4"
 }