@atlaskit/mention 24.2.3 → 24.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/components/Mention/ResourcedMention.js +2 -1
  3. package/dist/cjs/components/Mention/index.js +7 -2
  4. package/dist/es2019/components/Mention/ResourcedMention.js +2 -1
  5. package/dist/es2019/components/Mention/index.js +7 -2
  6. package/dist/esm/components/Mention/ResourcedMention.js +2 -1
  7. package/dist/esm/components/Mention/index.js +7 -2
  8. package/dist/types/components/Mention/ResourcedMention.d.ts +1 -0
  9. package/dist/types/components/Mention/index.d.ts +1 -0
  10. package/dist/types-ts4.5/components/Mention/ResourcedMention.d.ts +1 -0
  11. package/dist/types-ts4.5/components/Mention/index.d.ts +1 -0
  12. package/package.json +6 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/mention
2
2
 
3
+ ## 24.2.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [#173636](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/173636)
8
+ [`22b85a186fb8a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22b85a186fb8a) -
9
+ SSR placeholder for mention profile card trigger
10
+
3
11
  ## 24.2.3
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/components/Mention/ResourcedMention.js CHANGED
@@ -124,7 +124,8 @@ var ResourcedMention = exports.default = /*#__PURE__*/function (_React$PureCompo
124
124
  localId: props.localId,
125
125
  onClick: props.onClick,
126
126
  onMouseEnter: props.onMouseEnter,
127
- onMouseLeave: props.onMouseLeave
127
+ onMouseLeave: props.onMouseLeave,
128
+ ssrPlaceholderId: props.ssrPlaceholderId
128
129
  });
129
130
  }
130
131
  }]);
package/dist/cjs/components/Mention/index.js CHANGED
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = exports.UNKNOWN_USER_ID = exports.MentionInternal = exports.ANALYTICS_HOVER_DELAY = void 0;
8
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
8
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
9
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
10
11
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -13,6 +14,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
13
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
14
15
  var _react = _interopRequireDefault(require("react"));
15
16
  var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
17
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
16
18
  var _MessagesIntlProvider = _interopRequireDefault(require("../MessagesIntlProvider"));
17
19
  var _PrimitiveMention = _interopRequireDefault(require("./PrimitiveMention"));
18
20
  var _NoAccessTooltip = _interopRequireDefault(require("../NoAccessTooltip"));
@@ -135,15 +137,18 @@ var MentionInternal = exports.MentionInternal = /*#__PURE__*/function (_React$Pu
135
137
  "data-mention-type": mentionType,
136
138
  "data-mention-tooltip": showTooltip
137
139
  }, failedMention ? this.renderUnknownUserError(id) : text || '@...'));
140
+ var ssrPlaceholderProp = (0, _platformFeatureFlags.fg)('cc_mention_ssr_placeholder') ? {
141
+ "data-ssr-placeholder": props.ssrPlaceholderId
142
+ } : {};
138
143
  return /*#__PURE__*/_react.default.createElement(_ufoExperiences.UfoErrorBoundary, {
139
144
  id: id
140
- }, /*#__PURE__*/_react.default.createElement("span", {
145
+ }, /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
141
146
  id: localId,
142
147
  "data-mention-id": id,
143
148
  "data-local-id": localId,
144
149
  "data-access-level": accessLevel,
145
150
  spellCheck: false
146
- }, /*#__PURE__*/_react.default.createElement(_MessagesIntlProvider.default, null, showTooltip ? /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
151
+ }, ssrPlaceholderProp), /*#__PURE__*/_react.default.createElement(_MessagesIntlProvider.default, null, showTooltip ? /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
147
152
  fallback: mentionComponent
148
153
  }, /*#__PURE__*/_react.default.createElement(_NoAccessTooltip.default, {
149
154
  name: text
package/dist/es2019/components/Mention/ResourcedMention.js CHANGED
@@ -98,7 +98,8 @@ export default class ResourcedMention extends React.PureComponent {
98
98
  localId: props.localId,
99
99
  onClick: props.onClick,
100
100
  onMouseEnter: props.onMouseEnter,
101
- onMouseLeave: props.onMouseLeave
101
+ onMouseLeave: props.onMouseLeave,
102
+ ssrPlaceholderId: props.ssrPlaceholderId
102
103
  });
103
104
  }
104
105
  }
package/dist/es2019/components/Mention/index.js CHANGED
@@ -1,6 +1,8 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
1
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
3
  import React from 'react';
3
4
  import FocusRing from '@atlaskit/focus-ring';
5
+ import { fg } from '@atlaskit/platform-feature-flags';
4
6
  import MessagesIntlProvider from '../MessagesIntlProvider';
5
7
  import PrimitiveMention from './PrimitiveMention';
6
8
  import AsyncNoAccessTooltip from '../NoAccessTooltip';
@@ -115,15 +117,18 @@ export class MentionInternal extends React.PureComponent {
115
117
  "data-mention-type": mentionType,
116
118
  "data-mention-tooltip": showTooltip
117
119
  }, failedMention ? this.renderUnknownUserError(id) : text || '@...'));
120
+ const ssrPlaceholderProp = fg('cc_mention_ssr_placeholder') ? {
121
+ "data-ssr-placeholder": props.ssrPlaceholderId
122
+ } : {};
118
123
  return /*#__PURE__*/React.createElement(UfoErrorBoundary, {
119
124
  id: id
120
- }, /*#__PURE__*/React.createElement("span", {
125
+ }, /*#__PURE__*/React.createElement("span", _extends({
121
126
  id: localId,
122
127
  "data-mention-id": id,
123
128
  "data-local-id": localId,
124
129
  "data-access-level": accessLevel,
125
130
  spellCheck: false
126
- }, /*#__PURE__*/React.createElement(MessagesIntlProvider, null, showTooltip ? /*#__PURE__*/React.createElement(React.Suspense, {
131
+ }, ssrPlaceholderProp), /*#__PURE__*/React.createElement(MessagesIntlProvider, null, showTooltip ? /*#__PURE__*/React.createElement(React.Suspense, {
127
132
  fallback: mentionComponent
128
133
  }, /*#__PURE__*/React.createElement(AsyncNoAccessTooltip, {
129
134
  name: text
package/dist/esm/components/Mention/ResourcedMention.js CHANGED
@@ -115,7 +115,8 @@ var ResourcedMention = /*#__PURE__*/function (_React$PureComponent) {
115
115
  localId: props.localId,
116
116
  onClick: props.onClick,
117
117
  onMouseEnter: props.onMouseEnter,
118
- onMouseLeave: props.onMouseLeave
118
+ onMouseLeave: props.onMouseLeave,
119
+ ssrPlaceholderId: props.ssrPlaceholderId
119
120
  });
120
121
  }
121
122
  }]);
package/dist/esm/components/Mention/index.js CHANGED
@@ -1,3 +1,4 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
1
2
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
3
  import _createClass from "@babel/runtime/helpers/createClass";
3
4
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
@@ -8,6 +9,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
8
9
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
9
10
  import React from 'react';
10
11
  import FocusRing from '@atlaskit/focus-ring';
12
+ import { fg } from '@atlaskit/platform-feature-flags';
11
13
  import MessagesIntlProvider from '../MessagesIntlProvider';
12
14
  import PrimitiveMention from './PrimitiveMention';
13
15
  import AsyncNoAccessTooltip from '../NoAccessTooltip';
@@ -128,15 +130,18 @@ export var MentionInternal = /*#__PURE__*/function (_React$PureComponent) {
128
130
  "data-mention-type": mentionType,
129
131
  "data-mention-tooltip": showTooltip
130
132
  }, failedMention ? this.renderUnknownUserError(id) : text || '@...'));
133
+ var ssrPlaceholderProp = fg('cc_mention_ssr_placeholder') ? {
134
+ "data-ssr-placeholder": props.ssrPlaceholderId
135
+ } : {};
131
136
  return /*#__PURE__*/React.createElement(UfoErrorBoundary, {
132
137
  id: id
133
- }, /*#__PURE__*/React.createElement("span", {
138
+ }, /*#__PURE__*/React.createElement("span", _extends({
134
139
  id: localId,
135
140
  "data-mention-id": id,
136
141
  "data-local-id": localId,
137
142
  "data-access-level": accessLevel,
138
143
  spellCheck: false
139
- }, /*#__PURE__*/React.createElement(MessagesIntlProvider, null, showTooltip ? /*#__PURE__*/React.createElement(React.Suspense, {
144
+ }, ssrPlaceholderProp), /*#__PURE__*/React.createElement(MessagesIntlProvider, null, showTooltip ? /*#__PURE__*/React.createElement(React.Suspense, {
140
145
  fallback: mentionComponent
141
146
  }, /*#__PURE__*/React.createElement(AsyncNoAccessTooltip, {
142
147
  name: text
package/dist/types/components/Mention/ResourcedMention.d.ts CHANGED
@@ -10,6 +10,7 @@ export interface Props {
10
10
  onClick?: MentionEventHandler;
11
11
  onMouseEnter?: MentionEventHandler;
12
12
  onMouseLeave?: MentionEventHandler;
13
+ ssrPlaceholderId?: string;
13
14
  }
14
15
  export interface State {
15
16
  isHighlighted: boolean;
package/dist/types/components/Mention/index.d.ts CHANGED
@@ -13,6 +13,7 @@ export type OwnProps = {
13
13
  onMouseEnter?: MentionEventHandler;
14
14
  onMouseLeave?: MentionEventHandler;
15
15
  onHover?: () => void;
16
+ ssrPlaceholderId?: string;
16
17
  };
17
18
  export type Props = OwnProps & WithAnalyticsEventsProps;
18
19
  export declare class MentionInternal extends React.PureComponent<Props, {}> {
package/dist/types-ts4.5/components/Mention/ResourcedMention.d.ts CHANGED
@@ -10,6 +10,7 @@ export interface Props {
10
10
  onClick?: MentionEventHandler;
11
11
  onMouseEnter?: MentionEventHandler;
12
12
  onMouseLeave?: MentionEventHandler;
13
+ ssrPlaceholderId?: string;
13
14
  }
14
15
  export interface State {
15
16
  isHighlighted: boolean;
package/dist/types-ts4.5/components/Mention/index.d.ts CHANGED
@@ -13,6 +13,7 @@ export type OwnProps = {
13
13
  onMouseEnter?: MentionEventHandler;
14
14
  onMouseLeave?: MentionEventHandler;
15
15
  onHover?: () => void;
16
+ ssrPlaceholderId?: string;
16
17
  };
17
18
  export type Props = OwnProps & WithAnalyticsEventsProps;
18
19
  export declare class MentionInternal extends React.PureComponent<Props, {}> {
package/package.json CHANGED
@@ -39,10 +39,10 @@
39
39
  "@atlaskit/icon": "^27.0.0",
40
40
  "@atlaskit/lozenge": "^13.0.0",
41
41
  "@atlaskit/platform-feature-flags": "^1.1.0",
42
- "@atlaskit/primitives": "^14.8.0",
42
+ "@atlaskit/primitives": "^14.9.0",
43
43
  "@atlaskit/teams-avatar": "^2.3.0",
44
44
  "@atlaskit/theme": "^18.0.0",
45
- "@atlaskit/tokens": "^5.2.0",
45
+ "@atlaskit/tokens": "^5.3.0",
46
46
  "@atlaskit/tooltip": "^20.3.0",
47
47
  "@atlaskit/ufo": "^0.4.0",
48
48
  "@atlaskit/util-service-support": "^6.3.0",
@@ -92,6 +92,9 @@
92
92
  "platform-feature-flags": {
93
93
  "team-avatar-in-mention-picker": {
94
94
  "type": "boolean"
95
+ },
96
+ "cc_mention_ssr_placeholder": {
97
+ "type": "boolean"
95
98
  }
96
99
  },
97
100
  "publishConfig": {
@@ -119,5 +122,5 @@
119
122
  ]
120
123
  }
121
124
  },
122
- "version": "24.2.3"
125
+ "version": "24.2.4"
123
126
  }