@atlaskit/profilecard 24.42.0 → 24.44.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 +24 -0
- package/afm-jira/tsconfig.json +0 -6
- package/afm-products/tsconfig.json +0 -6
- package/dist/cjs/components/Agent/AgentDeleteConfirmationModal.js +4 -2
- package/dist/cjs/components/Agent/AgentProfileCard.js +2 -1
- package/dist/cjs/components/Agent/AgentProfileCardTrigger.js +2 -2
- package/dist/cjs/components/User/ProfileCard.js +1 -1
- package/dist/cjs/components/User/ProfileCardDetails.compiled.css +0 -3
- package/dist/cjs/components/User/ProfileCardDetails.js +4 -6
- package/dist/cjs/styled/Card.js +2 -4
- package/dist/es2019/components/Agent/AgentDeleteConfirmationModal.js +4 -2
- package/dist/es2019/components/Agent/AgentProfileCard.js +2 -1
- package/dist/es2019/components/Agent/AgentProfileCardTrigger.js +1 -1
- package/dist/es2019/components/User/ProfileCard.js +1 -1
- package/dist/es2019/components/User/ProfileCardDetails.compiled.css +0 -3
- package/dist/es2019/components/User/ProfileCardDetails.js +4 -6
- package/dist/es2019/styled/Card.js +2 -4
- package/dist/esm/components/Agent/AgentDeleteConfirmationModal.js +4 -2
- package/dist/esm/components/Agent/AgentProfileCard.js +2 -1
- package/dist/esm/components/Agent/AgentProfileCardTrigger.js +1 -1
- package/dist/esm/components/User/ProfileCard.js +1 -1
- package/dist/esm/components/User/ProfileCardDetails.compiled.css +0 -3
- package/dist/esm/components/User/ProfileCardDetails.js +4 -6
- package/dist/esm/styled/Card.js +2 -4
- package/package.json +5 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,29 @@
|
|
|
1
1
|
# @atlaskit/profilecard
|
|
2
2
|
|
|
3
|
+
## 24.44.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`dcc45a2290b59`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dcc45a2290b59) -
|
|
8
|
+
Cleaned up enable_absolute_positioning_profile_card feature gate
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
14
|
+
## 24.43.0
|
|
15
|
+
|
|
16
|
+
### Minor Changes
|
|
17
|
+
|
|
18
|
+
- [`e72179b379afd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e72179b379afd) -
|
|
19
|
+
Update isForgeAgentByCreatorType import
|
|
20
|
+
|
|
21
|
+
### Patch Changes
|
|
22
|
+
|
|
23
|
+
- [`049bd80d89b8f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/049bd80d89b8f) -
|
|
24
|
+
Add missing description to translations
|
|
25
|
+
- Updated dependencies
|
|
26
|
+
|
|
3
27
|
## 24.42.0
|
|
4
28
|
|
|
5
29
|
### Minor Changes
|
package/afm-jira/tsconfig.json
CHANGED
|
@@ -23,9 +23,6 @@
|
|
|
23
23
|
"../src/**/stories/**/*"
|
|
24
24
|
],
|
|
25
25
|
"references": [
|
|
26
|
-
{
|
|
27
|
-
"path": "../../../analytics/analytics-next/afm-jira/tsconfig.json"
|
|
28
|
-
},
|
|
29
26
|
{
|
|
30
27
|
"path": "../../../uip/atlassian-context/afm-jira/tsconfig.json"
|
|
31
28
|
},
|
|
@@ -74,9 +71,6 @@
|
|
|
74
71
|
{
|
|
75
72
|
"path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
|
|
76
73
|
},
|
|
77
|
-
{
|
|
78
|
-
"path": "../../../platform/feature-flags-react/afm-jira/tsconfig.json"
|
|
79
|
-
},
|
|
80
74
|
{
|
|
81
75
|
"path": "../../../design-system/popup/afm-jira/tsconfig.json"
|
|
82
76
|
},
|
|
@@ -23,9 +23,6 @@
|
|
|
23
23
|
"../src/**/stories/**/*"
|
|
24
24
|
],
|
|
25
25
|
"references": [
|
|
26
|
-
{
|
|
27
|
-
"path": "../../../analytics/analytics-next/afm-products/tsconfig.json"
|
|
28
|
-
},
|
|
29
26
|
{
|
|
30
27
|
"path": "../../../uip/atlassian-context/afm-products/tsconfig.json"
|
|
31
28
|
},
|
|
@@ -74,9 +71,6 @@
|
|
|
74
71
|
{
|
|
75
72
|
"path": "../../../platform/feature-flags/afm-products/tsconfig.json"
|
|
76
73
|
},
|
|
77
|
-
{
|
|
78
|
-
"path": "../../../platform/feature-flags-react/afm-products/tsconfig.json"
|
|
79
|
-
},
|
|
80
74
|
{
|
|
81
75
|
"path": "../../../design-system/popup/afm-products/tsconfig.json"
|
|
82
76
|
},
|
|
@@ -61,11 +61,13 @@ var AgentDeleteConfirmationModal = exports.AgentDeleteConfirmationModal = functi
|
|
|
61
61
|
var messages = (0, _reactIntlNext.defineMessages)({
|
|
62
62
|
cancelText: {
|
|
63
63
|
id: 'profilecard.agent-profile.agent-delete-confirm.cancel-text',
|
|
64
|
-
defaultMessage: 'Cancel'
|
|
64
|
+
defaultMessage: 'Cancel',
|
|
65
|
+
description: 'Cancel button text in the agent delete confirmation modal'
|
|
65
66
|
},
|
|
66
67
|
confirmText: {
|
|
67
68
|
id: 'profilecard.agent-profile.agent-delete-confirm.confirm-text',
|
|
68
|
-
defaultMessage: 'Delete'
|
|
69
|
+
defaultMessage: 'Delete',
|
|
70
|
+
description: 'Confirm delete button text in the agent delete confirmation modal'
|
|
69
71
|
},
|
|
70
72
|
title: {
|
|
71
73
|
id: 'profilecard.agent-profile.delete-agent-confirm-title',
|
|
@@ -19,6 +19,7 @@ var _informationCircle = _interopRequireDefault(require("@atlaskit/icon/core/inf
|
|
|
19
19
|
var _link = _interopRequireDefault(require("@atlaskit/link"));
|
|
20
20
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
21
21
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
22
|
+
var _isForgeAgent = require("@atlaskit/rovo-agent-components/common/utils/is-forge-agent");
|
|
22
23
|
var _GeneratedAvatar = require("@atlaskit/rovo-agent-components/ui/agent-avatar/GeneratedAvatar");
|
|
23
24
|
var _AgentAvatar = require("@atlaskit/rovo-agent-components/ui/AgentAvatar");
|
|
24
25
|
var _AgentProfileInfo = require("@atlaskit/rovo-agent-components/ui/AgentProfileInfo");
|
|
@@ -200,7 +201,7 @@ var AgentProfileCard = function AgentProfileCard(_ref) {
|
|
|
200
201
|
agentIdentityAccountId: agent.identity_account_id,
|
|
201
202
|
size: "large",
|
|
202
203
|
isRovoDev: isRovoDev && (0, _platformFeatureFlags.fg)('rovo_dev_themed_identity_card'),
|
|
203
|
-
isForgeAgent: (0, _platformFeatureFlags.fg)('rovo_agent_support_a2a_avatar') ? (0,
|
|
204
|
+
isForgeAgent: (0, _platformFeatureFlags.fg)('rovo_agent_support_a2a_avatar') ? (0, _isForgeAgent.isForgeAgentByCreatorType)(agent.creator_type) : agent.creator_type === 'FORGE' || agent.creator_type === 'THIRD_PARTY',
|
|
204
205
|
forgeAgentIconUrl: agent.icon
|
|
205
206
|
})), /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
|
|
206
207
|
space: "space.100",
|
|
@@ -13,7 +13,7 @@ var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/
|
|
|
13
13
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
15
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
16
|
-
var
|
|
16
|
+
var _isForgeAgent = require("@atlaskit/rovo-agent-components/common/utils/is-forge-agent");
|
|
17
17
|
var _navigation = require("@atlaskit/teams-app-config/navigation");
|
|
18
18
|
var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
|
|
19
19
|
var _rovoAgentUtils = require("../../util/rovoAgentUtils");
|
|
@@ -47,7 +47,7 @@ var AgentProfileCardTrigger = exports.AgentProfileCardTrigger = /*#__PURE__*/(0,
|
|
|
47
47
|
}
|
|
48
48
|
return _context.abrupt("return", undefined);
|
|
49
49
|
case 3:
|
|
50
|
-
if (!((0,
|
|
50
|
+
if (!((0, _isForgeAgent.isForgeAgentByCreatorType)(creator_type) && (0, _platformFeatureFlags.fg)('rovo_agent_support_a2a_avatar'))) {
|
|
51
51
|
_context.next = 5;
|
|
52
52
|
break;
|
|
53
53
|
}
|
|
@@ -194,7 +194,7 @@ var Actions = function Actions(_ref) {
|
|
|
194
194
|
target: action.target,
|
|
195
195
|
autoFocus: index === 0 && isTriggeredUsingKeyboard && !isRenderedInPortal,
|
|
196
196
|
id: "action-button-".concat(action.id),
|
|
197
|
-
"aria-labelledby":
|
|
197
|
+
"aria-labelledby": "action-button-".concat(action.id, " profilecard-name-label")
|
|
198
198
|
}, action.label, isKudos && /*#__PURE__*/_react.default.createElement(_Card.AnimationWrapper, null, /*#__PURE__*/_react.default.createElement(_Card.KudosBlobAnimation, null)));
|
|
199
199
|
if (isKudos) {
|
|
200
200
|
return /*#__PURE__*/_react.default.createElement(_Card.AnimatedKudosButton, {
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
._1bto1l2s{text-overflow:ellipsis}
|
|
10
10
|
._1hpmutpp#profilecard-name-label{margin-top:var(--ds-space-150,9pt)}
|
|
11
11
|
._1hpmxy5q#profilecard-name-label{margin-top:var(--ds-space-400,2pc)}
|
|
12
|
-
._1l6uutpp._1l6uutpp{margin-bottom:var(--ds-space-150,9pt)}
|
|
13
12
|
._1reo15vq{overflow-x:hidden}
|
|
14
13
|
._2hwxidpf{margin-right:0}
|
|
15
14
|
._2hwxze3t{margin-right:var(--ds-space-0,0)}
|
|
@@ -18,8 +17,6 @@
|
|
|
18
17
|
._o5721q9c{white-space:nowrap}
|
|
19
18
|
._otyridpf{margin-bottom:0}
|
|
20
19
|
._otyrze3t{margin-bottom:var(--ds-space-0,0)}
|
|
21
|
-
._rcujutpp._rcujutpp{margin-top:var(--ds-space-150,9pt)}
|
|
22
|
-
._rcujxy5q._rcujxy5q{margin-top:var(--ds-space-400,2pc)}
|
|
23
20
|
._syaz15cr{color:var(--ds-text-inverse,#fff)}
|
|
24
21
|
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
25
22
|
._u5f3ze3t{padding-right:var(--ds-space-0,0)}
|
|
@@ -29,10 +29,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
29
29
|
var styles = {
|
|
30
30
|
detailedListWrapperNext: "_19pkxy5q _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
|
|
31
31
|
fullNameLabel: "_1reo15vq _18m915vq _11c81d4k _1bto1l2s _o5721q9c",
|
|
32
|
-
noMetaLabel: "
|
|
33
|
-
|
|
34
|
-
metaLabel: "_2hwxidpf _otyridpf _18u0idpf _rcujutpp",
|
|
35
|
-
metaLabelWithHighSpecificity: "_2hwxidpf _otyridpf _18u0idpf _vvzr1d4k _1hpmutpp",
|
|
32
|
+
noMetaLabel: "_vvzr1d4k _1hpmxy5q _1bguutpp",
|
|
33
|
+
metaLabel: "_2hwxidpf _otyridpf _18u0idpf _vvzr1d4k _1hpmutpp",
|
|
36
34
|
disabledAccount: "_syazi7uo",
|
|
37
35
|
activeAccount: "_syaz15cr"
|
|
38
36
|
};
|
|
@@ -57,14 +55,14 @@ var renderName = function renderName(nickname, fullName, meta, nameRef, isRender
|
|
|
57
55
|
}, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
58
56
|
ref: nameRef,
|
|
59
57
|
as: "h2",
|
|
60
|
-
xcss: (0, _react2.cx)(styles.fullNameLabel, styles.activeAccount, meta ?
|
|
58
|
+
xcss: (0, _react2.cx)(styles.fullNameLabel, styles.activeAccount, meta ? styles.metaLabel : styles.noMetaLabel),
|
|
61
59
|
testId: "profilecard-name",
|
|
62
60
|
id: "profilecard-name-label",
|
|
63
61
|
tabIndex: isTriggeredUsingKeyboard && isRenderedInPortal && (0, _expValEquals.expValEquals)('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true) ? -1 : undefined
|
|
64
62
|
}, displayName)) : /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
65
63
|
ref: nameRef,
|
|
66
64
|
as: "h2",
|
|
67
|
-
xcss: (0, _react2.cx)(styles.fullNameLabel, styles.activeAccount, meta ?
|
|
65
|
+
xcss: (0, _react2.cx)(styles.fullNameLabel, styles.activeAccount, meta ? styles.metaLabel : styles.noMetaLabel),
|
|
68
66
|
testId: "profilecard-name",
|
|
69
67
|
id: "profilecard-name-label",
|
|
70
68
|
tabIndex: isTriggeredUsingKeyboard && isRenderedInPortal && (0, _expValEquals.expValEquals)('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true) ? -1 : undefined
|
package/dist/cjs/styled/Card.js
CHANGED
|
@@ -23,7 +23,6 @@ var styles = {
|
|
|
23
23
|
kudosBlobAnimationStyle: "_1e0cglyw _4t3i1w81 _1bsb1w81 _1pby1mrw _kqswstnw _154ixy5q",
|
|
24
24
|
animationWrapper: "_mkrz1rip _kqswstnw _154ize3t _1ltvze3t _94n5ze3t _1xi2ze3t",
|
|
25
25
|
animatedKudosButton: "_18u0u2gc",
|
|
26
|
-
actionButtonGroup: "_zulp12x7 _uiztglyw _19pkpxbi _2hwxze3t _18u0ze3t _otyrze3t _y3gnusic _1bahesu3 _1e0c1txw",
|
|
27
26
|
overflowActionButtonsWrapper: "_1e0c1o8l _1bsbzwfg _4t3izwfg",
|
|
28
27
|
cardContent: "_1e0c1txw _2lx21bp4 _1tkebv7e",
|
|
29
28
|
detailsGroup: "_1e0c1txw _2lx21bp4 _18u01epz _19bvxy5q _1bsb18pt",
|
|
@@ -40,7 +39,6 @@ var styles = {
|
|
|
40
39
|
detailsLabelIcon: "_1e0c1txw _1o9zidpf _syaz1rpy _1bsb7vkz _4t3i7vkz _s7n4jp4b _19pkze3t",
|
|
41
40
|
detailsLabelText: "_1reo15vq _18m915vq _11c8rymc _1bto1l2s _syazi7uo _19pkze3t _18u0ze3t",
|
|
42
41
|
kudosBlobAnimation: "_1e0cglyw _4t3i1w81 _1bsb1w81 _1pby1mrw _kqswstnw _j7hq1q51 _tip8kb7n _5sagi11n _1itkdsyg",
|
|
43
|
-
jobTitleLabel: "_19pkze3t _otyrze3t _18u0ze3t _2hwxze3t",
|
|
44
42
|
appTitleLabel: "_2rko12b0 _syazi7uo _u5f312x7 _19bv12x7 _1bsb1ns9 _19pk1b66 _otyrze3t _18u0utpp _2hwxze3t"
|
|
45
43
|
};
|
|
46
44
|
var stylesCompiled = {
|
|
@@ -85,7 +83,7 @@ var ActionButtonGroup = exports.ActionButtonGroup = function ActionButtonGroup(_
|
|
|
85
83
|
testId = _ref4.testId;
|
|
86
84
|
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
87
85
|
testId: testId,
|
|
88
|
-
xcss: (0, _css.cx)(
|
|
86
|
+
xcss: (0, _css.cx)(stylesCompiled.actionButtonGroup),
|
|
89
87
|
id: "profile-card-action-button-group"
|
|
90
88
|
}, children);
|
|
91
89
|
};
|
|
@@ -131,7 +129,7 @@ var JobTitleLabel = exports.JobTitleLabel = function JobTitleLabel(_ref1) {
|
|
|
131
129
|
var children = _ref1.children;
|
|
132
130
|
var textRef = (0, _react.useRef)(null);
|
|
133
131
|
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
134
|
-
xcss: (0, _css.cx)(
|
|
132
|
+
xcss: (0, _css.cx)(stylesCompiled.jobTitleLabel)
|
|
135
133
|
}, (0, _platformFeatureFlags.fg)('enable_profilecard_text_truncation_tooltip') ? /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
136
134
|
content: children,
|
|
137
135
|
position: "bottom",
|
|
@@ -40,11 +40,13 @@ export const AgentDeleteConfirmationModal = ({
|
|
|
40
40
|
const messages = defineMessages({
|
|
41
41
|
cancelText: {
|
|
42
42
|
id: 'profilecard.agent-profile.agent-delete-confirm.cancel-text',
|
|
43
|
-
defaultMessage: 'Cancel'
|
|
43
|
+
defaultMessage: 'Cancel',
|
|
44
|
+
description: 'Cancel button text in the agent delete confirmation modal'
|
|
44
45
|
},
|
|
45
46
|
confirmText: {
|
|
46
47
|
id: 'profilecard.agent-profile.agent-delete-confirm.confirm-text',
|
|
47
|
-
defaultMessage: 'Delete'
|
|
48
|
+
defaultMessage: 'Delete',
|
|
49
|
+
description: 'Confirm delete button text in the agent delete confirmation modal'
|
|
48
50
|
},
|
|
49
51
|
title: {
|
|
50
52
|
id: 'profilecard.agent-profile.delete-agent-confirm-title',
|
|
@@ -7,8 +7,9 @@ import InformationCircleIcon from '@atlaskit/icon/core/information-circle';
|
|
|
7
7
|
import Link from '@atlaskit/link';
|
|
8
8
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
9
|
import { Box, Flex, Stack, Text } from '@atlaskit/primitives/compiled';
|
|
10
|
+
import { isForgeAgentByCreatorType } from '@atlaskit/rovo-agent-components/common/utils/is-forge-agent';
|
|
10
11
|
import { AgentBanner } from '@atlaskit/rovo-agent-components/ui/agent-avatar/GeneratedAvatar';
|
|
11
|
-
import { AgentAvatar
|
|
12
|
+
import { AgentAvatar } from '@atlaskit/rovo-agent-components/ui/AgentAvatar';
|
|
12
13
|
import { AgentProfileCreator, AgentProfileInfo } from '@atlaskit/rovo-agent-components/ui/AgentProfileInfo';
|
|
13
14
|
import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
|
|
14
15
|
import { PACKAGE_META_DATA } from '../../util/analytics';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { forwardRef, Suspense } from 'react';
|
|
3
3
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
|
-
import { isForgeAgentByCreatorType } from '@atlaskit/rovo-agent-components/
|
|
4
|
+
import { isForgeAgentByCreatorType } from '@atlaskit/rovo-agent-components/common/utils/is-forge-agent';
|
|
5
5
|
import { navigateToTeamsApp } from '@atlaskit/teams-app-config/navigation';
|
|
6
6
|
import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics';
|
|
7
7
|
import { getAAIDFromARI } from '../../util/rovoAgentUtils';
|
|
@@ -174,7 +174,7 @@ const Actions = ({
|
|
|
174
174
|
target: action.target,
|
|
175
175
|
autoFocus: index === 0 && isTriggeredUsingKeyboard && !isRenderedInPortal,
|
|
176
176
|
id: `action-button-${action.id}`,
|
|
177
|
-
"aria-labelledby":
|
|
177
|
+
"aria-labelledby": `action-button-${action.id} profilecard-name-label`
|
|
178
178
|
}, action.label, isKudos && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null)));
|
|
179
179
|
if (isKudos) {
|
|
180
180
|
return /*#__PURE__*/React.createElement(AnimatedKudosButton, {
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
._1bto1l2s{text-overflow:ellipsis}
|
|
10
10
|
._1hpmutpp#profilecard-name-label{margin-top:var(--ds-space-150,9pt)}
|
|
11
11
|
._1hpmxy5q#profilecard-name-label{margin-top:var(--ds-space-400,2pc)}
|
|
12
|
-
._1l6uutpp._1l6uutpp{margin-bottom:var(--ds-space-150,9pt)}
|
|
13
12
|
._1reo15vq{overflow-x:hidden}
|
|
14
13
|
._2hwxidpf{margin-right:0}
|
|
15
14
|
._2hwxze3t{margin-right:var(--ds-space-0,0)}
|
|
@@ -18,8 +17,6 @@
|
|
|
18
17
|
._o5721q9c{white-space:nowrap}
|
|
19
18
|
._otyridpf{margin-bottom:0}
|
|
20
19
|
._otyrze3t{margin-bottom:var(--ds-space-0,0)}
|
|
21
|
-
._rcujutpp._rcujutpp{margin-top:var(--ds-space-150,9pt)}
|
|
22
|
-
._rcujxy5q._rcujxy5q{margin-top:var(--ds-space-400,2pc)}
|
|
23
20
|
._syaz15cr{color:var(--ds-text-inverse,#fff)}
|
|
24
21
|
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
25
22
|
._u5f3ze3t{padding-right:var(--ds-space-0,0)}
|
|
@@ -18,10 +18,8 @@ import ReportingLinesDetails from './ReportingLinesDetails';
|
|
|
18
18
|
const styles = {
|
|
19
19
|
detailedListWrapperNext: "_19pkxy5q _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
|
|
20
20
|
fullNameLabel: "_1reo15vq _18m915vq _11c81d4k _1bto1l2s _o5721q9c",
|
|
21
|
-
noMetaLabel: "
|
|
22
|
-
|
|
23
|
-
metaLabel: "_2hwxidpf _otyridpf _18u0idpf _rcujutpp",
|
|
24
|
-
metaLabelWithHighSpecificity: "_2hwxidpf _otyridpf _18u0idpf _vvzr1d4k _1hpmutpp",
|
|
21
|
+
noMetaLabel: "_vvzr1d4k _1hpmxy5q _1bguutpp",
|
|
22
|
+
metaLabel: "_2hwxidpf _otyridpf _18u0idpf _vvzr1d4k _1hpmutpp",
|
|
25
23
|
disabledAccount: "_syazi7uo",
|
|
26
24
|
activeAccount: "_syaz15cr"
|
|
27
25
|
};
|
|
@@ -46,14 +44,14 @@ const renderName = (nickname, fullName, meta, nameRef, isRenderedInPortal, isTri
|
|
|
46
44
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
47
45
|
ref: nameRef,
|
|
48
46
|
as: "h2",
|
|
49
|
-
xcss: cx(styles.fullNameLabel, styles.activeAccount, meta ?
|
|
47
|
+
xcss: cx(styles.fullNameLabel, styles.activeAccount, meta ? styles.metaLabel : styles.noMetaLabel),
|
|
50
48
|
testId: "profilecard-name",
|
|
51
49
|
id: "profilecard-name-label",
|
|
52
50
|
tabIndex: isTriggeredUsingKeyboard && isRenderedInPortal && expValEquals('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true) ? -1 : undefined
|
|
53
51
|
}, displayName)) : /*#__PURE__*/React.createElement(Box, {
|
|
54
52
|
ref: nameRef,
|
|
55
53
|
as: "h2",
|
|
56
|
-
xcss: cx(styles.fullNameLabel, styles.activeAccount, meta ?
|
|
54
|
+
xcss: cx(styles.fullNameLabel, styles.activeAccount, meta ? styles.metaLabel : styles.noMetaLabel),
|
|
57
55
|
testId: "profilecard-name",
|
|
58
56
|
id: "profilecard-name-label",
|
|
59
57
|
tabIndex: isTriggeredUsingKeyboard && isRenderedInPortal && expValEquals('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true) ? -1 : undefined
|
|
@@ -14,7 +14,6 @@ const styles = {
|
|
|
14
14
|
kudosBlobAnimationStyle: "_1e0cglyw _4t3i1w81 _1bsb1w81 _1pby1mrw _kqswstnw _154ixy5q",
|
|
15
15
|
animationWrapper: "_mkrz1rip _kqswstnw _154ize3t _1ltvze3t _94n5ze3t _1xi2ze3t",
|
|
16
16
|
animatedKudosButton: "_18u0u2gc",
|
|
17
|
-
actionButtonGroup: "_zulp12x7 _uiztglyw _19pkpxbi _2hwxze3t _18u0ze3t _otyrze3t _y3gnusic _1bahesu3 _1e0c1txw",
|
|
18
17
|
overflowActionButtonsWrapper: "_1e0c1o8l _1bsbzwfg _4t3izwfg",
|
|
19
18
|
cardContent: "_1e0c1txw _2lx21bp4 _1tkebv7e",
|
|
20
19
|
detailsGroup: "_1e0c1txw _2lx21bp4 _18u01epz _19bvxy5q _1bsb18pt",
|
|
@@ -31,7 +30,6 @@ const styles = {
|
|
|
31
30
|
detailsLabelIcon: "_1e0c1txw _1o9zidpf _syaz1rpy _1bsb7vkz _4t3i7vkz _s7n4jp4b _19pkze3t",
|
|
32
31
|
detailsLabelText: "_1reo15vq _18m915vq _11c8rymc _1bto1l2s _syazi7uo _19pkze3t _18u0ze3t",
|
|
33
32
|
kudosBlobAnimation: "_1e0cglyw _4t3i1w81 _1bsb1w81 _1pby1mrw _kqswstnw _j7hq1q51 _tip8kb7n _5sagi11n _1itkdsyg",
|
|
34
|
-
jobTitleLabel: "_19pkze3t _otyrze3t _18u0ze3t _2hwxze3t",
|
|
35
33
|
appTitleLabel: "_2rko12b0 _syazi7uo _u5f312x7 _19bv12x7 _1bsb1ns9 _19pk1b66 _otyrze3t _18u0utpp _2hwxze3t"
|
|
36
34
|
};
|
|
37
35
|
const stylesCompiled = {
|
|
@@ -67,7 +65,7 @@ export const ActionButtonGroup = ({
|
|
|
67
65
|
testId
|
|
68
66
|
}) => /*#__PURE__*/React.createElement(Box, {
|
|
69
67
|
testId: testId,
|
|
70
|
-
xcss: cx(
|
|
68
|
+
xcss: cx(stylesCompiled.actionButtonGroup),
|
|
71
69
|
id: "profile-card-action-button-group"
|
|
72
70
|
}, children);
|
|
73
71
|
export const OverflowActionButtonsWrapper = ({
|
|
@@ -107,7 +105,7 @@ export const JobTitleLabel = ({
|
|
|
107
105
|
}) => {
|
|
108
106
|
const textRef = useRef(null);
|
|
109
107
|
return /*#__PURE__*/React.createElement(Box, {
|
|
110
|
-
xcss: cx(
|
|
108
|
+
xcss: cx(stylesCompiled.jobTitleLabel)
|
|
111
109
|
}, fg('enable_profilecard_text_truncation_tooltip') ? /*#__PURE__*/React.createElement(Tooltip, {
|
|
112
110
|
content: children,
|
|
113
111
|
position: "bottom",
|
|
@@ -52,11 +52,13 @@ export var AgentDeleteConfirmationModal = function AgentDeleteConfirmationModal(
|
|
|
52
52
|
var messages = defineMessages({
|
|
53
53
|
cancelText: {
|
|
54
54
|
id: 'profilecard.agent-profile.agent-delete-confirm.cancel-text',
|
|
55
|
-
defaultMessage: 'Cancel'
|
|
55
|
+
defaultMessage: 'Cancel',
|
|
56
|
+
description: 'Cancel button text in the agent delete confirmation modal'
|
|
56
57
|
},
|
|
57
58
|
confirmText: {
|
|
58
59
|
id: 'profilecard.agent-profile.agent-delete-confirm.confirm-text',
|
|
59
|
-
defaultMessage: 'Delete'
|
|
60
|
+
defaultMessage: 'Delete',
|
|
61
|
+
description: 'Confirm delete button text in the agent delete confirmation modal'
|
|
60
62
|
},
|
|
61
63
|
title: {
|
|
62
64
|
id: 'profilecard.agent-profile.delete-agent-confirm-title',
|
|
@@ -13,8 +13,9 @@ import InformationCircleIcon from '@atlaskit/icon/core/information-circle';
|
|
|
13
13
|
import Link from '@atlaskit/link';
|
|
14
14
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
15
|
import { Box, Flex, Stack, Text } from '@atlaskit/primitives/compiled';
|
|
16
|
+
import { isForgeAgentByCreatorType } from '@atlaskit/rovo-agent-components/common/utils/is-forge-agent';
|
|
16
17
|
import { AgentBanner } from '@atlaskit/rovo-agent-components/ui/agent-avatar/GeneratedAvatar';
|
|
17
|
-
import { AgentAvatar
|
|
18
|
+
import { AgentAvatar } from '@atlaskit/rovo-agent-components/ui/AgentAvatar';
|
|
18
19
|
import { AgentProfileCreator, AgentProfileInfo } from '@atlaskit/rovo-agent-components/ui/AgentProfileInfo';
|
|
19
20
|
import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
|
|
20
21
|
import { PACKAGE_META_DATA } from '../../util/analytics';
|
|
@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
7
7
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
8
8
|
import React, { forwardRef, Suspense } from 'react';
|
|
9
9
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
|
-
import { isForgeAgentByCreatorType } from '@atlaskit/rovo-agent-components/
|
|
10
|
+
import { isForgeAgentByCreatorType } from '@atlaskit/rovo-agent-components/common/utils/is-forge-agent';
|
|
11
11
|
import { navigateToTeamsApp } from '@atlaskit/teams-app-config/navigation';
|
|
12
12
|
import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics';
|
|
13
13
|
import { getAAIDFromARI } from '../../util/rovoAgentUtils';
|
|
@@ -185,7 +185,7 @@ var Actions = function Actions(_ref) {
|
|
|
185
185
|
target: action.target,
|
|
186
186
|
autoFocus: index === 0 && isTriggeredUsingKeyboard && !isRenderedInPortal,
|
|
187
187
|
id: "action-button-".concat(action.id),
|
|
188
|
-
"aria-labelledby":
|
|
188
|
+
"aria-labelledby": "action-button-".concat(action.id, " profilecard-name-label")
|
|
189
189
|
}, action.label, isKudos && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null)));
|
|
190
190
|
if (isKudos) {
|
|
191
191
|
return /*#__PURE__*/React.createElement(AnimatedKudosButton, {
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
._1bto1l2s{text-overflow:ellipsis}
|
|
10
10
|
._1hpmutpp#profilecard-name-label{margin-top:var(--ds-space-150,9pt)}
|
|
11
11
|
._1hpmxy5q#profilecard-name-label{margin-top:var(--ds-space-400,2pc)}
|
|
12
|
-
._1l6uutpp._1l6uutpp{margin-bottom:var(--ds-space-150,9pt)}
|
|
13
12
|
._1reo15vq{overflow-x:hidden}
|
|
14
13
|
._2hwxidpf{margin-right:0}
|
|
15
14
|
._2hwxze3t{margin-right:var(--ds-space-0,0)}
|
|
@@ -18,8 +17,6 @@
|
|
|
18
17
|
._o5721q9c{white-space:nowrap}
|
|
19
18
|
._otyridpf{margin-bottom:0}
|
|
20
19
|
._otyrze3t{margin-bottom:var(--ds-space-0,0)}
|
|
21
|
-
._rcujutpp._rcujutpp{margin-top:var(--ds-space-150,9pt)}
|
|
22
|
-
._rcujxy5q._rcujxy5q{margin-top:var(--ds-space-400,2pc)}
|
|
23
20
|
._syaz15cr{color:var(--ds-text-inverse,#fff)}
|
|
24
21
|
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
25
22
|
._u5f3ze3t{padding-right:var(--ds-space-0,0)}
|
|
@@ -20,10 +20,8 @@ import ReportingLinesDetails from './ReportingLinesDetails';
|
|
|
20
20
|
var styles = {
|
|
21
21
|
detailedListWrapperNext: "_19pkxy5q _2hwxze3t _otyrze3t _18u0ze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
|
|
22
22
|
fullNameLabel: "_1reo15vq _18m915vq _11c81d4k _1bto1l2s _o5721q9c",
|
|
23
|
-
noMetaLabel: "
|
|
24
|
-
|
|
25
|
-
metaLabel: "_2hwxidpf _otyridpf _18u0idpf _rcujutpp",
|
|
26
|
-
metaLabelWithHighSpecificity: "_2hwxidpf _otyridpf _18u0idpf _vvzr1d4k _1hpmutpp",
|
|
23
|
+
noMetaLabel: "_vvzr1d4k _1hpmxy5q _1bguutpp",
|
|
24
|
+
metaLabel: "_2hwxidpf _otyridpf _18u0idpf _vvzr1d4k _1hpmutpp",
|
|
27
25
|
disabledAccount: "_syazi7uo",
|
|
28
26
|
activeAccount: "_syaz15cr"
|
|
29
27
|
};
|
|
@@ -48,14 +46,14 @@ var renderName = function renderName(nickname, fullName, meta, nameRef, isRender
|
|
|
48
46
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
49
47
|
ref: nameRef,
|
|
50
48
|
as: "h2",
|
|
51
|
-
xcss: cx(styles.fullNameLabel, styles.activeAccount, meta ?
|
|
49
|
+
xcss: cx(styles.fullNameLabel, styles.activeAccount, meta ? styles.metaLabel : styles.noMetaLabel),
|
|
52
50
|
testId: "profilecard-name",
|
|
53
51
|
id: "profilecard-name-label",
|
|
54
52
|
tabIndex: isTriggeredUsingKeyboard && isRenderedInPortal && expValEquals('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true) ? -1 : undefined
|
|
55
53
|
}, displayName)) : /*#__PURE__*/React.createElement(Box, {
|
|
56
54
|
ref: nameRef,
|
|
57
55
|
as: "h2",
|
|
58
|
-
xcss: cx(styles.fullNameLabel, styles.activeAccount, meta ?
|
|
56
|
+
xcss: cx(styles.fullNameLabel, styles.activeAccount, meta ? styles.metaLabel : styles.noMetaLabel),
|
|
59
57
|
testId: "profilecard-name",
|
|
60
58
|
id: "profilecard-name-label",
|
|
61
59
|
tabIndex: isTriggeredUsingKeyboard && isRenderedInPortal && expValEquals('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true) ? -1 : undefined
|
package/dist/esm/styled/Card.js
CHANGED
|
@@ -14,7 +14,6 @@ var styles = {
|
|
|
14
14
|
kudosBlobAnimationStyle: "_1e0cglyw _4t3i1w81 _1bsb1w81 _1pby1mrw _kqswstnw _154ixy5q",
|
|
15
15
|
animationWrapper: "_mkrz1rip _kqswstnw _154ize3t _1ltvze3t _94n5ze3t _1xi2ze3t",
|
|
16
16
|
animatedKudosButton: "_18u0u2gc",
|
|
17
|
-
actionButtonGroup: "_zulp12x7 _uiztglyw _19pkpxbi _2hwxze3t _18u0ze3t _otyrze3t _y3gnusic _1bahesu3 _1e0c1txw",
|
|
18
17
|
overflowActionButtonsWrapper: "_1e0c1o8l _1bsbzwfg _4t3izwfg",
|
|
19
18
|
cardContent: "_1e0c1txw _2lx21bp4 _1tkebv7e",
|
|
20
19
|
detailsGroup: "_1e0c1txw _2lx21bp4 _18u01epz _19bvxy5q _1bsb18pt",
|
|
@@ -31,7 +30,6 @@ var styles = {
|
|
|
31
30
|
detailsLabelIcon: "_1e0c1txw _1o9zidpf _syaz1rpy _1bsb7vkz _4t3i7vkz _s7n4jp4b _19pkze3t",
|
|
32
31
|
detailsLabelText: "_1reo15vq _18m915vq _11c8rymc _1bto1l2s _syazi7uo _19pkze3t _18u0ze3t",
|
|
33
32
|
kudosBlobAnimation: "_1e0cglyw _4t3i1w81 _1bsb1w81 _1pby1mrw _kqswstnw _j7hq1q51 _tip8kb7n _5sagi11n _1itkdsyg",
|
|
34
|
-
jobTitleLabel: "_19pkze3t _otyrze3t _18u0ze3t _2hwxze3t",
|
|
35
33
|
appTitleLabel: "_2rko12b0 _syazi7uo _u5f312x7 _19bv12x7 _1bsb1ns9 _19pk1b66 _otyrze3t _18u0utpp _2hwxze3t"
|
|
36
34
|
};
|
|
37
35
|
var stylesCompiled = {
|
|
@@ -76,7 +74,7 @@ export var ActionButtonGroup = function ActionButtonGroup(_ref4) {
|
|
|
76
74
|
testId = _ref4.testId;
|
|
77
75
|
return /*#__PURE__*/React.createElement(Box, {
|
|
78
76
|
testId: testId,
|
|
79
|
-
xcss: cx(
|
|
77
|
+
xcss: cx(stylesCompiled.actionButtonGroup),
|
|
80
78
|
id: "profile-card-action-button-group"
|
|
81
79
|
}, children);
|
|
82
80
|
};
|
|
@@ -122,7 +120,7 @@ export var JobTitleLabel = function JobTitleLabel(_ref1) {
|
|
|
122
120
|
var children = _ref1.children;
|
|
123
121
|
var textRef = useRef(null);
|
|
124
122
|
return /*#__PURE__*/React.createElement(Box, {
|
|
125
|
-
xcss: cx(
|
|
123
|
+
xcss: cx(stylesCompiled.jobTitleLabel)
|
|
126
124
|
}, fg('enable_profilecard_text_truncation_tooltip') ? /*#__PURE__*/React.createElement(Tooltip, {
|
|
127
125
|
content: children,
|
|
128
126
|
position: "bottom",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/profilecard",
|
|
3
|
-
"version": "24.
|
|
3
|
+
"version": "24.44.0",
|
|
4
4
|
"description": "A React component to display a card with user information.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -51,14 +51,14 @@
|
|
|
51
51
|
"@atlaskit/heading": "^5.3.0",
|
|
52
52
|
"@atlaskit/icon": "^32.0.0",
|
|
53
53
|
"@atlaskit/link": "3.3.3",
|
|
54
|
-
"@atlaskit/lozenge": "^13.
|
|
54
|
+
"@atlaskit/lozenge": "^13.5.0",
|
|
55
55
|
"@atlaskit/menu": "^8.4.0",
|
|
56
56
|
"@atlaskit/modal-dialog": "^14.11.0",
|
|
57
57
|
"@atlaskit/people-teams-ui-public": "^3.7.0",
|
|
58
58
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
59
59
|
"@atlaskit/popup": "^4.13.0",
|
|
60
60
|
"@atlaskit/primitives": "^18.0.0",
|
|
61
|
-
"@atlaskit/rovo-agent-components": "^3.
|
|
61
|
+
"@atlaskit/rovo-agent-components": "^3.40.0",
|
|
62
62
|
"@atlaskit/rovo-triggers": "^5.22.0",
|
|
63
63
|
"@atlaskit/spinner": "^19.0.0",
|
|
64
64
|
"@atlaskit/teams-app-config": "^1.12.0",
|
|
@@ -66,8 +66,8 @@
|
|
|
66
66
|
"@atlaskit/teams-avatar": "^2.4.0",
|
|
67
67
|
"@atlaskit/teams-public": "^0.70.0",
|
|
68
68
|
"@atlaskit/theme": "^22.0.0",
|
|
69
|
-
"@atlaskit/tmp-editor-statsig": "^35.
|
|
70
|
-
"@atlaskit/tokens": "^11.
|
|
69
|
+
"@atlaskit/tmp-editor-statsig": "^35.9.0",
|
|
70
|
+
"@atlaskit/tokens": "^11.1.0",
|
|
71
71
|
"@atlaskit/tooltip": "^20.14.0",
|
|
72
72
|
"@babel/runtime": "^7.0.0",
|
|
73
73
|
"@compiled/react": "^0.20.0",
|
|
@@ -132,9 +132,6 @@
|
|
|
132
132
|
"fix_profilecard_trigger_isvisible": {
|
|
133
133
|
"type": "boolean"
|
|
134
134
|
},
|
|
135
|
-
"enable_userprofilecard_arialabelfix": {
|
|
136
|
-
"type": "boolean"
|
|
137
|
-
},
|
|
138
135
|
"pt-deprecate-assistance-service": {
|
|
139
136
|
"type": "boolean"
|
|
140
137
|
},
|