@atlaskit/profilecard 23.18.0 → 23.18.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +20 -0
- package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js +1 -1
- package/dist/cjs/client/getTeamFromAGG.js +1 -1
- package/dist/cjs/components/User/ProfileCardTrigger.js +2 -1
- package/dist/cjs/components/team-profile-card/team-actions/index.js +2 -1
- package/dist/cjs/components/team-profile-card/team-connections/main.js +16 -9
- 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/ProfileCardTrigger.js +2 -1
- package/dist/es2019/components/team-profile-card/team-actions/index.js +2 -1
- package/dist/es2019/components/team-profile-card/team-connections/main.js +16 -9
- 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/ProfileCardTrigger.js +2 -1
- package/dist/esm/components/team-profile-card/team-actions/index.js +2 -1
- package/dist/esm/components/team-profile-card/team-connections/main.js +16 -9
- package/dist/esm/util/analytics.js +1 -1
- package/dist/types/components/team-profile-card/team-actions/index.d.ts +2 -0
- package/dist/types-ts4.5/components/team-profile-card/team-actions/index.d.ts +2 -0
- package/package.json +8 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,25 @@
|
|
|
1
1
|
# @atlaskit/profilecard
|
|
2
2
|
|
|
3
|
+
## 23.18.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#170226](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/170226)
|
|
8
|
+
[`1ac0fbf884924`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1ac0fbf884924) -
|
|
9
|
+
NO-ISSUE Fix profile card pop up content text selection issue
|
|
10
|
+
|
|
11
|
+
## 23.18.1
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [#169818](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/169818)
|
|
16
|
+
[`efd89c5d5fc8d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/efd89c5d5fc8d) -
|
|
17
|
+
Rollout ContainerIcon component with Loom FG instead OR weblinks exp
|
|
18
|
+
- [#167764](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/167764)
|
|
19
|
+
[`92745994b66b4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/92745994b66b4) -
|
|
20
|
+
[ux] NO-ISSUE Update team container icons to medium size and make team links open in a new tab
|
|
21
|
+
- Updated dependencies
|
|
22
|
+
|
|
3
23
|
## 23.18.0
|
|
4
24
|
|
|
5
25
|
### Minor 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.18.
|
|
14
|
+
headers.append('atl-client-version', "23.18.2");
|
|
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.18.
|
|
68
|
+
headers.append('atl-client-version', "23.18.2");
|
|
69
69
|
return headers;
|
|
70
70
|
};
|
|
71
71
|
function getTeamFromAGG(_x, _x2, _x3) {
|
|
@@ -406,7 +406,8 @@ 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')
|
|
409
|
+
shouldRenderToParent: (0, _platformFeatureFlags.fg)('enable_appropriate_reading_order_in_profile_card'),
|
|
410
|
+
shouldDisableFocusLock: (0, _platformFeatureFlags.fg)('enable_appropriate_reading_order_in_profile_card')
|
|
410
411
|
}), shouldShowGiveKudos && teamCentralBaseUrl && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
|
|
411
412
|
fallback: null
|
|
412
413
|
}, /*#__PURE__*/_react.default.createElement(_giveKudos.GiveKudosLauncherLazy, {
|
|
@@ -66,6 +66,7 @@ var TeamActions = exports.TeamActions = function TeamActions(_ref) {
|
|
|
66
66
|
},
|
|
67
67
|
analyticsSource: kudosProps.analyticsSource,
|
|
68
68
|
teamCentralBaseUrl: kudosProps.teamCentralBaseUrl,
|
|
69
|
-
cloudId: kudosProps.cloudId
|
|
69
|
+
cloudId: kudosProps.cloudId,
|
|
70
|
+
addFlag: kudosProps.showKudosFlag
|
|
70
71
|
})));
|
|
71
72
|
};
|
|
@@ -9,11 +9,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
9
9
|
exports.TeamConnections = exports.NewTeamConnections = void 0;
|
|
10
10
|
require("./main.compiled.css");
|
|
11
11
|
var _runtime = require("@compiled/react/runtime");
|
|
12
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
12
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
14
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
14
15
|
var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
|
|
15
16
|
var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
|
|
16
17
|
var _menu = require("@atlaskit/menu");
|
|
18
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
17
19
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
18
20
|
var _teamsPublic = require("@atlaskit/teams-public");
|
|
19
21
|
var _analytics = require("../../../util/analytics");
|
|
@@ -28,7 +30,7 @@ var TeamConnections = exports.TeamConnections = function TeamConnections(_ref) {
|
|
|
28
30
|
title = _ref.title,
|
|
29
31
|
containerIcon = _ref.containerIcon,
|
|
30
32
|
link = _ref.link;
|
|
31
|
-
var
|
|
33
|
+
var isContainerIconEnabled = _featureGateJsClient.default.initializeCompleted() && _featureGateJsClient.default.getExperimentValue('team_and_container_web_link', 'isEnabled', false) || (0, _platformFeatureFlags.fg)('loom_tab_in_container_linker_team_profile_page');
|
|
32
34
|
var _getContainerProperti = (0, _teamsPublic.getContainerProperties)({
|
|
33
35
|
containerType: containerType,
|
|
34
36
|
iconSize: 'medium',
|
|
@@ -49,13 +51,15 @@ var TeamConnections = exports.TeamConnections = function TeamConnections(_ref) {
|
|
|
49
51
|
}
|
|
50
52
|
});
|
|
51
53
|
}, [containerType, createAnalyticsEvent]);
|
|
52
|
-
return /*#__PURE__*/_react.default.createElement(_menu.LinkItem, {
|
|
54
|
+
return /*#__PURE__*/_react.default.createElement(_menu.LinkItem, (0, _extends2.default)({
|
|
53
55
|
href: link,
|
|
54
56
|
onClick: onClick
|
|
55
|
-
},
|
|
57
|
+
}, (0, _platformFeatureFlags.fg)('enable_new_tab_for_team_container') ? {
|
|
58
|
+
target: '_blank'
|
|
59
|
+
} : {}), /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
|
|
56
60
|
space: "space.100",
|
|
57
61
|
xcss: styles.containerWrapperStyles
|
|
58
|
-
},
|
|
62
|
+
}, isContainerIconEnabled ? /*#__PURE__*/_react.default.createElement(_teamsPublic.ContainerIcon, {
|
|
59
63
|
containerType: containerType,
|
|
60
64
|
title: title,
|
|
61
65
|
containerIcon: containerIcon,
|
|
@@ -88,7 +92,7 @@ var NewTeamConnections = exports.NewTeamConnections = function NewTeamConnection
|
|
|
88
92
|
title = _ref2.title,
|
|
89
93
|
containerIcon = _ref2.containerIcon,
|
|
90
94
|
link = _ref2.link;
|
|
91
|
-
var
|
|
95
|
+
var isContainerIconEnabled = _featureGateJsClient.default.initializeCompleted() && _featureGateJsClient.default.getExperimentValue('team_and_container_web_link', 'isEnabled', false) || (0, _platformFeatureFlags.fg)('loom_tab_in_container_linker_team_profile_page');
|
|
92
96
|
var _getContainerProperti2 = (0, _teamsPublic.getContainerProperties)({
|
|
93
97
|
containerType: containerType,
|
|
94
98
|
iconSize: 'medium',
|
|
@@ -109,9 +113,12 @@ var NewTeamConnections = exports.NewTeamConnections = function NewTeamConnection
|
|
|
109
113
|
}
|
|
110
114
|
});
|
|
111
115
|
}, [containerType, createAnalyticsEvent]);
|
|
112
|
-
return /*#__PURE__*/_react.default.createElement(_menu.LinkItem, {
|
|
116
|
+
return /*#__PURE__*/_react.default.createElement(_menu.LinkItem, (0, _extends2.default)({
|
|
113
117
|
href: link,
|
|
114
|
-
onClick: onClick
|
|
118
|
+
onClick: onClick
|
|
119
|
+
}, (0, _platformFeatureFlags.fg)('enable_new_tab_for_team_container') ? {
|
|
120
|
+
target: '_blank'
|
|
121
|
+
} : {}, {
|
|
115
122
|
description: /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
|
|
116
123
|
space: "space.050"
|
|
117
124
|
}, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
|
|
@@ -121,7 +128,7 @@ var NewTeamConnections = exports.NewTeamConnections = function NewTeamConnection
|
|
|
121
128
|
size: "small",
|
|
122
129
|
color: "color.text.subtlest"
|
|
123
130
|
}, containerTypeText)),
|
|
124
|
-
iconBefore:
|
|
131
|
+
iconBefore: isContainerIconEnabled ? /*#__PURE__*/_react.default.createElement(_teamsPublic.ContainerIcon, {
|
|
125
132
|
containerType: containerType,
|
|
126
133
|
title: title,
|
|
127
134
|
containerIcon: containerIcon,
|
|
@@ -137,7 +144,7 @@ var NewTeamConnections = exports.NewTeamConnections = function NewTeamConnection
|
|
|
137
144
|
xcss: styles.containerTypeIconButtonStyles,
|
|
138
145
|
testId: "container-type-icon"
|
|
139
146
|
}, icon)
|
|
140
|
-
}, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
|
|
147
|
+
}), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
|
|
141
148
|
maxLines: 1,
|
|
142
149
|
color: "color.text"
|
|
143
150
|
}, title));
|
|
@@ -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.18.
|
|
48
|
+
packageVersion: "23.18.2"
|
|
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.18.
|
|
9
|
+
headers.append('atl-client-version', "23.18.2");
|
|
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.18.
|
|
77
|
+
headers.append('atl-client-version', "23.18.2");
|
|
78
78
|
return headers;
|
|
79
79
|
};
|
|
80
80
|
export async function getTeamFromAGG(url, teamId, siteId) {
|
|
@@ -338,7 +338,8 @@ 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')
|
|
341
|
+
shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card'),
|
|
342
|
+
shouldDisableFocusLock: fg('enable_appropriate_reading_order_in_profile_card')
|
|
342
343
|
}), shouldShowGiveKudos && teamCentralBaseUrl && /*#__PURE__*/React.createElement(Suspense, {
|
|
343
344
|
fallback: null
|
|
344
345
|
}, /*#__PURE__*/React.createElement(GiveKudosLauncherLazy, {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/* main.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
3
|
import "./main.compiled.css";
|
|
3
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
5
|
import React, { useCallback } from 'react';
|
|
@@ -6,6 +7,7 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
|
6
7
|
import Avatar from '@atlaskit/avatar';
|
|
7
8
|
import FeatureGates from '@atlaskit/feature-gate-js-client';
|
|
8
9
|
import { LinkItem } from '@atlaskit/menu';
|
|
10
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
11
|
import { Box, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
|
|
10
12
|
import { ContainerIcon, getContainerProperties } from '@atlaskit/teams-public';
|
|
11
13
|
import { fireEvent } from '../../../util/analytics';
|
|
@@ -20,7 +22,7 @@ export const TeamConnections = ({
|
|
|
20
22
|
containerIcon,
|
|
21
23
|
link
|
|
22
24
|
}) => {
|
|
23
|
-
const
|
|
25
|
+
const isContainerIconEnabled = FeatureGates.initializeCompleted() && FeatureGates.getExperimentValue('team_and_container_web_link', 'isEnabled', false) || fg('loom_tab_in_container_linker_team_profile_page');
|
|
24
26
|
const {
|
|
25
27
|
description,
|
|
26
28
|
icon,
|
|
@@ -43,13 +45,15 @@ export const TeamConnections = ({
|
|
|
43
45
|
}
|
|
44
46
|
});
|
|
45
47
|
}, [containerType, createAnalyticsEvent]);
|
|
46
|
-
return /*#__PURE__*/React.createElement(LinkItem, {
|
|
48
|
+
return /*#__PURE__*/React.createElement(LinkItem, _extends({
|
|
47
49
|
href: link,
|
|
48
50
|
onClick: onClick
|
|
49
|
-
},
|
|
51
|
+
}, fg('enable_new_tab_for_team_container') ? {
|
|
52
|
+
target: '_blank'
|
|
53
|
+
} : {}), /*#__PURE__*/React.createElement(Inline, {
|
|
50
54
|
space: "space.100",
|
|
51
55
|
xcss: styles.containerWrapperStyles
|
|
52
|
-
},
|
|
56
|
+
}, isContainerIconEnabled ? /*#__PURE__*/React.createElement(ContainerIcon, {
|
|
53
57
|
containerType: containerType,
|
|
54
58
|
title: title,
|
|
55
59
|
containerIcon: containerIcon,
|
|
@@ -83,7 +87,7 @@ export const NewTeamConnections = ({
|
|
|
83
87
|
containerIcon,
|
|
84
88
|
link
|
|
85
89
|
}) => {
|
|
86
|
-
const
|
|
90
|
+
const isContainerIconEnabled = FeatureGates.initializeCompleted() && FeatureGates.getExperimentValue('team_and_container_web_link', 'isEnabled', false) || fg('loom_tab_in_container_linker_team_profile_page');
|
|
87
91
|
const {
|
|
88
92
|
description,
|
|
89
93
|
icon,
|
|
@@ -106,9 +110,12 @@ export const NewTeamConnections = ({
|
|
|
106
110
|
}
|
|
107
111
|
});
|
|
108
112
|
}, [containerType, createAnalyticsEvent]);
|
|
109
|
-
return /*#__PURE__*/React.createElement(LinkItem, {
|
|
113
|
+
return /*#__PURE__*/React.createElement(LinkItem, _extends({
|
|
110
114
|
href: link,
|
|
111
|
-
onClick: onClick
|
|
115
|
+
onClick: onClick
|
|
116
|
+
}, fg('enable_new_tab_for_team_container') ? {
|
|
117
|
+
target: '_blank'
|
|
118
|
+
} : {}, {
|
|
112
119
|
description: /*#__PURE__*/React.createElement(Inline, {
|
|
113
120
|
space: "space.050"
|
|
114
121
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
@@ -118,7 +125,7 @@ export const NewTeamConnections = ({
|
|
|
118
125
|
size: "small",
|
|
119
126
|
color: "color.text.subtlest"
|
|
120
127
|
}, containerTypeText)),
|
|
121
|
-
iconBefore:
|
|
128
|
+
iconBefore: isContainerIconEnabled ? /*#__PURE__*/React.createElement(ContainerIcon, {
|
|
122
129
|
containerType: containerType,
|
|
123
130
|
title: title,
|
|
124
131
|
containerIcon: containerIcon,
|
|
@@ -134,7 +141,7 @@ export const NewTeamConnections = ({
|
|
|
134
141
|
xcss: styles.containerTypeIconButtonStyles,
|
|
135
142
|
testId: "container-type-icon"
|
|
136
143
|
}, icon)
|
|
137
|
-
}, /*#__PURE__*/React.createElement(Text, {
|
|
144
|
+
}), /*#__PURE__*/React.createElement(Text, {
|
|
138
145
|
maxLines: 1,
|
|
139
146
|
color: "color.text"
|
|
140
147
|
}, title));
|
|
@@ -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.18.
|
|
35
|
+
packageVersion: "23.18.2",
|
|
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.18.
|
|
7
|
+
headers.append('atl-client-version', "23.18.2");
|
|
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.18.
|
|
59
|
+
headers.append('atl-client-version', "23.18.2");
|
|
60
60
|
return headers;
|
|
61
61
|
};
|
|
62
62
|
export function getTeamFromAGG(_x, _x2, _x3) {
|
|
@@ -397,7 +397,8 @@ 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')
|
|
400
|
+
shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card'),
|
|
401
|
+
shouldDisableFocusLock: fg('enable_appropriate_reading_order_in_profile_card')
|
|
401
402
|
}), shouldShowGiveKudos && teamCentralBaseUrl && /*#__PURE__*/React.createElement(Suspense, {
|
|
402
403
|
fallback: null
|
|
403
404
|
}, /*#__PURE__*/React.createElement(GiveKudosLauncherLazy, {
|
|
@@ -57,6 +57,7 @@ export var TeamActions = function TeamActions(_ref) {
|
|
|
57
57
|
},
|
|
58
58
|
analyticsSource: kudosProps.analyticsSource,
|
|
59
59
|
teamCentralBaseUrl: kudosProps.teamCentralBaseUrl,
|
|
60
|
-
cloudId: kudosProps.cloudId
|
|
60
|
+
cloudId: kudosProps.cloudId,
|
|
61
|
+
addFlag: kudosProps.showKudosFlag
|
|
61
62
|
})));
|
|
62
63
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/* main.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
3
|
import "./main.compiled.css";
|
|
3
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
5
|
import React, { useCallback } from 'react';
|
|
@@ -6,6 +7,7 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
|
6
7
|
import Avatar from '@atlaskit/avatar';
|
|
7
8
|
import FeatureGates from '@atlaskit/feature-gate-js-client';
|
|
8
9
|
import { LinkItem } from '@atlaskit/menu';
|
|
10
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
11
|
import { Box, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
|
|
10
12
|
import { ContainerIcon, getContainerProperties } from '@atlaskit/teams-public';
|
|
11
13
|
import { fireEvent } from '../../../util/analytics';
|
|
@@ -19,7 +21,7 @@ export var TeamConnections = function TeamConnections(_ref) {
|
|
|
19
21
|
title = _ref.title,
|
|
20
22
|
containerIcon = _ref.containerIcon,
|
|
21
23
|
link = _ref.link;
|
|
22
|
-
var
|
|
24
|
+
var isContainerIconEnabled = FeatureGates.initializeCompleted() && FeatureGates.getExperimentValue('team_and_container_web_link', 'isEnabled', false) || fg('loom_tab_in_container_linker_team_profile_page');
|
|
23
25
|
var _getContainerProperti = getContainerProperties({
|
|
24
26
|
containerType: containerType,
|
|
25
27
|
iconSize: 'medium',
|
|
@@ -40,13 +42,15 @@ export var TeamConnections = function TeamConnections(_ref) {
|
|
|
40
42
|
}
|
|
41
43
|
});
|
|
42
44
|
}, [containerType, createAnalyticsEvent]);
|
|
43
|
-
return /*#__PURE__*/React.createElement(LinkItem, {
|
|
45
|
+
return /*#__PURE__*/React.createElement(LinkItem, _extends({
|
|
44
46
|
href: link,
|
|
45
47
|
onClick: onClick
|
|
46
|
-
},
|
|
48
|
+
}, fg('enable_new_tab_for_team_container') ? {
|
|
49
|
+
target: '_blank'
|
|
50
|
+
} : {}), /*#__PURE__*/React.createElement(Inline, {
|
|
47
51
|
space: "space.100",
|
|
48
52
|
xcss: styles.containerWrapperStyles
|
|
49
|
-
},
|
|
53
|
+
}, isContainerIconEnabled ? /*#__PURE__*/React.createElement(ContainerIcon, {
|
|
50
54
|
containerType: containerType,
|
|
51
55
|
title: title,
|
|
52
56
|
containerIcon: containerIcon,
|
|
@@ -79,7 +83,7 @@ export var NewTeamConnections = function NewTeamConnections(_ref2) {
|
|
|
79
83
|
title = _ref2.title,
|
|
80
84
|
containerIcon = _ref2.containerIcon,
|
|
81
85
|
link = _ref2.link;
|
|
82
|
-
var
|
|
86
|
+
var isContainerIconEnabled = FeatureGates.initializeCompleted() && FeatureGates.getExperimentValue('team_and_container_web_link', 'isEnabled', false) || fg('loom_tab_in_container_linker_team_profile_page');
|
|
83
87
|
var _getContainerProperti2 = getContainerProperties({
|
|
84
88
|
containerType: containerType,
|
|
85
89
|
iconSize: 'medium',
|
|
@@ -100,9 +104,12 @@ export var NewTeamConnections = function NewTeamConnections(_ref2) {
|
|
|
100
104
|
}
|
|
101
105
|
});
|
|
102
106
|
}, [containerType, createAnalyticsEvent]);
|
|
103
|
-
return /*#__PURE__*/React.createElement(LinkItem, {
|
|
107
|
+
return /*#__PURE__*/React.createElement(LinkItem, _extends({
|
|
104
108
|
href: link,
|
|
105
|
-
onClick: onClick
|
|
109
|
+
onClick: onClick
|
|
110
|
+
}, fg('enable_new_tab_for_team_container') ? {
|
|
111
|
+
target: '_blank'
|
|
112
|
+
} : {}, {
|
|
106
113
|
description: /*#__PURE__*/React.createElement(Inline, {
|
|
107
114
|
space: "space.050"
|
|
108
115
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
@@ -112,7 +119,7 @@ export var NewTeamConnections = function NewTeamConnections(_ref2) {
|
|
|
112
119
|
size: "small",
|
|
113
120
|
color: "color.text.subtlest"
|
|
114
121
|
}, containerTypeText)),
|
|
115
|
-
iconBefore:
|
|
122
|
+
iconBefore: isContainerIconEnabled ? /*#__PURE__*/React.createElement(ContainerIcon, {
|
|
116
123
|
containerType: containerType,
|
|
117
124
|
title: title,
|
|
118
125
|
containerIcon: containerIcon,
|
|
@@ -128,7 +135,7 @@ export var NewTeamConnections = function NewTeamConnections(_ref2) {
|
|
|
128
135
|
xcss: styles.containerTypeIconButtonStyles,
|
|
129
136
|
testId: "container-type-icon"
|
|
130
137
|
}, icon)
|
|
131
|
-
}, /*#__PURE__*/React.createElement(Text, {
|
|
138
|
+
}), /*#__PURE__*/React.createElement(Text, {
|
|
132
139
|
maxLines: 1,
|
|
133
140
|
color: "color.text"
|
|
134
141
|
}, title));
|
|
@@ -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.18.
|
|
42
|
+
packageVersion: "23.18.2"
|
|
43
43
|
}, attributes), {}, {
|
|
44
44
|
firedAt: Math.round(getPageTime())
|
|
45
45
|
})
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { type Flag } from '@atlaskit/give-kudos';
|
|
2
3
|
import { type ActionItem } from './more-actions';
|
|
3
4
|
type BaseTeamActionsProps = {
|
|
4
5
|
otherActions?: ActionItem[];
|
|
@@ -10,6 +11,7 @@ type KudosEnabledProps = BaseTeamActionsProps & {
|
|
|
10
11
|
isKudosEnabled: true;
|
|
11
12
|
teamCentralBaseUrl: string;
|
|
12
13
|
analyticsSource: string;
|
|
14
|
+
showKudosFlag?: (flagConfig: Flag) => void;
|
|
13
15
|
};
|
|
14
16
|
type KudosDisabledProps = BaseTeamActionsProps & {
|
|
15
17
|
isKudosEnabled?: false;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { type Flag } from '@atlaskit/give-kudos';
|
|
2
3
|
import { type ActionItem } from './more-actions';
|
|
3
4
|
type BaseTeamActionsProps = {
|
|
4
5
|
otherActions?: ActionItem[];
|
|
@@ -10,6 +11,7 @@ type KudosEnabledProps = BaseTeamActionsProps & {
|
|
|
10
11
|
isKudosEnabled: true;
|
|
11
12
|
teamCentralBaseUrl: string;
|
|
12
13
|
analyticsSource: string;
|
|
14
|
+
showKudosFlag?: (flagConfig: Flag) => void;
|
|
13
15
|
};
|
|
14
16
|
type KudosDisabledProps = BaseTeamActionsProps & {
|
|
15
17
|
isKudosEnabled?: false;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/profilecard",
|
|
3
|
-
"version": "23.18.
|
|
3
|
+
"version": "23.18.2",
|
|
4
4
|
"description": "A React component to display a card with user information.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
"@atlaskit/popup": "^4.3.0",
|
|
75
75
|
"@atlaskit/primitives": "^14.8.0",
|
|
76
76
|
"@atlaskit/rovo-agent-components": "^2.11.0",
|
|
77
|
-
"@atlaskit/rovo-triggers": "^2.
|
|
77
|
+
"@atlaskit/rovo-triggers": "^2.16.0",
|
|
78
78
|
"@atlaskit/spinner": "^18.0.0",
|
|
79
79
|
"@atlaskit/teams-avatar": "^2.3.0",
|
|
80
80
|
"@atlaskit/teams-public": "^0.36.0",
|
|
@@ -172,8 +172,14 @@
|
|
|
172
172
|
"platform_profilecard-update-time-format": {
|
|
173
173
|
"type": "boolean"
|
|
174
174
|
},
|
|
175
|
+
"enable_new_tab_for_team_container": {
|
|
176
|
+
"type": "boolean"
|
|
177
|
+
},
|
|
175
178
|
"should-render-to-parent-should-be-true-people-and-": {
|
|
176
179
|
"type": "boolean"
|
|
180
|
+
},
|
|
181
|
+
"loom_tab_in_container_linker_team_profile_page": {
|
|
182
|
+
"type": "boolean"
|
|
177
183
|
}
|
|
178
184
|
},
|
|
179
185
|
"sideEffects": [
|