@atlaskit/mention 27.5.0 → 27.5.2
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.
- package/CHANGELOG.md +12 -0
- package/compass.yml +31 -17
- package/dist/cjs/components/Mention/index.js +1 -1
- package/dist/cjs/util/analytics.js +1 -1
- package/dist/es2019/components/Mention/index.js +1 -0
- package/dist/es2019/util/analytics.js +1 -1
- package/dist/esm/components/Mention/index.js +1 -0
- package/dist/esm/util/analytics.js +1 -1
- package/mention.docs.tsx +72 -0
- package/package.json +11 -11
- package/tsconfig.json +2 -0
package/CHANGELOG.md
CHANGED
package/compass.yml
CHANGED
|
@@ -1,45 +1,59 @@
|
|
|
1
1
|
name: Mention Picker
|
|
2
|
-
id:
|
|
2
|
+
id: ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/51ba2b73-b329-481e-a904-9ec3fb9b8ae2
|
|
3
3
|
description: A React component used to display user profiles in a list for 'Mention' functionality
|
|
4
4
|
configVersion: 1
|
|
5
5
|
typeId: UI_ELEMENT
|
|
6
|
-
ownerId:
|
|
6
|
+
ownerId: ari:cloud:teams::team/8c518cea-39e4-4a9e-976b-2eec1db07eb2 # Search PlEx
|
|
7
7
|
fields:
|
|
8
8
|
tier: 2
|
|
9
|
+
lifecycle: Active
|
|
10
|
+
isMonorepoProject: true
|
|
9
11
|
links:
|
|
10
12
|
- name: Root Repository
|
|
11
13
|
type: REPOSITORY
|
|
12
14
|
url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master
|
|
13
15
|
- name: ''
|
|
14
16
|
type: REPOSITORY
|
|
15
|
-
url:
|
|
17
|
+
url: https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/elements/mention/
|
|
16
18
|
- name: ''
|
|
17
19
|
type: DASHBOARD
|
|
18
|
-
url:
|
|
20
|
+
url: https://atlassian.signalfx.com/#/dashboard/D8fcwRTA4AA?groupId=D8fcwEEA0AA&configId=D8fcwSbAwAA
|
|
19
21
|
- name: ''
|
|
20
22
|
type: ON_CALL
|
|
21
|
-
url:
|
|
23
|
+
url: https://atlassian.app.opsgenie.com/settings/schedule/detail/24075951-e992-4184-a5e4-ba89245072f9
|
|
22
24
|
- name: '#help-search'
|
|
23
25
|
type: CHAT_CHANNEL
|
|
24
|
-
url:
|
|
26
|
+
url: https://atlassian.slack.com/app_redirect?channel=help-search
|
|
25
27
|
- name: ''
|
|
26
28
|
type: PROJECT
|
|
27
|
-
url:
|
|
29
|
+
url: https://product-fabric.atlassian.net/jira/software/c/projects/SP/boards/684
|
|
28
30
|
- name: ''
|
|
29
31
|
type: DOCUMENT
|
|
30
|
-
url:
|
|
32
|
+
url: https://hello.atlassian.net/wiki/spaces/SEARCH/overview
|
|
33
|
+
- name: Slack Channel
|
|
34
|
+
type: CHAT_CHANNEL
|
|
35
|
+
url: https://atlassian.enterprise.slack.com/archives/CFG8QANL9 # #help-search-plex
|
|
36
|
+
- name: Mention
|
|
37
|
+
type: REPOSITORY
|
|
38
|
+
url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/elements/mention
|
|
31
39
|
relationships: {}
|
|
32
40
|
labels:
|
|
33
41
|
- atlassian-platform
|
|
42
|
+
- platform-code
|
|
43
|
+
- platform-afm
|
|
34
44
|
customFields:
|
|
35
|
-
- name:
|
|
36
|
-
type: user
|
|
37
|
-
value: null
|
|
38
|
-
- name: Product
|
|
45
|
+
- name: Department
|
|
39
46
|
type: text
|
|
40
|
-
value:
|
|
41
|
-
- name:
|
|
47
|
+
value: Eng - Search PLEX
|
|
48
|
+
- name: Technical Owner
|
|
49
|
+
type: user
|
|
50
|
+
value: ari:cloud:identity::user/712020:bc050a72-a59d-487f-8b54-73358ba67dd0 # David Lyon
|
|
51
|
+
- name: Required Reviewers Opt In
|
|
52
|
+
type: boolean
|
|
53
|
+
value: true
|
|
54
|
+
- name: Reviewer Selection Mechanism
|
|
42
55
|
type: text
|
|
43
|
-
value:
|
|
44
|
-
|
|
45
|
-
|
|
56
|
+
value: random(2)
|
|
57
|
+
- name: Required Reviewer Approvals
|
|
58
|
+
type: number
|
|
59
|
+
value: 1
|
|
@@ -27,7 +27,7 @@ var _ufoExperiences = require("./ufoExperiences");
|
|
|
27
27
|
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; }
|
|
28
28
|
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; }
|
|
29
29
|
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)); }
|
|
30
|
-
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
30
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @atlaskit/design-system/no-deprecated-imports, @typescript-eslint/ban-types -- Preserve existing mention implementation while focus-ring usage is reviewed separately. */
|
|
31
31
|
var ANALYTICS_HOVER_DELAY = exports.ANALYTICS_HOVER_DELAY = 1000;
|
|
32
32
|
var UNKNOWN_USER_ID = exports.UNKNOWN_USER_ID = '_|unknown|_';
|
|
33
33
|
var MentionInternal = exports.MentionInternal = /*#__PURE__*/function (_React$PureComponent) {
|
|
@@ -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 = "27.
|
|
15
|
+
var packageVersion = "27.5.1";
|
|
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) {
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
+
/* eslint-disable @atlaskit/design-system/no-deprecated-imports, @typescript-eslint/ban-types -- Preserve existing mention implementation while focus-ring usage is reviewed separately. */
|
|
3
4
|
import React from 'react';
|
|
4
5
|
import FocusRing from '@atlaskit/focus-ring';
|
|
5
6
|
import MessagesIntlProvider from '../MessagesIntlProvider';
|
|
@@ -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 = "27.
|
|
5
|
+
const packageVersion = "27.5.1";
|
|
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) => {
|
|
@@ -9,6 +9,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
9
9
|
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) { _defineProperty(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; }
|
|
10
10
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
11
11
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
12
|
+
/* eslint-disable @atlaskit/design-system/no-deprecated-imports, @typescript-eslint/ban-types -- Preserve existing mention implementation while focus-ring usage is reviewed separately. */
|
|
12
13
|
import React from 'react';
|
|
13
14
|
import FocusRing from '@atlaskit/focus-ring';
|
|
14
15
|
import MessagesIntlProvider from '../MessagesIntlProvider';
|
|
@@ -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 = "27.
|
|
8
|
+
var packageVersion = "27.5.1";
|
|
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/mention.docs.tsx
ADDED
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Structured MCP docs for `@atlaskit/mention`.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
import path from 'path';
|
|
6
|
+
|
|
7
|
+
import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
|
|
8
|
+
|
|
9
|
+
import packageJson from './package.json';
|
|
10
|
+
|
|
11
|
+
const packagePath = path.resolve(__dirname);
|
|
12
|
+
|
|
13
|
+
const documentation: StructuredContentSource = {
|
|
14
|
+
package: {
|
|
15
|
+
package: '@atlaskit/mention',
|
|
16
|
+
packagePath,
|
|
17
|
+
packageJson,
|
|
18
|
+
overview:
|
|
19
|
+
'React components for displaying user and team mentions. It includes support for mention items, lists, and pickers with integration for profile cards and presence.',
|
|
20
|
+
},
|
|
21
|
+
components: [
|
|
22
|
+
{
|
|
23
|
+
name: 'Mention',
|
|
24
|
+
description: 'A component for displaying a single mention.',
|
|
25
|
+
status: 'general-availability',
|
|
26
|
+
import: {
|
|
27
|
+
name: 'Mention',
|
|
28
|
+
package: '@atlaskit/mention',
|
|
29
|
+
type: 'named',
|
|
30
|
+
packagePath,
|
|
31
|
+
packageJson,
|
|
32
|
+
},
|
|
33
|
+
usageGuidelines: ['Use `Mention` to render a mention for a user or team.'],
|
|
34
|
+
keywords: ['mention', 'user', 'team'],
|
|
35
|
+
categories: ['elements'],
|
|
36
|
+
examples: [
|
|
37
|
+
{
|
|
38
|
+
name: 'Simple mention',
|
|
39
|
+
description: 'Basic usage of the Mention component.',
|
|
40
|
+
source: path.resolve(packagePath, './examples/07-simple-mention.tsx'),
|
|
41
|
+
},
|
|
42
|
+
],
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
name: 'MentionPicker',
|
|
46
|
+
description: 'A component that provides a searchable picker for mentions.',
|
|
47
|
+
status: 'general-availability',
|
|
48
|
+
import: {
|
|
49
|
+
name: 'MentionPicker',
|
|
50
|
+
package: '@atlaskit/mention',
|
|
51
|
+
type: 'named',
|
|
52
|
+
packagePath,
|
|
53
|
+
packageJson,
|
|
54
|
+
},
|
|
55
|
+
usageGuidelines: [
|
|
56
|
+
'Use `MentionPicker` to allow users to select a user or team to mention.',
|
|
57
|
+
'Requires a `MentionResource` to fetch and manage mention data.',
|
|
58
|
+
],
|
|
59
|
+
keywords: ['mention', 'picker', 'select'],
|
|
60
|
+
categories: ['elements'],
|
|
61
|
+
examples: [
|
|
62
|
+
{
|
|
63
|
+
name: 'Mention list picker',
|
|
64
|
+
description: 'Basic usage of MentionPicker.',
|
|
65
|
+
source: path.resolve(packagePath, './examples/05-mention-list-picker.tsx'),
|
|
66
|
+
},
|
|
67
|
+
],
|
|
68
|
+
},
|
|
69
|
+
],
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
export default documentation;
|
package/package.json
CHANGED
|
@@ -28,21 +28,21 @@
|
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@atlaskit/afm-i18n-platform-elements-mention": "2.168.0",
|
|
30
30
|
"@atlaskit/analytics-gas-types": "^6.0.0",
|
|
31
|
-
"@atlaskit/analytics-next": "^12.
|
|
31
|
+
"@atlaskit/analytics-next": "^12.3.0",
|
|
32
32
|
"@atlaskit/avatar": "^26.1.0",
|
|
33
|
-
"@atlaskit/focus-ring": "^4.
|
|
34
|
-
"@atlaskit/heading": "^6.
|
|
35
|
-
"@atlaskit/icon": "^
|
|
33
|
+
"@atlaskit/focus-ring": "^4.2.0",
|
|
34
|
+
"@atlaskit/heading": "^6.2.0",
|
|
35
|
+
"@atlaskit/icon": "^37.0.0",
|
|
36
36
|
"@atlaskit/lozenge": "^14.1.0",
|
|
37
37
|
"@atlaskit/platform-feature-flags": "^2.0.0",
|
|
38
|
-
"@atlaskit/primitives": "^
|
|
38
|
+
"@atlaskit/primitives": "^21.0.0",
|
|
39
39
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
40
|
-
"@atlaskit/tag": "^15.
|
|
40
|
+
"@atlaskit/tag": "^15.3.0",
|
|
41
41
|
"@atlaskit/teams-avatar": "^3.1.0",
|
|
42
|
-
"@atlaskit/tokens": "^15.
|
|
42
|
+
"@atlaskit/tokens": "^15.8.0",
|
|
43
43
|
"@atlaskit/tooltip": "^23.1.0",
|
|
44
44
|
"@atlaskit/ufo": "^1.0.0",
|
|
45
|
-
"@atlaskit/util-service-support": "^7.
|
|
45
|
+
"@atlaskit/util-service-support": "^7.2.0",
|
|
46
46
|
"@babel/runtime": "^7.0.0",
|
|
47
47
|
"@emotion/react": "^11.7.1",
|
|
48
48
|
"@emotion/styled": "^11.0.0",
|
|
@@ -56,8 +56,8 @@
|
|
|
56
56
|
"@af/visual-regression": "workspace:^",
|
|
57
57
|
"@atlassian/a11y-jest-testing": "^0.13.0",
|
|
58
58
|
"@atlassian/a11y-playwright-testing": "^0.10.0",
|
|
59
|
-
"@atlassian/feature-flags-test-utils": "^1.
|
|
60
|
-
"@atlassian/testing-library": "^0.
|
|
59
|
+
"@atlassian/feature-flags-test-utils": "^1.2.0",
|
|
60
|
+
"@atlassian/testing-library": "^0.11.0",
|
|
61
61
|
"@testing-library/react": "^16.3.0",
|
|
62
62
|
"@testing-library/user-event": "^14.4.3",
|
|
63
63
|
"@types/query-string": "^4.3.1",
|
|
@@ -117,5 +117,5 @@
|
|
|
117
117
|
}
|
|
118
118
|
},
|
|
119
119
|
"types": "dist/types/index.d.ts",
|
|
120
|
-
"version": "27.5.
|
|
120
|
+
"version": "27.5.2"
|
|
121
121
|
}
|