@atlaskit/profilecard 23.18.2 → 23.19.0

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