@atlaskit/profilecard 23.21.9 → 23.21.11
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 +18 -0
- package/afm-cc/tsconfig.json +110 -113
- package/afm-jira/tsconfig.json +0 -3
- package/afm-post-office/tsconfig.json +0 -3
- package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js +1 -1
- package/dist/cjs/client/getTeamFromAGG.js +1 -1
- package/dist/cjs/components/Team/TeamProfileCard.js +2 -5
- package/dist/cjs/components/User/ProfileCard.js +2 -6
- package/dist/cjs/components/User/ProfileCardDetails.compiled.css +1 -0
- package/dist/cjs/components/User/ProfileCardDetails.js +13 -1
- package/dist/cjs/styled/Card.compiled.css +1 -0
- package/dist/cjs/styled/Card.js +6 -1
- 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/Team/TeamProfileCard.js +2 -5
- package/dist/es2019/components/User/ProfileCard.js +2 -6
- package/dist/es2019/components/User/ProfileCardDetails.compiled.css +1 -0
- package/dist/es2019/components/User/ProfileCardDetails.js +13 -1
- package/dist/es2019/styled/Card.compiled.css +1 -0
- package/dist/es2019/styled/Card.js +6 -1
- 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/Team/TeamProfileCard.js +2 -5
- package/dist/esm/components/User/ProfileCard.js +2 -6
- package/dist/esm/components/User/ProfileCardDetails.compiled.css +1 -0
- package/dist/esm/components/User/ProfileCardDetails.js +13 -1
- package/dist/esm/styled/Card.compiled.css +1 -0
- package/dist/esm/styled/Card.js +6 -1
- package/dist/esm/util/analytics.js +1 -1
- package/package.json +5 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/profilecard
|
|
2
2
|
|
|
3
|
+
## 23.21.11
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#185745](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/185745)
|
|
8
|
+
[`992d6ccd14405`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/992d6ccd14405) -
|
|
9
|
+
Removed usage of @atlaskit/focus-ring (deprecated)
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 23.21.10
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- [#181827](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/181827)
|
|
17
|
+
[`9bbba56baf22b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9bbba56baf22b) -
|
|
18
|
+
ENGHEALTH-27994 Ensures dt and dd elements are direct children of dl element as required by WCAG
|
|
19
|
+
guidelines
|
|
20
|
+
|
|
3
21
|
## 23.21.9
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
package/afm-cc/tsconfig.json
CHANGED
|
@@ -1,114 +1,111 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
}
|
|
113
|
-
]
|
|
114
|
-
}
|
|
2
|
+
"extends": "../../../../tsconfig.entry-points.confluence.json",
|
|
3
|
+
"compilerOptions": {
|
|
4
|
+
"declaration": true,
|
|
5
|
+
"target": "es5",
|
|
6
|
+
"composite": true,
|
|
7
|
+
"outDir": "../../../../../confluence/tsDist/@atlaskit__profilecard",
|
|
8
|
+
"rootDir": "../"
|
|
9
|
+
},
|
|
10
|
+
"include": [
|
|
11
|
+
"../src/**/*.ts",
|
|
12
|
+
"../src/**/*.tsx"
|
|
13
|
+
],
|
|
14
|
+
"exclude": [
|
|
15
|
+
"../src/**/__tests__/*",
|
|
16
|
+
"../src/**/*.test.*",
|
|
17
|
+
"../src/**/test.*"
|
|
18
|
+
],
|
|
19
|
+
"references": [
|
|
20
|
+
{
|
|
21
|
+
"path": "../../../analytics/analytics-next/afm-cc/tsconfig.json"
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"path": "../../../uip/atlassian-context/afm-cc/tsconfig.json"
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"path": "../../../design-system/avatar/afm-cc/tsconfig.json"
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"path": "../../../design-system/avatar-group/afm-cc/tsconfig.json"
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
"path": "../../../design-system/button/afm-cc/tsconfig.json"
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
"path": "../../../design-system/css/afm-cc/tsconfig.json"
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
"path": "../../../design-system/dropdown-menu/afm-cc/tsconfig.json"
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
"path": "../../../design-system/empty-state/afm-cc/tsconfig.json"
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
"path": "../../../measurement/feature-gate-js-client/afm-cc/tsconfig.json"
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
"path": "../../../team-central/give-kudos/afm-cc/tsconfig.json"
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
"path": "../../../design-system/heading/afm-cc/tsconfig.json"
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"path": "../../../design-system/icon/afm-cc/tsconfig.json"
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"path": "../../../design-system/link/afm-cc/tsconfig.json"
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"path": "../../../design-system/logo/afm-cc/tsconfig.json"
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"path": "../../../design-system/lozenge/afm-cc/tsconfig.json"
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
"path": "../../../design-system/menu/afm-cc/tsconfig.json"
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"path": "../../../design-system/modal-dialog/afm-cc/tsconfig.json"
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"path": "../../people-teams-ui-public/afm-cc/tsconfig.json"
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
"path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"path": "../../../design-system/popup/afm-cc/tsconfig.json"
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
"path": "../../../design-system/primitives/afm-cc/tsconfig.json"
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"path": "../../../ai-mate/rovo-agent-components/afm-cc/tsconfig.json"
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
"path": "../../../ai-mate/rovo-triggers/afm-cc/tsconfig.json"
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
"path": "../../../design-system/spinner/afm-cc/tsconfig.json"
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"path": "../../teams-app-config/afm-cc/tsconfig.json"
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
"path": "../../teams-avatar/afm-cc/tsconfig.json"
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
"path": "../../teams-public/afm-cc/tsconfig.json"
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
"path": "../../../design-system/theme/afm-cc/tsconfig.json"
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
"path": "../../../design-system/tokens/afm-cc/tsconfig.json"
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"path": "../../../design-system/tooltip/afm-cc/tsconfig.json"
|
|
109
|
+
}
|
|
110
|
+
]
|
|
111
|
+
}
|
package/afm-jira/tsconfig.json
CHANGED
|
@@ -44,9 +44,6 @@
|
|
|
44
44
|
{
|
|
45
45
|
"path": "../../../measurement/feature-gate-js-client/afm-post-office/tsconfig.json"
|
|
46
46
|
},
|
|
47
|
-
{
|
|
48
|
-
"path": "../../../design-system/focus-ring/afm-post-office/tsconfig.json"
|
|
49
|
-
},
|
|
50
47
|
{
|
|
51
48
|
"path": "../../../team-central/give-kudos/afm-post-office/tsconfig.json"
|
|
52
49
|
},
|
|
@@ -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.21.
|
|
14
|
+
headers.append('atl-client-version', "23.21.10");
|
|
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.21.
|
|
68
|
+
headers.append('atl-client-version', "23.21.10");
|
|
69
69
|
return headers;
|
|
70
70
|
};
|
|
71
71
|
function getTeamFromAGG(_x, _x2, _x3) {
|
|
@@ -15,7 +15,6 @@ var _reactIntlNext = require("react-intl-next");
|
|
|
15
15
|
var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
|
|
16
16
|
var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
|
|
17
17
|
var _new = _interopRequireWildcard(require("@atlaskit/button/new"));
|
|
18
|
-
var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
|
|
19
18
|
var _showMoreHorizontalMore = _interopRequireDefault(require("@atlaskit/icon/core/migration/show-more-horizontal--more"));
|
|
20
19
|
var _menu = require("@atlaskit/menu");
|
|
21
20
|
var _verifiedTeamIcon = require("@atlaskit/people-teams-ui-public/verified-team-icon");
|
|
@@ -170,14 +169,12 @@ var ActionButton = function ActionButton(_ref2) {
|
|
|
170
169
|
analytics = _ref2.analytics,
|
|
171
170
|
index = _ref2.index;
|
|
172
171
|
var isGiveKudosActionButton = action.id === GIVE_KUDOS_ACTION_ID;
|
|
173
|
-
var actionButton = /*#__PURE__*/_react.default.createElement(
|
|
174
|
-
isInset: true
|
|
175
|
-
}, /*#__PURE__*/_react.default.createElement(_new.LinkButton, {
|
|
172
|
+
var actionButton = /*#__PURE__*/_react.default.createElement(_new.LinkButton, {
|
|
176
173
|
key: action.id || index,
|
|
177
174
|
onClick: onActionClick(action, analytics, index),
|
|
178
175
|
href: action.link || '',
|
|
179
176
|
shouldFitContainer: true
|
|
180
|
-
}, action.label, isGiveKudosActionButton && /*#__PURE__*/_react.default.createElement(_Card.AnimationWrapper, null, /*#__PURE__*/_react.default.createElement(_Card.KudosBlobAnimation, null)))
|
|
177
|
+
}, action.label, isGiveKudosActionButton && /*#__PURE__*/_react.default.createElement(_Card.AnimationWrapper, null, /*#__PURE__*/_react.default.createElement(_Card.KudosBlobAnimation, null)));
|
|
181
178
|
if (isGiveKudosActionButton) {
|
|
182
179
|
return /*#__PURE__*/_react.default.createElement(_Card.AnimatedKudosButton, null, actionButton);
|
|
183
180
|
}
|
|
@@ -14,7 +14,6 @@ var _reactIntlNext = require("react-intl-next");
|
|
|
14
14
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
15
15
|
var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
|
|
16
16
|
var _new = require("@atlaskit/button/new");
|
|
17
|
-
var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
|
|
18
17
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
19
18
|
var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
20
19
|
var _colors = require("@atlaskit/theme/colors");
|
|
@@ -166,10 +165,7 @@ var Actions = function Actions(_ref) {
|
|
|
166
165
|
testId: "profilecard-actions"
|
|
167
166
|
}, regularActions.map(function (action, index) {
|
|
168
167
|
var isKudos = action.id === GIVE_KUDOS_ACTION_ID;
|
|
169
|
-
var button = /*#__PURE__*/_react.default.createElement(
|
|
170
|
-
isInset: true,
|
|
171
|
-
key: "profile-card-action-focus-ring_".concat(action.id || index)
|
|
172
|
-
}, /*#__PURE__*/_react.default.createElement(_new.LinkButton, {
|
|
168
|
+
var button = /*#__PURE__*/_react.default.createElement(_new.LinkButton, {
|
|
173
169
|
appearance: "default",
|
|
174
170
|
key: action.id || index,
|
|
175
171
|
onClick: function onClick(event) {
|
|
@@ -182,7 +178,7 @@ var Actions = function Actions(_ref) {
|
|
|
182
178
|
autoFocus: index === 0 && isTriggeredUsingKeyboard,
|
|
183
179
|
id: "action-button-".concat(action.id),
|
|
184
180
|
"aria-labelledby": (0, _platformFeatureFlags.fg)('enable_userprofilecard_arialabelfix') ? "action-button-".concat(action.id, " profilecard-name-label") : ''
|
|
185
|
-
}, action.label, isKudos && /*#__PURE__*/_react.default.createElement(_Card.AnimationWrapper, null, /*#__PURE__*/_react.default.createElement(_Card.KudosBlobAnimation, null)))
|
|
181
|
+
}, action.label, isKudos && /*#__PURE__*/_react.default.createElement(_Card.AnimationWrapper, null, /*#__PURE__*/_react.default.createElement(_Card.KudosBlobAnimation, null)));
|
|
186
182
|
if (isKudos) {
|
|
187
183
|
return /*#__PURE__*/_react.default.createElement(_Card.AnimatedKudosButton, {
|
|
188
184
|
key: "profile-card-action-kudos_".concat(action.id || index)
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
._18u0idpf{margin-left:0}
|
|
4
4
|
._18u0ze3t{margin-left:var(--ds-space-0,0)}
|
|
5
5
|
._19bvze3t{padding-left:var(--ds-space-0,0)}
|
|
6
|
+
._19pkxy5q{margin-top:var(--ds-space-400,2pc)}
|
|
6
7
|
._19pkze3t{margin-top:var(--ds-space-0,0)}
|
|
7
8
|
._1bguutpp#profilecard-name-label{margin-bottom:var(--ds-space-150,9pt)}
|
|
8
9
|
._1bto1l2s{text-overflow:ellipsis}
|
|
@@ -25,6 +25,7 @@ var _ReportingLinesDetails = _interopRequireDefault(require("./ReportingLinesDet
|
|
|
25
25
|
var _excluded = ["text"];
|
|
26
26
|
var styles = {
|
|
27
27
|
detailedListWrapper: "_19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
|
|
28
|
+
detailedListWrapperNext: "_19pkxy5q _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
|
|
28
29
|
fullNameLabel: "_1reo15vq _18m915vq _11c81ixg _1bto1l2s _o5721q9c",
|
|
29
30
|
noMetaLabel: "_2hwxidpf _18u0idpf _rcujxy5q _1l6uutpp",
|
|
30
31
|
noMetaLabelWithHighSpecificity: "_1hpmxy5q _1bguutpp",
|
|
@@ -124,7 +125,18 @@ var ProfileCardDetails = exports.ProfileCardDetails = function ProfileCardDetail
|
|
|
124
125
|
}
|
|
125
126
|
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, {
|
|
126
127
|
lozenges: props.customLozenges
|
|
127
|
-
}), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
128
|
+
}), (0, _platformFeatureFlags.fg)('fix_profilecard_details_label_semantic_html') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
129
|
+
xcss: styles.detailedListWrapperNext
|
|
130
|
+
}, /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
|
|
131
|
+
icon: "email",
|
|
132
|
+
extraTopSpace: true
|
|
133
|
+
}, props.email), /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
|
|
134
|
+
icon: "time"
|
|
135
|
+
}, props.timestring), /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
|
|
136
|
+
icon: "companyName"
|
|
137
|
+
}, props.companyName), /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
|
|
138
|
+
icon: "location"
|
|
139
|
+
}, props.location)) : /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
128
140
|
as: "dl",
|
|
129
141
|
xcss: styles.detailedListWrapper
|
|
130
142
|
}, /*#__PURE__*/_react.default.createElement(_Icon.IconLabel, {
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
._19bv12x7{padding-left:var(--ds-space-075,6px)}
|
|
18
18
|
._19bv1ejb{padding-left:var(--ds-space-300,24px)}
|
|
19
19
|
._19bvxy5q{padding-left:var(--ds-space-400,2pc)}
|
|
20
|
+
._19bvze3t{padding-left:var(--ds-space-0,0)}
|
|
20
21
|
._19pk1b66{margin-top:var(--ds-space-050,4px)}
|
|
21
22
|
._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
|
|
22
23
|
._19pkutpp{margin-top:var(--ds-space-150,9pt)}
|
package/dist/cjs/styled/Card.js
CHANGED
|
@@ -11,6 +11,7 @@ require("./Card.compiled.css");
|
|
|
11
11
|
var _runtime = require("@compiled/react/runtime");
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
13
|
var _css = require("@atlaskit/css");
|
|
14
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
15
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
15
16
|
var kudosButtonAnimationTransformationCompiled = null;
|
|
16
17
|
var styles = {
|
|
@@ -31,6 +32,7 @@ var styles = {
|
|
|
31
32
|
cardContainerDisabledUser: "_1itkkf3t",
|
|
32
33
|
cardContainerWithElevation: "_2rkoglpi _16qs1cd0",
|
|
33
34
|
detailsLabel: "_zulpu2gc _1e0c1txw _4cvr1h6o _1bah1y6m _19pkutpp _2hwxze3t _18u0ze3t _otyrze3t _o5721q9c",
|
|
35
|
+
detailsLabelNext: "_zulpu2gc _1e0c1txw _4cvr1h6o _1bah1y6m _19pkutpp _2hwxze3t _18u0ze3t _otyrze3t _19bvze3t _o5721q9c",
|
|
34
36
|
detailsLabelExtraTopSpace: "_19pkxy5q",
|
|
35
37
|
detailsLabelIcon: "_1e0c1txw _1o9zidpf _syaz131l _1bsb7vkz _4t3i7vkz _s7n4jp4b _19pkze3t",
|
|
36
38
|
detailsLabelText: "_1reo15vq _18m915vq _11c8dcr7 _1bto1l2s _syaz1fxt _19pkze3t _18u0ze3t",
|
|
@@ -149,7 +151,10 @@ var DetailsLabel = exports.DetailsLabel = function DetailsLabel(_ref12) {
|
|
|
149
151
|
var children = _ref12.children,
|
|
150
152
|
_ref12$extraTopSpace = _ref12.extraTopSpace,
|
|
151
153
|
extraTopSpace = _ref12$extraTopSpace === void 0 ? false : _ref12$extraTopSpace;
|
|
152
|
-
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
154
|
+
return (0, _platformFeatureFlags.fg)('fix_profilecard_details_label_semantic_html') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
155
|
+
as: "dl",
|
|
156
|
+
xcss: (0, _css.cx)(styles.detailsLabelNext, extraTopSpace && styles.detailsLabelExtraTopSpace)
|
|
157
|
+
}, children) : /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
153
158
|
xcss: (0, _css.cx)(styles.detailsLabel, extraTopSpace && styles.detailsLabelExtraTopSpace)
|
|
154
159
|
}, children);
|
|
155
160
|
};
|
|
@@ -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.21.
|
|
48
|
+
packageVersion: "23.21.10"
|
|
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.21.
|
|
9
|
+
headers.append('atl-client-version', "23.21.10");
|
|
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.21.
|
|
77
|
+
headers.append('atl-client-version', "23.21.10");
|
|
78
78
|
return headers;
|
|
79
79
|
};
|
|
80
80
|
export async function getTeamFromAGG(url, teamId, siteId) {
|
|
@@ -4,7 +4,6 @@ import { FormattedMessage, useIntl } from 'react-intl-next';
|
|
|
4
4
|
import Avatar from '@atlaskit/avatar';
|
|
5
5
|
import AvatarGroup from '@atlaskit/avatar-group';
|
|
6
6
|
import Button, { IconButton, LinkButton } from '@atlaskit/button/new';
|
|
7
|
-
import FocusRing from '@atlaskit/focus-ring';
|
|
8
7
|
import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
|
|
9
8
|
import { LinkItem, MenuGroup } from '@atlaskit/menu';
|
|
10
9
|
import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
|
|
@@ -150,14 +149,12 @@ const ActionButton = ({
|
|
|
150
149
|
index
|
|
151
150
|
}) => {
|
|
152
151
|
const isGiveKudosActionButton = action.id === GIVE_KUDOS_ACTION_ID;
|
|
153
|
-
const actionButton = /*#__PURE__*/React.createElement(
|
|
154
|
-
isInset: true
|
|
155
|
-
}, /*#__PURE__*/React.createElement(LinkButton, {
|
|
152
|
+
const actionButton = /*#__PURE__*/React.createElement(LinkButton, {
|
|
156
153
|
key: action.id || index,
|
|
157
154
|
onClick: onActionClick(action, analytics, index),
|
|
158
155
|
href: action.link || '',
|
|
159
156
|
shouldFitContainer: true
|
|
160
|
-
}, action.label, isGiveKudosActionButton && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null)))
|
|
157
|
+
}, action.label, isGiveKudosActionButton && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null)));
|
|
161
158
|
if (isGiveKudosActionButton) {
|
|
162
159
|
return /*#__PURE__*/React.createElement(AnimatedKudosButton, null, actionButton);
|
|
163
160
|
}
|
|
@@ -4,7 +4,6 @@ import { FormattedMessage } from 'react-intl-next';
|
|
|
4
4
|
import { withAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
5
5
|
import Avatar from '@atlaskit/avatar';
|
|
6
6
|
import { LinkButton } from '@atlaskit/button/new';
|
|
7
|
-
import FocusRing from '@atlaskit/focus-ring';
|
|
8
7
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
8
|
import Spinner from '@atlaskit/spinner';
|
|
10
9
|
import { N0 } from '@atlaskit/theme/colors';
|
|
@@ -153,10 +152,7 @@ const Actions = ({
|
|
|
153
152
|
testId: "profilecard-actions"
|
|
154
153
|
}, regularActions.map((action, index) => {
|
|
155
154
|
const isKudos = action.id === GIVE_KUDOS_ACTION_ID;
|
|
156
|
-
const button = /*#__PURE__*/React.createElement(
|
|
157
|
-
isInset: true,
|
|
158
|
-
key: `profile-card-action-focus-ring_${action.id || index}`
|
|
159
|
-
}, /*#__PURE__*/React.createElement(LinkButton, {
|
|
155
|
+
const button = /*#__PURE__*/React.createElement(LinkButton, {
|
|
160
156
|
appearance: "default",
|
|
161
157
|
key: action.id || index,
|
|
162
158
|
onClick: (event, ...args) => onActionClick(action, args, event, index),
|
|
@@ -164,7 +160,7 @@ const Actions = ({
|
|
|
164
160
|
autoFocus: index === 0 && isTriggeredUsingKeyboard,
|
|
165
161
|
id: `action-button-${action.id}`,
|
|
166
162
|
"aria-labelledby": fg('enable_userprofilecard_arialabelfix') ? `action-button-${action.id} profilecard-name-label` : ''
|
|
167
|
-
}, action.label, isKudos && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null)))
|
|
163
|
+
}, action.label, isKudos && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null)));
|
|
168
164
|
if (isKudos) {
|
|
169
165
|
return /*#__PURE__*/React.createElement(AnimatedKudosButton, {
|
|
170
166
|
key: `profile-card-action-kudos_${action.id || index}`
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
._18u0idpf{margin-left:0}
|
|
4
4
|
._18u0ze3t{margin-left:var(--ds-space-0,0)}
|
|
5
5
|
._19bvze3t{padding-left:var(--ds-space-0,0)}
|
|
6
|
+
._19pkxy5q{margin-top:var(--ds-space-400,2pc)}
|
|
6
7
|
._19pkze3t{margin-top:var(--ds-space-0,0)}
|
|
7
8
|
._1bguutpp#profilecard-name-label{margin-bottom:var(--ds-space-150,9pt)}
|
|
8
9
|
._1bto1l2s{text-overflow:ellipsis}
|
|
@@ -16,6 +16,7 @@ import { IconLabel } from '../Icon';
|
|
|
16
16
|
import ReportingLinesDetails from './ReportingLinesDetails';
|
|
17
17
|
const styles = {
|
|
18
18
|
detailedListWrapper: "_19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
|
|
19
|
+
detailedListWrapperNext: "_19pkxy5q _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
|
|
19
20
|
fullNameLabel: "_1reo15vq _18m915vq _11c81ixg _1bto1l2s _o5721q9c",
|
|
20
21
|
noMetaLabel: "_2hwxidpf _18u0idpf _rcujxy5q _1l6uutpp",
|
|
21
22
|
noMetaLabelWithHighSpecificity: "_1hpmxy5q _1bguutpp",
|
|
@@ -120,7 +121,18 @@ export const ProfileCardDetails = props => {
|
|
|
120
121
|
}
|
|
121
122
|
return /*#__PURE__*/React.createElement(DetailsGroup, null, renderName(props.nickname, props.fullName, meta), meta && /*#__PURE__*/React.createElement(JobTitleLabel, null, meta), /*#__PURE__*/React.createElement(CustomLozenges, {
|
|
122
123
|
lozenges: props.customLozenges
|
|
123
|
-
}), /*#__PURE__*/React.createElement(Box, {
|
|
124
|
+
}), fg('fix_profilecard_details_label_semantic_html') ? /*#__PURE__*/React.createElement(Box, {
|
|
125
|
+
xcss: styles.detailedListWrapperNext
|
|
126
|
+
}, /*#__PURE__*/React.createElement(IconLabel, {
|
|
127
|
+
icon: "email",
|
|
128
|
+
extraTopSpace: true
|
|
129
|
+
}, props.email), /*#__PURE__*/React.createElement(IconLabel, {
|
|
130
|
+
icon: "time"
|
|
131
|
+
}, props.timestring), /*#__PURE__*/React.createElement(IconLabel, {
|
|
132
|
+
icon: "companyName"
|
|
133
|
+
}, props.companyName), /*#__PURE__*/React.createElement(IconLabel, {
|
|
134
|
+
icon: "location"
|
|
135
|
+
}, props.location)) : /*#__PURE__*/React.createElement(Box, {
|
|
124
136
|
as: "dl",
|
|
125
137
|
xcss: styles.detailedListWrapper
|
|
126
138
|
}, /*#__PURE__*/React.createElement(IconLabel, {
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
._19bv12x7{padding-left:var(--ds-space-075,6px)}
|
|
18
18
|
._19bv1ejb{padding-left:var(--ds-space-300,24px)}
|
|
19
19
|
._19bvxy5q{padding-left:var(--ds-space-400,2pc)}
|
|
20
|
+
._19bvze3t{padding-left:var(--ds-space-0,0)}
|
|
20
21
|
._19pk1b66{margin-top:var(--ds-space-050,4px)}
|
|
21
22
|
._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
|
|
22
23
|
._19pkutpp{margin-top:var(--ds-space-150,9pt)}
|
|
@@ -4,6 +4,7 @@ import "./Card.compiled.css";
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import { cx } from '@atlaskit/css';
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
8
|
import { Box, Text } from '@atlaskit/primitives/compiled';
|
|
8
9
|
const kudosButtonAnimationTransformationCompiled = null;
|
|
9
10
|
const styles = {
|
|
@@ -24,6 +25,7 @@ const styles = {
|
|
|
24
25
|
cardContainerDisabledUser: "_1itkkf3t",
|
|
25
26
|
cardContainerWithElevation: "_2rkoglpi _16qs1cd0",
|
|
26
27
|
detailsLabel: "_zulpu2gc _1e0c1txw _4cvr1h6o _1bah1y6m _19pkutpp _2hwxze3t _18u0ze3t _otyrze3t _o5721q9c",
|
|
28
|
+
detailsLabelNext: "_zulpu2gc _1e0c1txw _4cvr1h6o _1bah1y6m _19pkutpp _2hwxze3t _18u0ze3t _otyrze3t _19bvze3t _o5721q9c",
|
|
27
29
|
detailsLabelExtraTopSpace: "_19pkxy5q",
|
|
28
30
|
detailsLabelIcon: "_1e0c1txw _1o9zidpf _syaz131l _1bsb7vkz _4t3i7vkz _s7n4jp4b _19pkze3t",
|
|
29
31
|
detailsLabelText: "_1reo15vq _18m915vq _11c8dcr7 _1bto1l2s _syaz1fxt _19pkze3t _18u0ze3t",
|
|
@@ -122,7 +124,10 @@ export const CardContainer = ({
|
|
|
122
124
|
export const DetailsLabel = ({
|
|
123
125
|
children,
|
|
124
126
|
extraTopSpace = false
|
|
125
|
-
}) => /*#__PURE__*/React.createElement(Box, {
|
|
127
|
+
}) => fg('fix_profilecard_details_label_semantic_html') ? /*#__PURE__*/React.createElement(Box, {
|
|
128
|
+
as: "dl",
|
|
129
|
+
xcss: cx(styles.detailsLabelNext, extraTopSpace && styles.detailsLabelExtraTopSpace)
|
|
130
|
+
}, children) : /*#__PURE__*/React.createElement(Box, {
|
|
126
131
|
xcss: cx(styles.detailsLabel, extraTopSpace && styles.detailsLabelExtraTopSpace)
|
|
127
132
|
}, children);
|
|
128
133
|
export const DetailsLabelIcon = ({
|
|
@@ -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.21.
|
|
35
|
+
packageVersion: "23.21.10",
|
|
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.21.
|
|
7
|
+
headers.append('atl-client-version', "23.21.10");
|
|
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.21.
|
|
59
|
+
headers.append('atl-client-version', "23.21.10");
|
|
60
60
|
return headers;
|
|
61
61
|
};
|
|
62
62
|
export function getTeamFromAGG(_x, _x2, _x3) {
|
|
@@ -9,7 +9,6 @@ import { FormattedMessage, useIntl } from 'react-intl-next';
|
|
|
9
9
|
import Avatar from '@atlaskit/avatar';
|
|
10
10
|
import AvatarGroup from '@atlaskit/avatar-group';
|
|
11
11
|
import Button, { IconButton, LinkButton } from '@atlaskit/button/new';
|
|
12
|
-
import FocusRing from '@atlaskit/focus-ring';
|
|
13
12
|
import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
|
|
14
13
|
import { LinkItem, MenuGroup } from '@atlaskit/menu';
|
|
15
14
|
import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
|
|
@@ -161,14 +160,12 @@ var ActionButton = function ActionButton(_ref2) {
|
|
|
161
160
|
analytics = _ref2.analytics,
|
|
162
161
|
index = _ref2.index;
|
|
163
162
|
var isGiveKudosActionButton = action.id === GIVE_KUDOS_ACTION_ID;
|
|
164
|
-
var actionButton = /*#__PURE__*/React.createElement(
|
|
165
|
-
isInset: true
|
|
166
|
-
}, /*#__PURE__*/React.createElement(LinkButton, {
|
|
163
|
+
var actionButton = /*#__PURE__*/React.createElement(LinkButton, {
|
|
167
164
|
key: action.id || index,
|
|
168
165
|
onClick: onActionClick(action, analytics, index),
|
|
169
166
|
href: action.link || '',
|
|
170
167
|
shouldFitContainer: true
|
|
171
|
-
}, action.label, isGiveKudosActionButton && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null)))
|
|
168
|
+
}, action.label, isGiveKudosActionButton && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null)));
|
|
172
169
|
if (isGiveKudosActionButton) {
|
|
173
170
|
return /*#__PURE__*/React.createElement(AnimatedKudosButton, null, actionButton);
|
|
174
171
|
}
|
|
@@ -6,7 +6,6 @@ import { FormattedMessage } from 'react-intl-next';
|
|
|
6
6
|
import { withAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
7
7
|
import Avatar from '@atlaskit/avatar';
|
|
8
8
|
import { LinkButton } from '@atlaskit/button/new';
|
|
9
|
-
import FocusRing from '@atlaskit/focus-ring';
|
|
10
9
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
10
|
import Spinner from '@atlaskit/spinner';
|
|
12
11
|
import { N0 } from '@atlaskit/theme/colors';
|
|
@@ -157,10 +156,7 @@ var Actions = function Actions(_ref) {
|
|
|
157
156
|
testId: "profilecard-actions"
|
|
158
157
|
}, regularActions.map(function (action, index) {
|
|
159
158
|
var isKudos = action.id === GIVE_KUDOS_ACTION_ID;
|
|
160
|
-
var button = /*#__PURE__*/React.createElement(
|
|
161
|
-
isInset: true,
|
|
162
|
-
key: "profile-card-action-focus-ring_".concat(action.id || index)
|
|
163
|
-
}, /*#__PURE__*/React.createElement(LinkButton, {
|
|
159
|
+
var button = /*#__PURE__*/React.createElement(LinkButton, {
|
|
164
160
|
appearance: "default",
|
|
165
161
|
key: action.id || index,
|
|
166
162
|
onClick: function onClick(event) {
|
|
@@ -173,7 +169,7 @@ var Actions = function Actions(_ref) {
|
|
|
173
169
|
autoFocus: index === 0 && isTriggeredUsingKeyboard,
|
|
174
170
|
id: "action-button-".concat(action.id),
|
|
175
171
|
"aria-labelledby": fg('enable_userprofilecard_arialabelfix') ? "action-button-".concat(action.id, " profilecard-name-label") : ''
|
|
176
|
-
}, action.label, isKudos && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null)))
|
|
172
|
+
}, action.label, isKudos && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null)));
|
|
177
173
|
if (isKudos) {
|
|
178
174
|
return /*#__PURE__*/React.createElement(AnimatedKudosButton, {
|
|
179
175
|
key: "profile-card-action-kudos_".concat(action.id || index)
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
._18u0idpf{margin-left:0}
|
|
4
4
|
._18u0ze3t{margin-left:var(--ds-space-0,0)}
|
|
5
5
|
._19bvze3t{padding-left:var(--ds-space-0,0)}
|
|
6
|
+
._19pkxy5q{margin-top:var(--ds-space-400,2pc)}
|
|
6
7
|
._19pkze3t{margin-top:var(--ds-space-0,0)}
|
|
7
8
|
._1bguutpp#profilecard-name-label{margin-bottom:var(--ds-space-150,9pt)}
|
|
8
9
|
._1bto1l2s{text-overflow:ellipsis}
|
|
@@ -18,6 +18,7 @@ import { IconLabel } from '../Icon';
|
|
|
18
18
|
import ReportingLinesDetails from './ReportingLinesDetails';
|
|
19
19
|
var styles = {
|
|
20
20
|
detailedListWrapper: "_19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
|
|
21
|
+
detailedListWrapperNext: "_19pkxy5q _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
|
|
21
22
|
fullNameLabel: "_1reo15vq _18m915vq _11c81ixg _1bto1l2s _o5721q9c",
|
|
22
23
|
noMetaLabel: "_2hwxidpf _18u0idpf _rcujxy5q _1l6uutpp",
|
|
23
24
|
noMetaLabelWithHighSpecificity: "_1hpmxy5q _1bguutpp",
|
|
@@ -117,7 +118,18 @@ export var ProfileCardDetails = function ProfileCardDetails(props) {
|
|
|
117
118
|
}
|
|
118
119
|
return /*#__PURE__*/React.createElement(DetailsGroup, null, renderName(props.nickname, props.fullName, meta), meta && /*#__PURE__*/React.createElement(JobTitleLabel, null, meta), /*#__PURE__*/React.createElement(CustomLozenges, {
|
|
119
120
|
lozenges: props.customLozenges
|
|
120
|
-
}), /*#__PURE__*/React.createElement(Box, {
|
|
121
|
+
}), fg('fix_profilecard_details_label_semantic_html') ? /*#__PURE__*/React.createElement(Box, {
|
|
122
|
+
xcss: styles.detailedListWrapperNext
|
|
123
|
+
}, /*#__PURE__*/React.createElement(IconLabel, {
|
|
124
|
+
icon: "email",
|
|
125
|
+
extraTopSpace: true
|
|
126
|
+
}, props.email), /*#__PURE__*/React.createElement(IconLabel, {
|
|
127
|
+
icon: "time"
|
|
128
|
+
}, props.timestring), /*#__PURE__*/React.createElement(IconLabel, {
|
|
129
|
+
icon: "companyName"
|
|
130
|
+
}, props.companyName), /*#__PURE__*/React.createElement(IconLabel, {
|
|
131
|
+
icon: "location"
|
|
132
|
+
}, props.location)) : /*#__PURE__*/React.createElement(Box, {
|
|
121
133
|
as: "dl",
|
|
122
134
|
xcss: styles.detailedListWrapper
|
|
123
135
|
}, /*#__PURE__*/React.createElement(IconLabel, {
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
._19bv12x7{padding-left:var(--ds-space-075,6px)}
|
|
18
18
|
._19bv1ejb{padding-left:var(--ds-space-300,24px)}
|
|
19
19
|
._19bvxy5q{padding-left:var(--ds-space-400,2pc)}
|
|
20
|
+
._19bvze3t{padding-left:var(--ds-space-0,0)}
|
|
20
21
|
._19pk1b66{margin-top:var(--ds-space-050,4px)}
|
|
21
22
|
._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
|
|
22
23
|
._19pkutpp{margin-top:var(--ds-space-150,9pt)}
|
package/dist/esm/styled/Card.js
CHANGED
|
@@ -4,6 +4,7 @@ import "./Card.compiled.css";
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import { cx } from '@atlaskit/css';
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
8
|
import { Box, Text } from '@atlaskit/primitives/compiled';
|
|
8
9
|
var kudosButtonAnimationTransformationCompiled = null;
|
|
9
10
|
var styles = {
|
|
@@ -24,6 +25,7 @@ var styles = {
|
|
|
24
25
|
cardContainerDisabledUser: "_1itkkf3t",
|
|
25
26
|
cardContainerWithElevation: "_2rkoglpi _16qs1cd0",
|
|
26
27
|
detailsLabel: "_zulpu2gc _1e0c1txw _4cvr1h6o _1bah1y6m _19pkutpp _2hwxze3t _18u0ze3t _otyrze3t _o5721q9c",
|
|
28
|
+
detailsLabelNext: "_zulpu2gc _1e0c1txw _4cvr1h6o _1bah1y6m _19pkutpp _2hwxze3t _18u0ze3t _otyrze3t _19bvze3t _o5721q9c",
|
|
27
29
|
detailsLabelExtraTopSpace: "_19pkxy5q",
|
|
28
30
|
detailsLabelIcon: "_1e0c1txw _1o9zidpf _syaz131l _1bsb7vkz _4t3i7vkz _s7n4jp4b _19pkze3t",
|
|
29
31
|
detailsLabelText: "_1reo15vq _18m915vq _11c8dcr7 _1bto1l2s _syaz1fxt _19pkze3t _18u0ze3t",
|
|
@@ -142,7 +144,10 @@ export var DetailsLabel = function DetailsLabel(_ref12) {
|
|
|
142
144
|
var children = _ref12.children,
|
|
143
145
|
_ref12$extraTopSpace = _ref12.extraTopSpace,
|
|
144
146
|
extraTopSpace = _ref12$extraTopSpace === void 0 ? false : _ref12$extraTopSpace;
|
|
145
|
-
return /*#__PURE__*/React.createElement(Box, {
|
|
147
|
+
return fg('fix_profilecard_details_label_semantic_html') ? /*#__PURE__*/React.createElement(Box, {
|
|
148
|
+
as: "dl",
|
|
149
|
+
xcss: cx(styles.detailsLabelNext, extraTopSpace && styles.detailsLabelExtraTopSpace)
|
|
150
|
+
}, children) : /*#__PURE__*/React.createElement(Box, {
|
|
146
151
|
xcss: cx(styles.detailsLabel, extraTopSpace && styles.detailsLabelExtraTopSpace)
|
|
147
152
|
}, children);
|
|
148
153
|
};
|
|
@@ -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.21.
|
|
42
|
+
packageVersion: "23.21.10"
|
|
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.21.
|
|
3
|
+
"version": "23.21.11",
|
|
4
4
|
"description": "A React component to display a card with user information.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -59,7 +59,6 @@
|
|
|
59
59
|
"@atlaskit/dropdown-menu": "^16.1.0",
|
|
60
60
|
"@atlaskit/empty-state": "^10.1.0",
|
|
61
61
|
"@atlaskit/feature-gate-js-client": "^5.5.0",
|
|
62
|
-
"@atlaskit/focus-ring": "^3.0.0",
|
|
63
62
|
"@atlaskit/give-kudos": "^4.3.0",
|
|
64
63
|
"@atlaskit/heading": "^5.2.0",
|
|
65
64
|
"@atlaskit/icon": "^27.3.0",
|
|
@@ -77,7 +76,7 @@
|
|
|
77
76
|
"@atlaskit/spinner": "^18.0.0",
|
|
78
77
|
"@atlaskit/teams-app-config": "^1.9.0",
|
|
79
78
|
"@atlaskit/teams-avatar": "^2.3.0",
|
|
80
|
-
"@atlaskit/teams-public": "^0.
|
|
79
|
+
"@atlaskit/teams-public": "^0.44.0",
|
|
81
80
|
"@atlaskit/theme": "^19.0.0",
|
|
82
81
|
"@atlaskit/tokens": "^5.5.0",
|
|
83
82
|
"@atlaskit/tooltip": "^20.3.0",
|
|
@@ -178,6 +177,9 @@
|
|
|
178
177
|
"platform-adopt-teams-nav-config": {
|
|
179
178
|
"type": "boolean"
|
|
180
179
|
},
|
|
180
|
+
"fix_profilecard_details_label_semantic_html": {
|
|
181
|
+
"type": "boolean"
|
|
182
|
+
},
|
|
181
183
|
"platform_editor_profilecard_style_fix": {
|
|
182
184
|
"type": "boolean"
|
|
183
185
|
}
|