@atlaskit/mention 24.5.1 → 24.5.3

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 (8) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/components/MentionItem/index.js +1 -15
  3. package/dist/cjs/util/analytics.js +1 -1
  4. package/dist/es2019/components/MentionItem/index.js +1 -13
  5. package/dist/es2019/util/analytics.js +1 -1
  6. package/dist/esm/components/MentionItem/index.js +1 -13
  7. package/dist/esm/util/analytics.js +1 -1
  8. package/package.json +3 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/mention
2
2
 
3
+ ## 24.5.3
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 24.5.2
10
+
11
+ ### Patch Changes
12
+
13
+ - [`570b29ea65e1d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/570b29ea65e1d) -
14
+ [ux] [PTC-15461]: FG Cleanup - Remove team-avatar-in-mention-picker
15
+
3
16
  ## 24.5.1
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/components/MentionItem/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof3 = require("@babel/runtime/helpers/typeof");
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -20,10 +19,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
20
19
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
21
20
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
22
21
  var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
23
- var _avatar = _interopRequireWildcard(require("@atlaskit/avatar"));
24
22
  var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
25
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
26
- var _colors = require("@atlaskit/theme/colors");
27
23
  var _react = _interopRequireDefault(require("react"));
28
24
  var _statusInformation = _interopRequireDefault(require("@atlaskit/icon/core/status-information"));
29
25
  var _types = require("../../types");
@@ -36,7 +32,6 @@ var _MentionHighlightHelpers = require("./MentionHighlightHelpers");
36
32
  var _MentionDescriptionByline = _interopRequireDefault(require("../MentionDescriptionByline"));
37
33
  var _MessagesIntlProvider = _interopRequireDefault(require("../MessagesIntlProvider"));
38
34
  var _MentionAvatar = require("../MentionAvatar");
39
- 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" != _typeof3(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); }
40
35
  function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
41
36
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
42
37
  function renderLozenge(lozenge) {
@@ -95,7 +90,6 @@ var MentionItem = exports.default = /*#__PURE__*/function (_React$PureComponent)
95
90
  forwardedRef = _this$props.forwardedRef;
96
91
  var id = mention.id,
97
92
  highlight = mention.highlight,
98
- avatarUrl = mention.avatarUrl,
99
93
  presence = mention.presence,
100
94
  name = mention.name,
101
95
  mentionName = mention.mentionName,
@@ -103,11 +97,9 @@ var MentionItem = exports.default = /*#__PURE__*/function (_React$PureComponent)
103
97
  accessLevel = mention.accessLevel,
104
98
  isXProductUser = mention.isXProductUser;
105
99
  var _ref = presence || {},
106
- status = _ref.status,
107
100
  time = _ref.time;
108
101
  var restricted = (0, _types.isRestricted)(accessLevel);
109
102
  var nameHighlights = highlight && highlight.name;
110
- var borderColor = selected ? "var(--ds-border, ".concat(_colors.N30, ")") : undefined;
111
103
  var xProductUserInfoIconColor = selected ? "var(--ds-icon-selected, #0C66E4)" : "var(--ds-icon, #44546F)";
112
104
  return /*#__PURE__*/_react.default.createElement(_MessagesIntlProvider.default, null, /*#__PURE__*/_react.default.createElement(_styles.MentionItemStyle, {
113
105
  selected: selected,
@@ -122,15 +114,9 @@ var MentionItem = exports.default = /*#__PURE__*/function (_React$PureComponent)
122
114
  ref: forwardedRef
123
115
  }, /*#__PURE__*/_react.default.createElement(_styles.RowStyle, null, /*#__PURE__*/_react.default.createElement(_styles.AvatarStyle, {
124
116
  restricted: restricted
125
- }, (0, _platformFeatureFlags.fg)('team-avatar-in-mention-picker') ? /*#__PURE__*/_react.default.createElement(_MentionAvatar.MentionAvatar, {
117
+ }, /*#__PURE__*/_react.default.createElement(_MentionAvatar.MentionAvatar, {
126
118
  selected: selected,
127
119
  mention: mention
128
- }) : /*#__PURE__*/_react.default.createElement(_avatar.default, {
129
- src: avatarUrl,
130
- size: "medium",
131
- presence: status,
132
- borderColor: borderColor,
133
- appearance: (0, _platformFeatureFlags.fg)('jira_ai_agent_avatar_issue_view_comment_mentions') ? (0, _avatar.getAppearanceForAppType)(mention.appType) : undefined
134
120
  })), /*#__PURE__*/_react.default.createElement(_styles.NameSectionStyle, {
135
121
  restricted: restricted
136
122
  }, (0, _MentionHighlightHelpers.renderHighlight)(_styles.FullNameStyle, name, nameHighlights), /*#__PURE__*/_react.default.createElement(_MentionDescriptionByline.default, {
package/dist/cjs/util/analytics.js CHANGED
@@ -12,7 +12,7 @@ var _types = require("../types");
12
12
  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; }
13
13
  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; }
14
14
  var packageName = "@atlaskit/mention";
15
- var packageVersion = "0.0.0-development";
15
+ var packageVersion = "24.5.2";
16
16
  var SLI_EVENT_TYPE = exports.SLI_EVENT_TYPE = 'sli';
17
17
  var SMART_EVENT_TYPE = exports.SMART_EVENT_TYPE = 'smart';
18
18
  var fireAnalyticsMentionTypeaheadEvent = exports.fireAnalyticsMentionTypeaheadEvent = function fireAnalyticsMentionTypeaheadEvent(props) {
package/dist/es2019/components/MentionItem/index.js CHANGED
@@ -1,9 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
- import Avatar, { getAppearanceForAppType } from '@atlaskit/avatar';
4
3
  import Lozenge from '@atlaskit/lozenge';
5
- import { fg } from '@atlaskit/platform-feature-flags';
6
- import { N30 } from '@atlaskit/theme/colors';
7
4
  import React from 'react';
8
5
  import EditorPanelIcon from '@atlaskit/icon/core/status-information';
9
6
  import { isRestricted } from '../../types';
@@ -68,7 +65,6 @@ export default class MentionItem extends React.PureComponent {
68
65
  const {
69
66
  id,
70
67
  highlight,
71
- avatarUrl,
72
68
  presence,
73
69
  name,
74
70
  mentionName,
@@ -77,12 +73,10 @@ export default class MentionItem extends React.PureComponent {
77
73
  isXProductUser
78
74
  } = mention;
79
75
  const {
80
- status,
81
76
  time
82
77
  } = presence || {};
83
78
  const restricted = isRestricted(accessLevel);
84
79
  const nameHighlights = highlight && highlight.name;
85
- const borderColor = selected ? `var(--ds-border, ${N30})` : undefined;
86
80
  const xProductUserInfoIconColor = selected ? "var(--ds-icon-selected, #0C66E4)" : "var(--ds-icon, #44546F)";
87
81
  return /*#__PURE__*/React.createElement(MessagesIntlProvider, null, /*#__PURE__*/React.createElement(MentionItemStyle, {
88
82
  selected: selected,
@@ -97,15 +91,9 @@ export default class MentionItem extends React.PureComponent {
97
91
  ref: forwardedRef
98
92
  }, /*#__PURE__*/React.createElement(RowStyle, null, /*#__PURE__*/React.createElement(AvatarStyle, {
99
93
  restricted: restricted
100
- }, fg('team-avatar-in-mention-picker') ? /*#__PURE__*/React.createElement(MentionAvatar, {
94
+ }, /*#__PURE__*/React.createElement(MentionAvatar, {
101
95
  selected: selected,
102
96
  mention: mention
103
- }) : /*#__PURE__*/React.createElement(Avatar, {
104
- src: avatarUrl,
105
- size: "medium",
106
- presence: status,
107
- borderColor: borderColor,
108
- appearance: fg('jira_ai_agent_avatar_issue_view_comment_mentions') ? getAppearanceForAppType(mention.appType) : undefined
109
97
  })), /*#__PURE__*/React.createElement(NameSectionStyle, {
110
98
  restricted: restricted
111
99
  }, renderHighlight(FullNameStyle, name, nameHighlights), /*#__PURE__*/React.createElement(MentionDescriptionByline, {
package/dist/es2019/util/analytics.js CHANGED
@@ -2,7 +2,7 @@ import { OPERATIONAL_EVENT_TYPE, UI_EVENT_TYPE } from '@atlaskit/analytics-gas-t
2
2
  import { ELEMENTS_CHANNEL } from '../_constants';
3
3
  import { ComponentNames, isSpecialMentionText } from '../types';
4
4
  const packageName = "@atlaskit/mention";
5
- const packageVersion = "0.0.0-development";
5
+ const packageVersion = "24.5.2";
6
6
  export const SLI_EVENT_TYPE = 'sli';
7
7
  export const SMART_EVENT_TYPE = 'smart';
8
8
  export const fireAnalyticsMentionTypeaheadEvent = props => (action, duration, userIds = [], query) => {
package/dist/esm/components/MentionItem/index.js CHANGED
@@ -8,10 +8,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
8
  import _typeof from "@babel/runtime/helpers/typeof";
9
9
  function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
10
10
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
11
- import Avatar, { getAppearanceForAppType } from '@atlaskit/avatar';
12
11
  import Lozenge from '@atlaskit/lozenge';
13
- import { fg } from '@atlaskit/platform-feature-flags';
14
- import { N30 } from '@atlaskit/theme/colors';
15
12
  import React from 'react';
16
13
  import EditorPanelIcon from '@atlaskit/icon/core/status-information';
17
14
  import { isRestricted } from '../../types';
@@ -81,7 +78,6 @@ var MentionItem = /*#__PURE__*/function (_React$PureComponent) {
81
78
  forwardedRef = _this$props.forwardedRef;
82
79
  var id = mention.id,
83
80
  highlight = mention.highlight,
84
- avatarUrl = mention.avatarUrl,
85
81
  presence = mention.presence,
86
82
  name = mention.name,
87
83
  mentionName = mention.mentionName,
@@ -89,11 +85,9 @@ var MentionItem = /*#__PURE__*/function (_React$PureComponent) {
89
85
  accessLevel = mention.accessLevel,
90
86
  isXProductUser = mention.isXProductUser;
91
87
  var _ref = presence || {},
92
- status = _ref.status,
93
88
  time = _ref.time;
94
89
  var restricted = isRestricted(accessLevel);
95
90
  var nameHighlights = highlight && highlight.name;
96
- var borderColor = selected ? "var(--ds-border, ".concat(N30, ")") : undefined;
97
91
  var xProductUserInfoIconColor = selected ? "var(--ds-icon-selected, #0C66E4)" : "var(--ds-icon, #44546F)";
98
92
  return /*#__PURE__*/React.createElement(MessagesIntlProvider, null, /*#__PURE__*/React.createElement(MentionItemStyle, {
99
93
  selected: selected,
@@ -108,15 +102,9 @@ var MentionItem = /*#__PURE__*/function (_React$PureComponent) {
108
102
  ref: forwardedRef
109
103
  }, /*#__PURE__*/React.createElement(RowStyle, null, /*#__PURE__*/React.createElement(AvatarStyle, {
110
104
  restricted: restricted
111
- }, fg('team-avatar-in-mention-picker') ? /*#__PURE__*/React.createElement(MentionAvatar, {
105
+ }, /*#__PURE__*/React.createElement(MentionAvatar, {
112
106
  selected: selected,
113
107
  mention: mention
114
- }) : /*#__PURE__*/React.createElement(Avatar, {
115
- src: avatarUrl,
116
- size: "medium",
117
- presence: status,
118
- borderColor: borderColor,
119
- appearance: fg('jira_ai_agent_avatar_issue_view_comment_mentions') ? getAppearanceForAppType(mention.appType) : undefined
120
108
  })), /*#__PURE__*/React.createElement(NameSectionStyle, {
121
109
  restricted: restricted
122
110
  }, renderHighlight(FullNameStyle, name, nameHighlights), /*#__PURE__*/React.createElement(MentionDescriptionByline, {
package/dist/esm/util/analytics.js CHANGED
@@ -5,7 +5,7 @@ import { OPERATIONAL_EVENT_TYPE, UI_EVENT_TYPE } from '@atlaskit/analytics-gas-t
5
5
  import { ELEMENTS_CHANNEL } from '../_constants';
6
6
  import { ComponentNames, isSpecialMentionText } from '../types';
7
7
  var packageName = "@atlaskit/mention";
8
- var packageVersion = "0.0.0-development";
8
+ var packageVersion = "24.5.2";
9
9
  export var SLI_EVENT_TYPE = 'sli';
10
10
  export var SMART_EVENT_TYPE = 'smart';
11
11
  export var fireAnalyticsMentionTypeaheadEvent = function fireAnalyticsMentionTypeaheadEvent(props) {
package/package.json CHANGED
@@ -30,7 +30,7 @@
30
30
  "@atlaskit/platform-feature-flags": "^1.1.0",
31
31
  "@atlaskit/primitives": "^18.0.0",
32
32
  "@atlaskit/teams-avatar": "^2.4.0",
33
- "@atlaskit/theme": "^21.0.0",
33
+ "@atlaskit/theme": "^22.0.0",
34
34
  "@atlaskit/tokens": "^11.0.0",
35
35
  "@atlaskit/tooltip": "^20.14.0",
36
36
  "@atlaskit/ufo": "^0.4.0",
@@ -47,7 +47,7 @@
47
47
  "@af/search-test-utils": "workspace:^",
48
48
  "@af/visual-regression": "workspace:^",
49
49
  "@atlaskit/elements-test-helpers": "workspace:^",
50
- "@atlassian/a11y-jest-testing": "^0.10.0",
50
+ "@atlassian/a11y-jest-testing": "^0.11.0",
51
51
  "@atlassian/feature-flags-test-utils": "^1.0.0",
52
52
  "@testing-library/react": "^16.3.0",
53
53
  "@testing-library/user-event": "^14.4.3",
@@ -85,9 +85,6 @@
85
85
  },
86
86
  "mentions_custom_headers": {
87
87
  "type": "boolean"
88
- },
89
- "team-avatar-in-mention-picker": {
90
- "type": "boolean"
91
88
  }
92
89
  },
93
90
  "publishConfig": {
@@ -115,5 +112,5 @@
115
112
  ]
116
113
  }
117
114
  },
118
- "version": "24.5.1"
115
+ "version": "24.5.3"
119
116
  }