@atlaskit/profilecard 23.18.2 → 23.19.0
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 +22 -0
- package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js +1 -1
- package/dist/cjs/client/getTeamFromAGG.js +1 -1
- package/dist/cjs/components/User/ProfileCardDetails.js +5 -60
- package/dist/cjs/components/User/ProfileCardTrigger.js +1 -2
- package/dist/cjs/components/team-profile-card/team-connections/main.js +2 -3
- package/dist/cjs/util/analytics.js +1 -1
- package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js +1 -1
- package/dist/es2019/client/getTeamFromAGG.js +1 -1
- package/dist/es2019/components/User/ProfileCardDetails.js +6 -61
- package/dist/es2019/components/User/ProfileCardTrigger.js +1 -2
- package/dist/es2019/components/team-profile-card/team-connections/main.js +2 -3
- package/dist/es2019/util/analytics.js +1 -1
- package/dist/esm/client/getOrgIdForCloudIdFromAGG.js +1 -1
- package/dist/esm/client/getTeamFromAGG.js +1 -1
- package/dist/esm/components/User/ProfileCardDetails.js +6 -61
- package/dist/esm/components/User/ProfileCardTrigger.js +1 -2
- package/dist/esm/components/team-profile-card/team-connections/main.js +2 -3
- package/dist/esm/util/analytics.js +1 -1
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,27 @@
|
|
|
1
1
|
# @atlaskit/profilecard
|
|
2
2
|
|
|
3
|
+
## 23.19.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#170383](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/170383)
|
|
8
|
+
[`0b0a0dd43dca8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0b0a0dd43dca8) -
|
|
9
|
+
NO-ISSUE Replace existing experiment gate with new feature gate:
|
|
10
|
+
enable_web_links_in_team_containers
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [#170471](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/170471)
|
|
15
|
+
[`081f5b24c4a2c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/081f5b24c4a2c) -
|
|
16
|
+
Cleanup of Feature Gate jfp-a11y-autodev-profile-card-name-heading
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
19
|
+
## 23.18.3
|
|
20
|
+
|
|
21
|
+
### Patch Changes
|
|
22
|
+
|
|
23
|
+
- Updated dependencies
|
|
24
|
+
|
|
3
25
|
## 23.18.2
|
|
4
26
|
|
|
5
27
|
### Patch Changes
|
|
@@ -11,7 +11,7 @@ var _graphqlUtils = require("./graphqlUtils");
|
|
|
11
11
|
var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
|
|
12
12
|
var addHeaders = function addHeaders(headers) {
|
|
13
13
|
headers.append('atl-client-name', "@atlaskit/profilecard");
|
|
14
|
-
headers.append('atl-client-version', "23.
|
|
14
|
+
headers.append('atl-client-version', "23.19.0");
|
|
15
15
|
return headers;
|
|
16
16
|
};
|
|
17
17
|
function getOrgIdForCloudIdFromAGG(_x, _x2) {
|
|
@@ -65,7 +65,7 @@ var addHeaders = exports.addHeaders = function addHeaders(headers) {
|
|
|
65
65
|
headers.append('X-ExperimentalApi', 'teams-beta');
|
|
66
66
|
headers.append('X-ExperimentalApi', 'team-members-beta');
|
|
67
67
|
headers.append('atl-client-name', "@atlaskit/profilecard");
|
|
68
|
-
headers.append('atl-client-version', "23.
|
|
68
|
+
headers.append('atl-client-version', "23.19.0");
|
|
69
69
|
return headers;
|
|
70
70
|
};
|
|
71
71
|
function getTeamFromAGG(_x, _x2, _x3) {
|
|
@@ -14,7 +14,6 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
14
14
|
var _react2 = require("@compiled/react");
|
|
15
15
|
var _reactIntlNext = require("react-intl-next");
|
|
16
16
|
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
|
|
17
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
18
17
|
var _primitives = require("@atlaskit/primitives");
|
|
19
18
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
20
19
|
var _relativeDate = _interopRequireDefault(require("../../internal/relative-date"));
|
|
@@ -23,34 +22,6 @@ var _Card = require("../../styled/Card");
|
|
|
23
22
|
var _Icon = require("../Icon");
|
|
24
23
|
var _ReportingLinesDetails = _interopRequireDefault(require("./ReportingLinesDetails"));
|
|
25
24
|
var _excluded = ["text"];
|
|
26
|
-
var detailedListWrapperStyles = (0, _primitives.xcss)({
|
|
27
|
-
margin: 'space.0',
|
|
28
|
-
padding: 'space.0'
|
|
29
|
-
});
|
|
30
|
-
var fullNameLabelStyles = (0, _primitives.xcss)({
|
|
31
|
-
overflow: 'hidden',
|
|
32
|
-
textOverflow: 'ellipsis',
|
|
33
|
-
whiteSpace: 'nowrap',
|
|
34
|
-
font: "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
|
|
35
|
-
});
|
|
36
|
-
var noMetaLabelStyles = (0, _primitives.xcss)({
|
|
37
|
-
marginTop: 'space.400',
|
|
38
|
-
marginRight: '0',
|
|
39
|
-
marginBottom: 'space.150',
|
|
40
|
-
marginLeft: '0'
|
|
41
|
-
});
|
|
42
|
-
var metaLabelStyles = (0, _primitives.xcss)({
|
|
43
|
-
marginTop: 'space.150',
|
|
44
|
-
marginRight: '0',
|
|
45
|
-
marginBottom: '0',
|
|
46
|
-
marginLeft: '0'
|
|
47
|
-
});
|
|
48
|
-
var disabledAccountStyles = (0, _primitives.xcss)({
|
|
49
|
-
color: 'color.text'
|
|
50
|
-
});
|
|
51
|
-
var activeAccountStyles = (0, _primitives.xcss)({
|
|
52
|
-
color: 'color.text.inverse'
|
|
53
|
-
});
|
|
54
25
|
var styles = {
|
|
55
26
|
detailedListWrapper: "_19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
|
|
56
27
|
fullNameLabel: "_1reo15vq _18m915vq _11c81ixg _1bto1l2s _o5721q9c",
|
|
@@ -66,16 +37,9 @@ var renderName = function renderName(nickname, fullName, meta) {
|
|
|
66
37
|
var isNicknameRedundant = !nickname || nickname === fullName;
|
|
67
38
|
var shownNickname = " (".concat(nickname, ") ");
|
|
68
39
|
var displayName = isNicknameRedundant ? fullName : "".concat(fullName).concat(shownNickname);
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
xcss: (0, _react2.cx)(styles.fullNameLabel, styles.activeAccount, meta ? styles.metaLabel : styles.noMetaLabel),
|
|
73
|
-
testId: "profilecard-name",
|
|
74
|
-
id: "profilecard-name-label"
|
|
75
|
-
}, displayName);
|
|
76
|
-
}
|
|
77
|
-
return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
|
|
78
|
-
xcss: [fullNameLabelStyles, activeAccountStyles, meta ? metaLabelStyles : noMetaLabelStyles],
|
|
40
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
41
|
+
as: "h2",
|
|
42
|
+
xcss: (0, _react2.cx)(styles.fullNameLabel, styles.activeAccount, meta ? styles.metaLabel : styles.noMetaLabel),
|
|
79
43
|
testId: "profilecard-name",
|
|
80
44
|
id: "profilecard-name-label"
|
|
81
45
|
}, displayName);
|
|
@@ -124,15 +88,11 @@ var DisabledProfileCardDetails = function DisabledProfileCardDetails(props) {
|
|
|
124
88
|
status = props.status,
|
|
125
89
|
statusModifiedDate = props.statusModifiedDate;
|
|
126
90
|
var name = status === 'inactive' ? fullName || nickname : nickname || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.disabledAccountDefaultName);
|
|
127
|
-
return /*#__PURE__*/_react.default.createElement(_Card.DetailsGroup, null,
|
|
91
|
+
return /*#__PURE__*/_react.default.createElement(_Card.DetailsGroup, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
128
92
|
as: "h2",
|
|
129
93
|
xcss: (0, _react2.cx)(styles.fullNameLabel, styles.noMetaLabel, styles.disabledAccount),
|
|
130
94
|
testId: "profilecard-name",
|
|
131
95
|
id: "profilecard-name-label"
|
|
132
|
-
}, name) : /*#__PURE__*/_react.default.createElement(_primitives.Box, {
|
|
133
|
-
xcss: [fullNameLabelStyles, noMetaLabelStyles, disabledAccountStyles],
|
|
134
|
-
testId: "profilecard-name",
|
|
135
|
-
id: "profilecard-name-label"
|
|
136
96
|
}, name), hasDisabledAccountLozenge && /*#__PURE__*/_react.default.createElement(_Card.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
|
|
137
97
|
appearance: "default",
|
|
138
98
|
isBold: true
|
|
@@ -153,7 +113,7 @@ var ProfileCardDetails = exports.ProfileCardDetails = function ProfileCardDetail
|
|
|
153
113
|
}
|
|
154
114
|
return /*#__PURE__*/_react.default.createElement(_Card.DetailsGroup, null, renderName(props.nickname, props.fullName, meta), meta && /*#__PURE__*/_react.default.createElement(_Card.JobTitleLabel, null, meta), /*#__PURE__*/_react.default.createElement(CustomLozenges, {
|
|
155
115
|
lozenges: props.customLozenges
|
|
156
|
-
}),
|
|
116
|
+
}), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
157
117
|
as: "dl",
|
|
158
118
|
xcss: styles.detailedListWrapper
|
|
159
119
|
}, /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
|
|
@@ -165,21 +125,6 @@ var ProfileCardDetails = exports.ProfileCardDetails = function ProfileCardDetail
|
|
|
165
125
|
icon: "companyName"
|
|
166
126
|
}, props.companyName), /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
|
|
167
127
|
icon: "location"
|
|
168
|
-
}, props.location)) :
|
|
169
|
-
/*#__PURE__*/
|
|
170
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-proper-xcss-usage
|
|
171
|
-
_react.default.createElement(_primitives.Box, {
|
|
172
|
-
as: "dl",
|
|
173
|
-
xcss: detailedListWrapperStyles
|
|
174
|
-
}, /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
|
|
175
|
-
icon: "email",
|
|
176
|
-
extraTopSpace: true
|
|
177
|
-
}, props.email), /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
|
|
178
|
-
icon: "time"
|
|
179
|
-
}, props.timestring), /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
|
|
180
|
-
icon: "companyName"
|
|
181
|
-
}, props.companyName), /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
|
|
182
|
-
icon: "location"
|
|
183
128
|
}, props.location)), /*#__PURE__*/_react.default.createElement(_ReportingLinesDetails.default, {
|
|
184
129
|
reportingLines: props.reportingLines,
|
|
185
130
|
reportingLinesProfileUrl: props.reportingLinesProfileUrl,
|
|
@@ -406,8 +406,7 @@ function ProfilecardTriggerNext(_ref2) {
|
|
|
406
406
|
autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : trigger === 'click'
|
|
407
407
|
// This feature gate is currently enabled only for Jira_Web to avoid UI issues in Confluence_Web.
|
|
408
408
|
,
|
|
409
|
-
shouldRenderToParent: (0, _platformFeatureFlags.fg)('enable_appropriate_reading_order_in_profile_card')
|
|
410
|
-
shouldDisableFocusLock: (0, _platformFeatureFlags.fg)('enable_appropriate_reading_order_in_profile_card')
|
|
409
|
+
shouldRenderToParent: (0, _platformFeatureFlags.fg)('enable_appropriate_reading_order_in_profile_card')
|
|
411
410
|
}), shouldShowGiveKudos && teamCentralBaseUrl && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
|
|
412
411
|
fallback: null
|
|
413
412
|
}, /*#__PURE__*/_react.default.createElement(_giveKudos.GiveKudosLauncherLazy, {
|
|
@@ -13,7 +13,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
13
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
14
14
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
15
15
|
var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
|
|
16
|
-
var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
|
|
17
16
|
var _menu = require("@atlaskit/menu");
|
|
18
17
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
19
18
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
@@ -30,7 +29,7 @@ var TeamConnections = exports.TeamConnections = function TeamConnections(_ref) {
|
|
|
30
29
|
title = _ref.title,
|
|
31
30
|
containerIcon = _ref.containerIcon,
|
|
32
31
|
link = _ref.link;
|
|
33
|
-
var isContainerIconEnabled =
|
|
32
|
+
var isContainerIconEnabled = (0, _platformFeatureFlags.fg)('enable_web_links_in_team_containers') || (0, _platformFeatureFlags.fg)('loom_tab_in_container_linker_team_profile_page');
|
|
34
33
|
var _getContainerProperti = (0, _teamsPublic.getContainerProperties)({
|
|
35
34
|
containerType: containerType,
|
|
36
35
|
iconSize: 'medium',
|
|
@@ -92,7 +91,7 @@ var NewTeamConnections = exports.NewTeamConnections = function NewTeamConnection
|
|
|
92
91
|
title = _ref2.title,
|
|
93
92
|
containerIcon = _ref2.containerIcon,
|
|
94
93
|
link = _ref2.link;
|
|
95
|
-
var isContainerIconEnabled =
|
|
94
|
+
var isContainerIconEnabled = (0, _platformFeatureFlags.fg)('enable_web_links_in_team_containers') || (0, _platformFeatureFlags.fg)('loom_tab_in_container_linker_team_profile_page');
|
|
96
95
|
var _getContainerProperti2 = (0, _teamsPublic.getContainerProperties)({
|
|
97
96
|
containerType: containerType,
|
|
98
97
|
iconSize: 'medium',
|
|
@@ -45,7 +45,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
|
|
|
45
45
|
actionSubjectId: actionSubjectId,
|
|
46
46
|
attributes: _objectSpread(_objectSpread({
|
|
47
47
|
packageName: "@atlaskit/profilecard",
|
|
48
|
-
packageVersion: "23.
|
|
48
|
+
packageVersion: "23.19.0"
|
|
49
49
|
}, attributes), {}, {
|
|
50
50
|
firedAt: Math.round((0, _performance.getPageTime)())
|
|
51
51
|
})
|
|
@@ -6,7 +6,7 @@ const ORG_ID_FROM_CLOUD_ID_QUERY = `query OrgIdFromCloudId($cloudId: ID!) {
|
|
|
6
6
|
}`;
|
|
7
7
|
const addHeaders = headers => {
|
|
8
8
|
headers.append('atl-client-name', "@atlaskit/profilecard");
|
|
9
|
-
headers.append('atl-client-version', "23.
|
|
9
|
+
headers.append('atl-client-version', "23.19.0");
|
|
10
10
|
return headers;
|
|
11
11
|
};
|
|
12
12
|
export async function getOrgIdForCloudIdFromAGG(url, cloudId) {
|
|
@@ -74,7 +74,7 @@ export const addHeaders = headers => {
|
|
|
74
74
|
headers.append('X-ExperimentalApi', 'teams-beta');
|
|
75
75
|
headers.append('X-ExperimentalApi', 'team-members-beta');
|
|
76
76
|
headers.append('atl-client-name', "@atlaskit/profilecard");
|
|
77
|
-
headers.append('atl-client-version', "23.
|
|
77
|
+
headers.append('atl-client-version', "23.19.0");
|
|
78
78
|
return headers;
|
|
79
79
|
};
|
|
80
80
|
export async function getTeamFromAGG(url, teamId, siteId) {
|
|
@@ -6,42 +6,13 @@ import React from 'react';
|
|
|
6
6
|
import { cx } from '@compiled/react';
|
|
7
7
|
import { FormattedMessage } from 'react-intl-next';
|
|
8
8
|
import Lozenge from '@atlaskit/lozenge';
|
|
9
|
-
import {
|
|
10
|
-
import { Box
|
|
11
|
-
import { Box as CompiledBox } from '@atlaskit/primitives/compiled';
|
|
9
|
+
import { Text } from '@atlaskit/primitives';
|
|
10
|
+
import { Box } from '@atlaskit/primitives/compiled';
|
|
12
11
|
import relativeDate from '../../internal/relative-date';
|
|
13
12
|
import messages from '../../messages';
|
|
14
13
|
import { AppTitleLabel, CustomLozengeContainer, DetailsGroup, DisabledInfo, JobTitleLabel, LozengeWrapper } from '../../styled/Card';
|
|
15
14
|
import { IconLabel } from '../Icon';
|
|
16
15
|
import ReportingLinesDetails from './ReportingLinesDetails';
|
|
17
|
-
const detailedListWrapperStyles = xcss({
|
|
18
|
-
margin: 'space.0',
|
|
19
|
-
padding: 'space.0'
|
|
20
|
-
});
|
|
21
|
-
const fullNameLabelStyles = xcss({
|
|
22
|
-
overflow: 'hidden',
|
|
23
|
-
textOverflow: 'ellipsis',
|
|
24
|
-
whiteSpace: 'nowrap',
|
|
25
|
-
font: "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
|
|
26
|
-
});
|
|
27
|
-
const noMetaLabelStyles = xcss({
|
|
28
|
-
marginTop: 'space.400',
|
|
29
|
-
marginRight: '0',
|
|
30
|
-
marginBottom: 'space.150',
|
|
31
|
-
marginLeft: '0'
|
|
32
|
-
});
|
|
33
|
-
const metaLabelStyles = xcss({
|
|
34
|
-
marginTop: 'space.150',
|
|
35
|
-
marginRight: '0',
|
|
36
|
-
marginBottom: '0',
|
|
37
|
-
marginLeft: '0'
|
|
38
|
-
});
|
|
39
|
-
const disabledAccountStyles = xcss({
|
|
40
|
-
color: 'color.text'
|
|
41
|
-
});
|
|
42
|
-
const activeAccountStyles = xcss({
|
|
43
|
-
color: 'color.text.inverse'
|
|
44
|
-
});
|
|
45
16
|
const styles = {
|
|
46
17
|
detailedListWrapper: "_19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
|
|
47
18
|
fullNameLabel: "_1reo15vq _18m915vq _11c81ixg _1bto1l2s _o5721q9c",
|
|
@@ -57,16 +28,9 @@ const renderName = (nickname, fullName, meta) => {
|
|
|
57
28
|
const isNicknameRedundant = !nickname || nickname === fullName;
|
|
58
29
|
const shownNickname = ` (${nickname}) `;
|
|
59
30
|
const displayName = isNicknameRedundant ? fullName : `${fullName}${shownNickname}`;
|
|
60
|
-
if (fg('jfp-a11y-autodev-profile-card-name-heading')) {
|
|
61
|
-
return /*#__PURE__*/React.createElement(CompiledBox, {
|
|
62
|
-
as: "h2",
|
|
63
|
-
xcss: cx(styles.fullNameLabel, styles.activeAccount, meta ? styles.metaLabel : styles.noMetaLabel),
|
|
64
|
-
testId: "profilecard-name",
|
|
65
|
-
id: "profilecard-name-label"
|
|
66
|
-
}, displayName);
|
|
67
|
-
}
|
|
68
31
|
return /*#__PURE__*/React.createElement(Box, {
|
|
69
|
-
|
|
32
|
+
as: "h2",
|
|
33
|
+
xcss: cx(styles.fullNameLabel, styles.activeAccount, meta ? styles.metaLabel : styles.noMetaLabel),
|
|
70
34
|
testId: "profilecard-name",
|
|
71
35
|
id: "profilecard-name-label"
|
|
72
36
|
}, displayName);
|
|
@@ -116,15 +80,11 @@ const DisabledProfileCardDetails = props => {
|
|
|
116
80
|
statusModifiedDate
|
|
117
81
|
} = props;
|
|
118
82
|
const name = status === 'inactive' ? fullName || nickname : nickname || /*#__PURE__*/React.createElement(FormattedMessage, messages.disabledAccountDefaultName);
|
|
119
|
-
return /*#__PURE__*/React.createElement(DetailsGroup, null,
|
|
83
|
+
return /*#__PURE__*/React.createElement(DetailsGroup, null, /*#__PURE__*/React.createElement(Box, {
|
|
120
84
|
as: "h2",
|
|
121
85
|
xcss: cx(styles.fullNameLabel, styles.noMetaLabel, styles.disabledAccount),
|
|
122
86
|
testId: "profilecard-name",
|
|
123
87
|
id: "profilecard-name-label"
|
|
124
|
-
}, name) : /*#__PURE__*/React.createElement(Box, {
|
|
125
|
-
xcss: [fullNameLabelStyles, noMetaLabelStyles, disabledAccountStyles],
|
|
126
|
-
testId: "profilecard-name",
|
|
127
|
-
id: "profilecard-name-label"
|
|
128
88
|
}, name), hasDisabledAccountLozenge && /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
|
|
129
89
|
appearance: "default",
|
|
130
90
|
isBold: true
|
|
@@ -147,7 +107,7 @@ export const ProfileCardDetails = props => {
|
|
|
147
107
|
}
|
|
148
108
|
return /*#__PURE__*/React.createElement(DetailsGroup, null, renderName(props.nickname, props.fullName, meta), meta && /*#__PURE__*/React.createElement(JobTitleLabel, null, meta), /*#__PURE__*/React.createElement(CustomLozenges, {
|
|
149
109
|
lozenges: props.customLozenges
|
|
150
|
-
}),
|
|
110
|
+
}), /*#__PURE__*/React.createElement(Box, {
|
|
151
111
|
as: "dl",
|
|
152
112
|
xcss: styles.detailedListWrapper
|
|
153
113
|
}, /*#__PURE__*/React.createElement(IconLabel, {
|
|
@@ -159,21 +119,6 @@ export const ProfileCardDetails = props => {
|
|
|
159
119
|
icon: "companyName"
|
|
160
120
|
}, props.companyName), /*#__PURE__*/React.createElement(IconLabel, {
|
|
161
121
|
icon: "location"
|
|
162
|
-
}, props.location)) :
|
|
163
|
-
/*#__PURE__*/
|
|
164
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-proper-xcss-usage
|
|
165
|
-
React.createElement(Box, {
|
|
166
|
-
as: "dl",
|
|
167
|
-
xcss: detailedListWrapperStyles
|
|
168
|
-
}, /*#__PURE__*/React.createElement(IconLabel, {
|
|
169
|
-
icon: "email",
|
|
170
|
-
extraTopSpace: true
|
|
171
|
-
}, props.email), /*#__PURE__*/React.createElement(IconLabel, {
|
|
172
|
-
icon: "time"
|
|
173
|
-
}, props.timestring), /*#__PURE__*/React.createElement(IconLabel, {
|
|
174
|
-
icon: "companyName"
|
|
175
|
-
}, props.companyName), /*#__PURE__*/React.createElement(IconLabel, {
|
|
176
|
-
icon: "location"
|
|
177
122
|
}, props.location)), /*#__PURE__*/React.createElement(ReportingLinesDetails, {
|
|
178
123
|
reportingLines: props.reportingLines,
|
|
179
124
|
reportingLinesProfileUrl: props.reportingLinesProfileUrl,
|
|
@@ -338,8 +338,7 @@ export default function ProfilecardTriggerNext({
|
|
|
338
338
|
autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : trigger === 'click'
|
|
339
339
|
// This feature gate is currently enabled only for Jira_Web to avoid UI issues in Confluence_Web.
|
|
340
340
|
,
|
|
341
|
-
shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
|
|
342
|
-
shouldDisableFocusLock: fg('enable_appropriate_reading_order_in_profile_card')
|
|
341
|
+
shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
|
|
343
342
|
}), shouldShowGiveKudos && teamCentralBaseUrl && /*#__PURE__*/React.createElement(Suspense, {
|
|
344
343
|
fallback: null
|
|
345
344
|
}, /*#__PURE__*/React.createElement(GiveKudosLauncherLazy, {
|
|
@@ -5,7 +5,6 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
5
5
|
import React, { useCallback } from 'react';
|
|
6
6
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
7
7
|
import Avatar from '@atlaskit/avatar';
|
|
8
|
-
import FeatureGates from '@atlaskit/feature-gate-js-client';
|
|
9
8
|
import { LinkItem } from '@atlaskit/menu';
|
|
10
9
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
10
|
import { Box, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
|
|
@@ -22,7 +21,7 @@ export const TeamConnections = ({
|
|
|
22
21
|
containerIcon,
|
|
23
22
|
link
|
|
24
23
|
}) => {
|
|
25
|
-
const isContainerIconEnabled =
|
|
24
|
+
const isContainerIconEnabled = fg('enable_web_links_in_team_containers') || fg('loom_tab_in_container_linker_team_profile_page');
|
|
26
25
|
const {
|
|
27
26
|
description,
|
|
28
27
|
icon,
|
|
@@ -87,7 +86,7 @@ export const NewTeamConnections = ({
|
|
|
87
86
|
containerIcon,
|
|
88
87
|
link
|
|
89
88
|
}) => {
|
|
90
|
-
const isContainerIconEnabled =
|
|
89
|
+
const isContainerIconEnabled = fg('enable_web_links_in_team_containers') || fg('loom_tab_in_container_linker_team_profile_page');
|
|
91
90
|
const {
|
|
92
91
|
description,
|
|
93
92
|
icon,
|
|
@@ -32,7 +32,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
|
|
|
32
32
|
actionSubjectId,
|
|
33
33
|
attributes: {
|
|
34
34
|
packageName: "@atlaskit/profilecard",
|
|
35
|
-
packageVersion: "23.
|
|
35
|
+
packageVersion: "23.19.0",
|
|
36
36
|
...attributes,
|
|
37
37
|
firedAt: Math.round(getPageTime())
|
|
38
38
|
}
|
|
@@ -4,7 +4,7 @@ import { AGGQuery } from './graphqlUtils';
|
|
|
4
4
|
var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
|
|
5
5
|
var addHeaders = function addHeaders(headers) {
|
|
6
6
|
headers.append('atl-client-name', "@atlaskit/profilecard");
|
|
7
|
-
headers.append('atl-client-version', "23.
|
|
7
|
+
headers.append('atl-client-version', "23.19.0");
|
|
8
8
|
return headers;
|
|
9
9
|
};
|
|
10
10
|
export function getOrgIdForCloudIdFromAGG(_x, _x2) {
|
|
@@ -56,7 +56,7 @@ export var addHeaders = function addHeaders(headers) {
|
|
|
56
56
|
headers.append('X-ExperimentalApi', 'teams-beta');
|
|
57
57
|
headers.append('X-ExperimentalApi', 'team-members-beta');
|
|
58
58
|
headers.append('atl-client-name', "@atlaskit/profilecard");
|
|
59
|
-
headers.append('atl-client-version', "23.
|
|
59
|
+
headers.append('atl-client-version', "23.19.0");
|
|
60
60
|
return headers;
|
|
61
61
|
};
|
|
62
62
|
export function getTeamFromAGG(_x, _x2, _x3) {
|
|
@@ -8,42 +8,13 @@ import React from 'react';
|
|
|
8
8
|
import { cx } from '@compiled/react';
|
|
9
9
|
import { FormattedMessage } from 'react-intl-next';
|
|
10
10
|
import Lozenge from '@atlaskit/lozenge';
|
|
11
|
-
import {
|
|
12
|
-
import { Box
|
|
13
|
-
import { Box as CompiledBox } from '@atlaskit/primitives/compiled';
|
|
11
|
+
import { Text } from '@atlaskit/primitives';
|
|
12
|
+
import { Box } from '@atlaskit/primitives/compiled';
|
|
14
13
|
import relativeDate from '../../internal/relative-date';
|
|
15
14
|
import messages from '../../messages';
|
|
16
15
|
import { AppTitleLabel, CustomLozengeContainer, DetailsGroup, DisabledInfo, JobTitleLabel, LozengeWrapper } from '../../styled/Card';
|
|
17
16
|
import { IconLabel } from '../Icon';
|
|
18
17
|
import ReportingLinesDetails from './ReportingLinesDetails';
|
|
19
|
-
var detailedListWrapperStyles = xcss({
|
|
20
|
-
margin: 'space.0',
|
|
21
|
-
padding: 'space.0'
|
|
22
|
-
});
|
|
23
|
-
var fullNameLabelStyles = xcss({
|
|
24
|
-
overflow: 'hidden',
|
|
25
|
-
textOverflow: 'ellipsis',
|
|
26
|
-
whiteSpace: 'nowrap',
|
|
27
|
-
font: "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
|
|
28
|
-
});
|
|
29
|
-
var noMetaLabelStyles = xcss({
|
|
30
|
-
marginTop: 'space.400',
|
|
31
|
-
marginRight: '0',
|
|
32
|
-
marginBottom: 'space.150',
|
|
33
|
-
marginLeft: '0'
|
|
34
|
-
});
|
|
35
|
-
var metaLabelStyles = xcss({
|
|
36
|
-
marginTop: 'space.150',
|
|
37
|
-
marginRight: '0',
|
|
38
|
-
marginBottom: '0',
|
|
39
|
-
marginLeft: '0'
|
|
40
|
-
});
|
|
41
|
-
var disabledAccountStyles = xcss({
|
|
42
|
-
color: 'color.text'
|
|
43
|
-
});
|
|
44
|
-
var activeAccountStyles = xcss({
|
|
45
|
-
color: 'color.text.inverse'
|
|
46
|
-
});
|
|
47
18
|
var styles = {
|
|
48
19
|
detailedListWrapper: "_19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
|
|
49
20
|
fullNameLabel: "_1reo15vq _18m915vq _11c81ixg _1bto1l2s _o5721q9c",
|
|
@@ -59,16 +30,9 @@ var renderName = function renderName(nickname, fullName, meta) {
|
|
|
59
30
|
var isNicknameRedundant = !nickname || nickname === fullName;
|
|
60
31
|
var shownNickname = " (".concat(nickname, ") ");
|
|
61
32
|
var displayName = isNicknameRedundant ? fullName : "".concat(fullName).concat(shownNickname);
|
|
62
|
-
if (fg('jfp-a11y-autodev-profile-card-name-heading')) {
|
|
63
|
-
return /*#__PURE__*/React.createElement(CompiledBox, {
|
|
64
|
-
as: "h2",
|
|
65
|
-
xcss: cx(styles.fullNameLabel, styles.activeAccount, meta ? styles.metaLabel : styles.noMetaLabel),
|
|
66
|
-
testId: "profilecard-name",
|
|
67
|
-
id: "profilecard-name-label"
|
|
68
|
-
}, displayName);
|
|
69
|
-
}
|
|
70
33
|
return /*#__PURE__*/React.createElement(Box, {
|
|
71
|
-
|
|
34
|
+
as: "h2",
|
|
35
|
+
xcss: cx(styles.fullNameLabel, styles.activeAccount, meta ? styles.metaLabel : styles.noMetaLabel),
|
|
72
36
|
testId: "profilecard-name",
|
|
73
37
|
id: "profilecard-name-label"
|
|
74
38
|
}, displayName);
|
|
@@ -117,15 +81,11 @@ var DisabledProfileCardDetails = function DisabledProfileCardDetails(props) {
|
|
|
117
81
|
status = props.status,
|
|
118
82
|
statusModifiedDate = props.statusModifiedDate;
|
|
119
83
|
var name = status === 'inactive' ? fullName || nickname : nickname || /*#__PURE__*/React.createElement(FormattedMessage, messages.disabledAccountDefaultName);
|
|
120
|
-
return /*#__PURE__*/React.createElement(DetailsGroup, null,
|
|
84
|
+
return /*#__PURE__*/React.createElement(DetailsGroup, null, /*#__PURE__*/React.createElement(Box, {
|
|
121
85
|
as: "h2",
|
|
122
86
|
xcss: cx(styles.fullNameLabel, styles.noMetaLabel, styles.disabledAccount),
|
|
123
87
|
testId: "profilecard-name",
|
|
124
88
|
id: "profilecard-name-label"
|
|
125
|
-
}, name) : /*#__PURE__*/React.createElement(Box, {
|
|
126
|
-
xcss: [fullNameLabelStyles, noMetaLabelStyles, disabledAccountStyles],
|
|
127
|
-
testId: "profilecard-name",
|
|
128
|
-
id: "profilecard-name-label"
|
|
129
89
|
}, name), hasDisabledAccountLozenge && /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
|
|
130
90
|
appearance: "default",
|
|
131
91
|
isBold: true
|
|
@@ -146,7 +106,7 @@ export var ProfileCardDetails = function ProfileCardDetails(props) {
|
|
|
146
106
|
}
|
|
147
107
|
return /*#__PURE__*/React.createElement(DetailsGroup, null, renderName(props.nickname, props.fullName, meta), meta && /*#__PURE__*/React.createElement(JobTitleLabel, null, meta), /*#__PURE__*/React.createElement(CustomLozenges, {
|
|
148
108
|
lozenges: props.customLozenges
|
|
149
|
-
}),
|
|
109
|
+
}), /*#__PURE__*/React.createElement(Box, {
|
|
150
110
|
as: "dl",
|
|
151
111
|
xcss: styles.detailedListWrapper
|
|
152
112
|
}, /*#__PURE__*/React.createElement(IconLabel, {
|
|
@@ -158,21 +118,6 @@ export var ProfileCardDetails = function ProfileCardDetails(props) {
|
|
|
158
118
|
icon: "companyName"
|
|
159
119
|
}, props.companyName), /*#__PURE__*/React.createElement(IconLabel, {
|
|
160
120
|
icon: "location"
|
|
161
|
-
}, props.location)) :
|
|
162
|
-
/*#__PURE__*/
|
|
163
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-proper-xcss-usage
|
|
164
|
-
React.createElement(Box, {
|
|
165
|
-
as: "dl",
|
|
166
|
-
xcss: detailedListWrapperStyles
|
|
167
|
-
}, /*#__PURE__*/React.createElement(IconLabel, {
|
|
168
|
-
icon: "email",
|
|
169
|
-
extraTopSpace: true
|
|
170
|
-
}, props.email), /*#__PURE__*/React.createElement(IconLabel, {
|
|
171
|
-
icon: "time"
|
|
172
|
-
}, props.timestring), /*#__PURE__*/React.createElement(IconLabel, {
|
|
173
|
-
icon: "companyName"
|
|
174
|
-
}, props.companyName), /*#__PURE__*/React.createElement(IconLabel, {
|
|
175
|
-
icon: "location"
|
|
176
121
|
}, props.location)), /*#__PURE__*/React.createElement(ReportingLinesDetails, {
|
|
177
122
|
reportingLines: props.reportingLines,
|
|
178
123
|
reportingLinesProfileUrl: props.reportingLinesProfileUrl,
|
|
@@ -397,8 +397,7 @@ export default function ProfilecardTriggerNext(_ref2) {
|
|
|
397
397
|
autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : trigger === 'click'
|
|
398
398
|
// This feature gate is currently enabled only for Jira_Web to avoid UI issues in Confluence_Web.
|
|
399
399
|
,
|
|
400
|
-
shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
|
|
401
|
-
shouldDisableFocusLock: fg('enable_appropriate_reading_order_in_profile_card')
|
|
400
|
+
shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
|
|
402
401
|
}), shouldShowGiveKudos && teamCentralBaseUrl && /*#__PURE__*/React.createElement(Suspense, {
|
|
403
402
|
fallback: null
|
|
404
403
|
}, /*#__PURE__*/React.createElement(GiveKudosLauncherLazy, {
|
|
@@ -5,7 +5,6 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
5
5
|
import React, { useCallback } from 'react';
|
|
6
6
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
7
7
|
import Avatar from '@atlaskit/avatar';
|
|
8
|
-
import FeatureGates from '@atlaskit/feature-gate-js-client';
|
|
9
8
|
import { LinkItem } from '@atlaskit/menu';
|
|
10
9
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
10
|
import { Box, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
|
|
@@ -21,7 +20,7 @@ export var TeamConnections = function TeamConnections(_ref) {
|
|
|
21
20
|
title = _ref.title,
|
|
22
21
|
containerIcon = _ref.containerIcon,
|
|
23
22
|
link = _ref.link;
|
|
24
|
-
var isContainerIconEnabled =
|
|
23
|
+
var isContainerIconEnabled = fg('enable_web_links_in_team_containers') || fg('loom_tab_in_container_linker_team_profile_page');
|
|
25
24
|
var _getContainerProperti = getContainerProperties({
|
|
26
25
|
containerType: containerType,
|
|
27
26
|
iconSize: 'medium',
|
|
@@ -83,7 +82,7 @@ export var NewTeamConnections = function NewTeamConnections(_ref2) {
|
|
|
83
82
|
title = _ref2.title,
|
|
84
83
|
containerIcon = _ref2.containerIcon,
|
|
85
84
|
link = _ref2.link;
|
|
86
|
-
var isContainerIconEnabled =
|
|
85
|
+
var isContainerIconEnabled = fg('enable_web_links_in_team_containers') || fg('loom_tab_in_container_linker_team_profile_page');
|
|
87
86
|
var _getContainerProperti2 = getContainerProperties({
|
|
88
87
|
containerType: containerType,
|
|
89
88
|
iconSize: 'medium',
|
|
@@ -39,7 +39,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
|
|
|
39
39
|
actionSubjectId: actionSubjectId,
|
|
40
40
|
attributes: _objectSpread(_objectSpread({
|
|
41
41
|
packageName: "@atlaskit/profilecard",
|
|
42
|
-
packageVersion: "23.
|
|
42
|
+
packageVersion: "23.19.0"
|
|
43
43
|
}, attributes), {}, {
|
|
44
44
|
firedAt: Math.round(getPageTime())
|
|
45
45
|
})
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/profilecard",
|
|
3
|
-
"version": "23.
|
|
3
|
+
"version": "23.19.0",
|
|
4
4
|
"description": "A React component to display a card with user information.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -77,9 +77,9 @@
|
|
|
77
77
|
"@atlaskit/rovo-triggers": "^2.16.0",
|
|
78
78
|
"@atlaskit/spinner": "^18.0.0",
|
|
79
79
|
"@atlaskit/teams-avatar": "^2.3.0",
|
|
80
|
-
"@atlaskit/teams-public": "^0.
|
|
80
|
+
"@atlaskit/teams-public": "^0.38.0",
|
|
81
81
|
"@atlaskit/theme": "^18.0.0",
|
|
82
|
-
"@atlaskit/tokens": "^5.
|
|
82
|
+
"@atlaskit/tokens": "^5.2.0",
|
|
83
83
|
"@atlaskit/tooltip": "^20.3.0",
|
|
84
84
|
"@babel/runtime": "^7.0.0",
|
|
85
85
|
"@compiled/react": "^0.18.3",
|
|
@@ -160,9 +160,6 @@
|
|
|
160
160
|
"enable_userprofilecard_arialabelfix": {
|
|
161
161
|
"type": "boolean"
|
|
162
162
|
},
|
|
163
|
-
"jfp-a11y-autodev-profile-card-name-heading": {
|
|
164
|
-
"type": "boolean"
|
|
165
|
-
},
|
|
166
163
|
"pt-deprecate-assistance-service": {
|
|
167
164
|
"type": "boolean"
|
|
168
165
|
},
|
|
@@ -180,6 +177,9 @@
|
|
|
180
177
|
},
|
|
181
178
|
"loom_tab_in_container_linker_team_profile_page": {
|
|
182
179
|
"type": "boolean"
|
|
180
|
+
},
|
|
181
|
+
"enable_web_links_in_team_containers": {
|
|
182
|
+
"type": "boolean"
|
|
183
183
|
}
|
|
184
184
|
},
|
|
185
185
|
"sideEffects": [
|