@atlaskit/teams-public 0.62.3 → 0.62.4

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.
Files changed (26) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/common/ui/separator/index.compiled.css +1 -0
  3. package/dist/cjs/common/ui/separator/index.js +24 -0
  4. package/dist/cjs/common/utils/get-container-properties.js +10 -3
  5. package/dist/cjs/index.js +8 -1
  6. package/dist/cjs/next/ui/team-containers/team-link-card/index.js +4 -3
  7. package/dist/cjs/ui/team-containers/team-link-card/index.js +20 -12
  8. package/dist/es2019/common/ui/separator/index.compiled.css +1 -0
  9. package/dist/es2019/common/ui/separator/index.js +15 -0
  10. package/dist/es2019/common/utils/get-container-properties.js +10 -3
  11. package/dist/es2019/index.js +2 -1
  12. package/dist/es2019/next/ui/team-containers/team-link-card/index.js +4 -3
  13. package/dist/es2019/ui/team-containers/team-link-card/index.js +20 -12
  14. package/dist/esm/common/ui/separator/index.compiled.css +1 -0
  15. package/dist/esm/common/ui/separator/index.js +17 -0
  16. package/dist/esm/common/utils/get-container-properties.js +10 -3
  17. package/dist/esm/index.js +2 -1
  18. package/dist/esm/next/ui/team-containers/team-link-card/index.js +4 -3
  19. package/dist/esm/ui/team-containers/team-link-card/index.js +20 -12
  20. package/dist/types/common/ui/separator/index.d.ts +2 -0
  21. package/dist/types/common/utils/get-container-properties.d.ts +5 -0
  22. package/dist/types/index.d.ts +1 -0
  23. package/dist/types-ts4.5/common/ui/separator/index.d.ts +2 -0
  24. package/dist/types-ts4.5/common/utils/get-container-properties.d.ts +5 -0
  25. package/dist/types-ts4.5/index.d.ts +1 -0
  26. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/teams-public
2
2
 
3
+ ## 0.62.4
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 0.62.3
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/common/ui/separator/index.compiled.css ADDED
@@ -0,0 +1 @@
1
+ ._t9ec18p1{transform:scale(.75)}
package/dist/cjs/common/ui/separator/index.js ADDED
@@ -0,0 +1,24 @@
1
+ /* index.tsx generated by @compiled/babel-plugin v0.38.1 */
2
+ "use strict";
3
+
4
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.Separator = void 0;
9
+ require("./index.compiled.css");
10
+ var _runtime = require("@compiled/react/runtime");
11
+ var _react = _interopRequireDefault(require("react"));
12
+ var _compiled = require("@atlaskit/primitives/compiled");
13
+ var styles = {
14
+ separator: "_t9ec18p1"
15
+ };
16
+ var SEPARATOR = '•';
17
+ var Separator = exports.Separator = function Separator() {
18
+ return /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
19
+ xcss: styles.separator
20
+ }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
21
+ size: "small",
22
+ color: "color.text.subtle"
23
+ }, SEPARATOR));
24
+ };
package/dist/cjs/common/utils/get-container-properties.js CHANGED
@@ -98,6 +98,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
98
98
  defaultMessage: 'space',
99
99
  description: 'Text for space type containers'
100
100
  },
101
+ spaceContainerTextOverride: {
102
+ id: 'ptc-directory.team-profile-page.team-containers.space-container-text-override',
103
+ defaultMessage: 'Space',
104
+ description: 'Text for space type containers'
105
+ },
101
106
  emptyLinkContainerDescription: {
102
107
  id: 'platform.teams.containers.empty-link-description',
103
108
  defaultMessage: 'Add any link',
@@ -129,6 +134,7 @@ var getJiraContainerProperties = function getJiraContainerProperties(_ref) {
129
134
  _ref$iconSize = _ref.iconSize,
130
135
  iconSize = _ref$iconSize === void 0 ? 'small' : _ref$iconSize;
131
136
  var newTeamProfilePage = _featureGateJsClient.default.getExperimentValue('new_team_profile', 'isEnabled', false);
137
+ var isTeamLensInHomeEnabled = _featureGateJsClient.default.getExperimentValue('team_lens_in_atlassian_home', 'cohort', 'control');
132
138
  var _ref2 = containerTypeProperties || {},
133
139
  subType = _ref2.subType,
134
140
  name = _ref2.name;
@@ -148,7 +154,7 @@ var getJiraContainerProperties = function getJiraContainerProperties(_ref) {
148
154
  testId: "jira-project-container-icon"
149
155
  })),
150
156
  title: newTeamProfilePage ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.addJiraProject) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.addJiraProjectTitle),
151
- containerTypeText: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.projectContainerText)
157
+ containerTypeText: newTeamProfilePage || isTeamLensInHomeEnabled ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.spaceContainerTextOverride) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.projectContainerText)
152
158
  };
153
159
  switch (subType) {
154
160
  case 'PRODUCT_DISCOVERY':
@@ -199,6 +205,7 @@ var getContainerProperties = exports.getContainerProperties = function getContai
199
205
  isEmptyContainer = _ref4.isEmptyContainer,
200
206
  isDisplayedOnProfileCard = _ref4.isDisplayedOnProfileCard;
201
207
  var newTeamProfilePage = _featureGateJsClient.default.getExperimentValue('new_team_profile', 'isEnabled', false);
208
+ var isTeamLensInHomeEnabled = _featureGateJsClient.default.getExperimentValue('team_lens_in_atlassian_home', 'cohort', 'control');
202
209
  switch (containerType) {
203
210
  case 'ConfluenceSpace':
204
211
  return {
@@ -217,7 +224,7 @@ var getContainerProperties = exports.getContainerProperties = function getContai
217
224
  testId: "confluence-space-container-icon"
218
225
  })),
219
226
  title: newTeamProfilePage ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.addConfluenceSpace) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.addConfluenceContainerTitle),
220
- containerTypeText: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.spaceContainerText)
227
+ containerTypeText: newTeamProfilePage || isTeamLensInHomeEnabled ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.spaceContainerTextOverride) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.spaceContainerText)
221
228
  };
222
229
  case 'LoomSpace':
223
230
  return {
@@ -236,7 +243,7 @@ var getContainerProperties = exports.getContainerProperties = function getContai
236
243
  testId: "loom-space-container-icon"
237
244
  })),
238
245
  title: newTeamProfilePage ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.addLoomSpace) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.addLoomContainerTitle),
239
- containerTypeText: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.spaceContainerText)
246
+ containerTypeText: newTeamProfilePage || isTeamLensInHomeEnabled ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.spaceContainerTextOverride) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.spaceContainerText)
240
247
  };
241
248
  case 'JiraProject':
242
249
  return getJiraContainerProperties({
package/dist/cjs/index.js CHANGED
@@ -27,6 +27,12 @@ Object.defineProperty(exports, "LoomIcon", {
27
27
  return _assets.LoomIcon;
28
28
  }
29
29
  });
30
+ Object.defineProperty(exports, "Separator", {
31
+ enumerable: true,
32
+ get: function get() {
33
+ return _separator.Separator;
34
+ }
35
+ });
30
36
  Object.defineProperty(exports, "TeamContainers", {
31
37
  enumerable: true,
32
38
  get: function get() {
@@ -103,4 +109,5 @@ var _useTeamLinksAndContainers = require("./controllers/hooks/use-team-links-and
103
109
  var _useProductPermission = require("./controllers/hooks/use-product-permission");
104
110
  var _utils = require("./controllers/product-permission/utils");
105
111
  var _getContainerProperties = require("./common/utils/get-container-properties");
106
- var _assets = require("./common/assets");
112
+ var _assets = require("./common/assets");
113
+ var _separator = require("./common/ui/separator");
package/dist/cjs/next/ui/team-containers/team-link-card/index.js CHANGED
@@ -17,6 +17,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
17
17
  var _compiled = require("@atlaskit/primitives/compiled");
18
18
  var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
19
19
  var _containerIcon = require("../../../../common/ui/container-icon");
20
+ var _separator = require("../../../../common/ui/separator");
20
21
  var _teamLinkCardActions = require("../../../../common/ui/team-link-card-actions");
21
22
  var _analytics = require("../../../../common/utils/analytics");
22
23
  var _getContainerProperties = require("../../../../common/utils/get-container-properties");
@@ -155,13 +156,13 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
155
156
  alignItems: "center"
156
157
  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
157
158
  space: "space.050"
158
- }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
159
+ }, containerTypeText && /*#__PURE__*/_react.default.createElement(_compiled.Text, {
159
160
  size: "small",
160
161
  color: "color.text.subtle"
161
- }, description), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
162
+ }, containerTypeText), containerTypeText && description && /*#__PURE__*/_react.default.createElement(_separator.Separator, null), description && /*#__PURE__*/_react.default.createElement(_compiled.Text, {
162
163
  size: "small",
163
164
  color: "color.text.subtle"
164
- }, containerTypeText))))), !isReadOnly && /*#__PURE__*/_react.default.createElement(_teamLinkCardActions.TeamLinkCardActions, {
165
+ }, description))))), !isReadOnly && /*#__PURE__*/_react.default.createElement(_teamLinkCardActions.TeamLinkCardActions, {
165
166
  containerType: containerType,
166
167
  title: title,
167
168
  containerId: containerId,
package/dist/cjs/ui/team-containers/team-link-card/index.js CHANGED
@@ -29,6 +29,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
29
29
  var _teamsAppInternalAnalytics = require("@atlaskit/teams-app-internal-analytics");
30
30
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
31
31
  var _containerIcon = require("../../../common/ui/container-icon");
32
+ var _separator = require("../../../common/ui/separator");
32
33
  var _teamLinkCardActions = require("../../../common/ui/team-link-card-actions");
33
34
  var _analytics = require("../../../common/utils/analytics");
34
35
  var _getContainerProperties = require("../../../common/utils/get-container-properties");
@@ -49,6 +50,15 @@ var styles = {
49
50
  linkableContent: "_16jlkb7n _1o9zkb7n _i0dlf1ug",
50
51
  externalLinkIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u0u2gc"
51
52
  };
53
+ var renderContainerTypeTextWithSeparator = function renderContainerTypeTextWithSeparator(containerTypeText, description) {
54
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, containerTypeText && /*#__PURE__*/_react.default.createElement(_compiled.Text, {
55
+ size: "small",
56
+ color: "color.text.subtle"
57
+ }, containerTypeText), containerTypeText && description && /*#__PURE__*/_react.default.createElement(_separator.Separator, null), description && /*#__PURE__*/_react.default.createElement(_compiled.Text, {
58
+ size: "small",
59
+ color: "color.text.subtle"
60
+ }, description));
61
+ };
52
62
  var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
53
63
  var containerType = _ref.containerType,
54
64
  title = _ref.title,
@@ -193,9 +203,7 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
193
203
  onClick: handleLinkClick,
194
204
  testId: "team-link-card-linkable-content",
195
205
  target: isOpenWebLinkInNewTabEnabled ? '_blank' : '_self'
196
- }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
197
- space: "space.025"
198
- }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
206
+ }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
199
207
  maxLines: 1,
200
208
  weight: "medium",
201
209
  color: "color.text"
@@ -203,14 +211,15 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
203
211
  gap: "space.050",
204
212
  alignItems: "center"
205
213
  }, !hideSubTextIcon ? icon : null, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
206
- space: "space.050"
207
- }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
214
+ space: "space.050",
215
+ alignBlock: "center"
216
+ }, isNewTeamProfilePageEnabled || isTeamLensInHomeEnabled ? renderContainerTypeTextWithSeparator(containerTypeText, description) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
208
217
  size: "small",
209
218
  color: "color.text.subtle"
210
219
  }, description), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
211
220
  size: "small",
212
221
  color: "color.text.subtle"
213
- }, containerTypeText)))), isOpenWebLinkInNewTabEnabled && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
222
+ }, containerTypeText))))), isOpenWebLinkInNewTabEnabled && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
214
223
  xcss: styles.externalLinkIconWrapper
215
224
  }, /*#__PURE__*/_react.default.createElement(_linkExternal.default, {
216
225
  label: formatMessage(messages.linkExternalIconLabel),
@@ -240,9 +249,7 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
240
249
  href: link || '#',
241
250
  appearance: "subtle",
242
251
  onClick: handleLinkClick
243
- }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
244
- space: "space.025"
245
- }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
252
+ }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
246
253
  maxLines: 1,
247
254
  weight: "medium",
248
255
  color: "color.text"
@@ -250,14 +257,15 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
250
257
  gap: "space.050",
251
258
  alignItems: "center"
252
259
  }, !hideSubTextIcon ? icon : null, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
253
- space: "space.050"
254
- }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
260
+ space: "space.050",
261
+ alignBlock: "center"
262
+ }, isNewTeamProfilePageEnabled || isTeamLensInHomeEnabled ? renderContainerTypeTextWithSeparator(containerTypeText, description) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
255
263
  size: "small",
256
264
  color: "color.text.subtle"
257
265
  }, description), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
258
266
  size: "small",
259
267
  color: "color.text.subtle"
260
- }, containerTypeText)))))), showCloseIcon && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
268
+ }, containerTypeText))))))), showCloseIcon && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
261
269
  xcss: styles.crossIconWrapper
262
270
  }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
263
271
  content: formatMessage(messages.disconnectTooltip),
package/dist/es2019/common/ui/separator/index.compiled.css ADDED
@@ -0,0 +1 @@
1
+ ._t9ec18p1{transform:scale(.75)}
package/dist/es2019/common/ui/separator/index.js ADDED
@@ -0,0 +1,15 @@
1
+ /* index.tsx generated by @compiled/babel-plugin v0.38.1 */
2
+ import "./index.compiled.css";
3
+ import { ax, ix } from "@compiled/react/runtime";
4
+ import React from 'react';
5
+ import { Inline, Text } from '@atlaskit/primitives/compiled';
6
+ const styles = {
7
+ separator: "_t9ec18p1"
8
+ };
9
+ const SEPARATOR = '•';
10
+ export const Separator = () => /*#__PURE__*/React.createElement(Inline, {
11
+ xcss: styles.separator
12
+ }, /*#__PURE__*/React.createElement(Text, {
13
+ size: "small",
14
+ color: "color.text.subtle"
15
+ }, SEPARATOR));
package/dist/es2019/common/utils/get-container-properties.js CHANGED
@@ -88,6 +88,11 @@ export const messages = defineMessages({
88
88
  defaultMessage: 'space',
89
89
  description: 'Text for space type containers'
90
90
  },
91
+ spaceContainerTextOverride: {
92
+ id: 'ptc-directory.team-profile-page.team-containers.space-container-text-override',
93
+ defaultMessage: 'Space',
94
+ description: 'Text for space type containers'
95
+ },
91
96
  emptyLinkContainerDescription: {
92
97
  id: 'platform.teams.containers.empty-link-description',
93
98
  defaultMessage: 'Add any link',
@@ -119,6 +124,7 @@ const getJiraContainerProperties = ({
119
124
  iconSize = 'small'
120
125
  }) => {
121
126
  const newTeamProfilePage = FeatureGates.getExperimentValue('new_team_profile', 'isEnabled', false);
127
+ const isTeamLensInHomeEnabled = FeatureGates.getExperimentValue('team_lens_in_atlassian_home', 'cohort', 'control');
122
128
  const {
123
129
  subType,
124
130
  name
@@ -139,7 +145,7 @@ const getJiraContainerProperties = ({
139
145
  testId: "jira-project-container-icon"
140
146
  })),
141
147
  title: newTeamProfilePage ? /*#__PURE__*/React.createElement(FormattedMessage, messages.addJiraProject) : /*#__PURE__*/React.createElement(FormattedMessage, messages.addJiraProjectTitle),
142
- containerTypeText: /*#__PURE__*/React.createElement(FormattedMessage, messages.projectContainerText)
148
+ containerTypeText: newTeamProfilePage || isTeamLensInHomeEnabled ? /*#__PURE__*/React.createElement(FormattedMessage, messages.spaceContainerTextOverride) : /*#__PURE__*/React.createElement(FormattedMessage, messages.projectContainerText)
143
149
  };
144
150
  switch (subType) {
145
151
  case 'PRODUCT_DISCOVERY':
@@ -192,6 +198,7 @@ export const getContainerProperties = ({
192
198
  isDisplayedOnProfileCard
193
199
  }) => {
194
200
  const newTeamProfilePage = FeatureGates.getExperimentValue('new_team_profile', 'isEnabled', false);
201
+ const isTeamLensInHomeEnabled = FeatureGates.getExperimentValue('team_lens_in_atlassian_home', 'cohort', 'control');
195
202
  switch (containerType) {
196
203
  case 'ConfluenceSpace':
197
204
  return {
@@ -210,7 +217,7 @@ export const getContainerProperties = ({
210
217
  testId: "confluence-space-container-icon"
211
218
  })),
212
219
  title: newTeamProfilePage ? /*#__PURE__*/React.createElement(FormattedMessage, messages.addConfluenceSpace) : /*#__PURE__*/React.createElement(FormattedMessage, messages.addConfluenceContainerTitle),
213
- containerTypeText: /*#__PURE__*/React.createElement(FormattedMessage, messages.spaceContainerText)
220
+ containerTypeText: newTeamProfilePage || isTeamLensInHomeEnabled ? /*#__PURE__*/React.createElement(FormattedMessage, messages.spaceContainerTextOverride) : /*#__PURE__*/React.createElement(FormattedMessage, messages.spaceContainerText)
214
221
  };
215
222
  case 'LoomSpace':
216
223
  return {
@@ -229,7 +236,7 @@ export const getContainerProperties = ({
229
236
  testId: "loom-space-container-icon"
230
237
  })),
231
238
  title: newTeamProfilePage ? /*#__PURE__*/React.createElement(FormattedMessage, messages.addLoomSpace) : /*#__PURE__*/React.createElement(FormattedMessage, messages.addLoomContainerTitle),
232
- containerTypeText: /*#__PURE__*/React.createElement(FormattedMessage, messages.spaceContainerText)
239
+ containerTypeText: newTeamProfilePage || isTeamLensInHomeEnabled ? /*#__PURE__*/React.createElement(FormattedMessage, messages.spaceContainerTextOverride) : /*#__PURE__*/React.createElement(FormattedMessage, messages.spaceContainerText)
233
240
  };
234
241
  case 'JiraProject':
235
242
  return getJiraContainerProperties({
package/dist/es2019/index.js CHANGED
@@ -8,4 +8,5 @@ export { useTeamLinksAndContainers } from './controllers/hooks/use-team-links-an
8
8
  export { useProductPermissions } from './controllers/hooks/use-product-permission';
9
9
  export { hasProductPermission } from './controllers/product-permission/utils';
10
10
  export { getContainerProperties } from './common/utils/get-container-properties';
11
- export { ConfluenceIcon, JiraIcon, LoomIcon } from './common/assets';
11
+ export { ConfluenceIcon, JiraIcon, LoomIcon } from './common/assets';
12
+ export { Separator } from './common/ui/separator';
package/dist/es2019/next/ui/team-containers/team-link-card/index.js CHANGED
@@ -7,6 +7,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
7
7
  import { Anchor, Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
8
8
  import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
9
9
  import { ContainerIcon } from '../../../../common/ui/container-icon';
10
+ import { Separator } from '../../../../common/ui/separator';
10
11
  import { TeamLinkCardActions } from '../../../../common/ui/team-link-card-actions';
11
12
  import { AnalyticsAction, usePeopleAndTeamAnalytics } from '../../../../common/utils/analytics';
12
13
  import { getContainerProperties } from '../../../../common/utils/get-container-properties';
@@ -136,13 +137,13 @@ export const TeamLinkCard = ({
136
137
  alignItems: "center"
137
138
  }, /*#__PURE__*/React.createElement(Inline, {
138
139
  space: "space.050"
139
- }, /*#__PURE__*/React.createElement(Text, {
140
+ }, containerTypeText && /*#__PURE__*/React.createElement(Text, {
140
141
  size: "small",
141
142
  color: "color.text.subtle"
142
- }, description), /*#__PURE__*/React.createElement(Text, {
143
+ }, containerTypeText), containerTypeText && description && /*#__PURE__*/React.createElement(Separator, null), description && /*#__PURE__*/React.createElement(Text, {
143
144
  size: "small",
144
145
  color: "color.text.subtle"
145
- }, containerTypeText))))), !isReadOnly && /*#__PURE__*/React.createElement(TeamLinkCardActions, {
146
+ }, description))))), !isReadOnly && /*#__PURE__*/React.createElement(TeamLinkCardActions, {
146
147
  containerType: containerType,
147
148
  title: title,
148
149
  containerId: containerId,
package/dist/es2019/ui/team-containers/team-link-card/index.js CHANGED
@@ -18,6 +18,7 @@ import { Anchor, Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/com
18
18
  import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
19
19
  import Tooltip from '@atlaskit/tooltip';
20
20
  import { ContainerIcon } from '../../../common/ui/container-icon';
21
+ import { Separator } from '../../../common/ui/separator';
21
22
  import { TeamLinkCardActions } from '../../../common/ui/team-link-card-actions';
22
23
  import { AnalyticsAction, usePeopleAndTeamAnalytics } from '../../../common/utils/analytics';
23
24
  import { getContainerProperties } from '../../../common/utils/get-container-properties';
@@ -34,6 +35,15 @@ const styles = {
34
35
  linkableContent: "_16jlkb7n _1o9zkb7n _i0dlf1ug",
35
36
  externalLinkIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u0u2gc"
36
37
  };
38
+ const renderContainerTypeTextWithSeparator = (containerTypeText, description) => {
39
+ return /*#__PURE__*/React.createElement(React.Fragment, null, containerTypeText && /*#__PURE__*/React.createElement(Text, {
40
+ size: "small",
41
+ color: "color.text.subtle"
42
+ }, containerTypeText), containerTypeText && description && /*#__PURE__*/React.createElement(Separator, null), description && /*#__PURE__*/React.createElement(Text, {
43
+ size: "small",
44
+ color: "color.text.subtle"
45
+ }, description));
46
+ };
37
47
  export const TeamLinkCard = ({
38
48
  containerType,
39
49
  title,
@@ -170,9 +180,7 @@ export const TeamLinkCard = ({
170
180
  onClick: handleLinkClick,
171
181
  testId: "team-link-card-linkable-content",
172
182
  target: isOpenWebLinkInNewTabEnabled ? '_blank' : '_self'
173
- }, /*#__PURE__*/React.createElement(Stack, {
174
- space: "space.025"
175
- }, /*#__PURE__*/React.createElement(Text, {
183
+ }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Text, {
176
184
  maxLines: 1,
177
185
  weight: "medium",
178
186
  color: "color.text"
@@ -180,14 +188,15 @@ export const TeamLinkCard = ({
180
188
  gap: "space.050",
181
189
  alignItems: "center"
182
190
  }, !hideSubTextIcon ? icon : null, /*#__PURE__*/React.createElement(Inline, {
183
- space: "space.050"
184
- }, /*#__PURE__*/React.createElement(Text, {
191
+ space: "space.050",
192
+ alignBlock: "center"
193
+ }, isNewTeamProfilePageEnabled || isTeamLensInHomeEnabled ? renderContainerTypeTextWithSeparator(containerTypeText, description) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
185
194
  size: "small",
186
195
  color: "color.text.subtle"
187
196
  }, description), /*#__PURE__*/React.createElement(Text, {
188
197
  size: "small",
189
198
  color: "color.text.subtle"
190
- }, containerTypeText)))), isOpenWebLinkInNewTabEnabled && /*#__PURE__*/React.createElement(Box, {
199
+ }, containerTypeText))))), isOpenWebLinkInNewTabEnabled && /*#__PURE__*/React.createElement(Box, {
191
200
  xcss: styles.externalLinkIconWrapper
192
201
  }, /*#__PURE__*/React.createElement(LinkExternalIcon, {
193
202
  label: formatMessage(messages.linkExternalIconLabel),
@@ -217,9 +226,7 @@ export const TeamLinkCard = ({
217
226
  href: link || '#',
218
227
  appearance: "subtle",
219
228
  onClick: handleLinkClick
220
- }, /*#__PURE__*/React.createElement(Stack, {
221
- space: "space.025"
222
- }, /*#__PURE__*/React.createElement(Text, {
229
+ }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Text, {
223
230
  maxLines: 1,
224
231
  weight: "medium",
225
232
  color: "color.text"
@@ -227,14 +234,15 @@ export const TeamLinkCard = ({
227
234
  gap: "space.050",
228
235
  alignItems: "center"
229
236
  }, !hideSubTextIcon ? icon : null, /*#__PURE__*/React.createElement(Inline, {
230
- space: "space.050"
231
- }, /*#__PURE__*/React.createElement(Text, {
237
+ space: "space.050",
238
+ alignBlock: "center"
239
+ }, isNewTeamProfilePageEnabled || isTeamLensInHomeEnabled ? renderContainerTypeTextWithSeparator(containerTypeText, description) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
232
240
  size: "small",
233
241
  color: "color.text.subtle"
234
242
  }, description), /*#__PURE__*/React.createElement(Text, {
235
243
  size: "small",
236
244
  color: "color.text.subtle"
237
- }, containerTypeText)))))), showCloseIcon && /*#__PURE__*/React.createElement(Box, {
245
+ }, containerTypeText))))))), showCloseIcon && /*#__PURE__*/React.createElement(Box, {
238
246
  xcss: styles.crossIconWrapper
239
247
  }, /*#__PURE__*/React.createElement(Tooltip, {
240
248
  content: formatMessage(messages.disconnectTooltip),
package/dist/esm/common/ui/separator/index.compiled.css ADDED
@@ -0,0 +1 @@
1
+ ._t9ec18p1{transform:scale(.75)}
package/dist/esm/common/ui/separator/index.js ADDED
@@ -0,0 +1,17 @@
1
+ /* index.tsx generated by @compiled/babel-plugin v0.38.1 */
2
+ import "./index.compiled.css";
3
+ import { ax, ix } from "@compiled/react/runtime";
4
+ import React from 'react';
5
+ import { Inline, Text } from '@atlaskit/primitives/compiled';
6
+ var styles = {
7
+ separator: "_t9ec18p1"
8
+ };
9
+ var SEPARATOR = '•';
10
+ export var Separator = function Separator() {
11
+ return /*#__PURE__*/React.createElement(Inline, {
12
+ xcss: styles.separator
13
+ }, /*#__PURE__*/React.createElement(Text, {
14
+ size: "small",
15
+ color: "color.text.subtle"
16
+ }, SEPARATOR));
17
+ };
package/dist/esm/common/utils/get-container-properties.js CHANGED
@@ -91,6 +91,11 @@ export var messages = defineMessages({
91
91
  defaultMessage: 'space',
92
92
  description: 'Text for space type containers'
93
93
  },
94
+ spaceContainerTextOverride: {
95
+ id: 'ptc-directory.team-profile-page.team-containers.space-container-text-override',
96
+ defaultMessage: 'Space',
97
+ description: 'Text for space type containers'
98
+ },
94
99
  emptyLinkContainerDescription: {
95
100
  id: 'platform.teams.containers.empty-link-description',
96
101
  defaultMessage: 'Add any link',
@@ -122,6 +127,7 @@ var getJiraContainerProperties = function getJiraContainerProperties(_ref) {
122
127
  _ref$iconSize = _ref.iconSize,
123
128
  iconSize = _ref$iconSize === void 0 ? 'small' : _ref$iconSize;
124
129
  var newTeamProfilePage = FeatureGates.getExperimentValue('new_team_profile', 'isEnabled', false);
130
+ var isTeamLensInHomeEnabled = FeatureGates.getExperimentValue('team_lens_in_atlassian_home', 'cohort', 'control');
125
131
  var _ref2 = containerTypeProperties || {},
126
132
  subType = _ref2.subType,
127
133
  name = _ref2.name;
@@ -141,7 +147,7 @@ var getJiraContainerProperties = function getJiraContainerProperties(_ref) {
141
147
  testId: "jira-project-container-icon"
142
148
  })),
143
149
  title: newTeamProfilePage ? /*#__PURE__*/React.createElement(FormattedMessage, messages.addJiraProject) : /*#__PURE__*/React.createElement(FormattedMessage, messages.addJiraProjectTitle),
144
- containerTypeText: /*#__PURE__*/React.createElement(FormattedMessage, messages.projectContainerText)
150
+ containerTypeText: newTeamProfilePage || isTeamLensInHomeEnabled ? /*#__PURE__*/React.createElement(FormattedMessage, messages.spaceContainerTextOverride) : /*#__PURE__*/React.createElement(FormattedMessage, messages.projectContainerText)
145
151
  };
146
152
  switch (subType) {
147
153
  case 'PRODUCT_DISCOVERY':
@@ -192,6 +198,7 @@ export var getContainerProperties = function getContainerProperties(_ref4) {
192
198
  isEmptyContainer = _ref4.isEmptyContainer,
193
199
  isDisplayedOnProfileCard = _ref4.isDisplayedOnProfileCard;
194
200
  var newTeamProfilePage = FeatureGates.getExperimentValue('new_team_profile', 'isEnabled', false);
201
+ var isTeamLensInHomeEnabled = FeatureGates.getExperimentValue('team_lens_in_atlassian_home', 'cohort', 'control');
195
202
  switch (containerType) {
196
203
  case 'ConfluenceSpace':
197
204
  return {
@@ -210,7 +217,7 @@ export var getContainerProperties = function getContainerProperties(_ref4) {
210
217
  testId: "confluence-space-container-icon"
211
218
  })),
212
219
  title: newTeamProfilePage ? /*#__PURE__*/React.createElement(FormattedMessage, messages.addConfluenceSpace) : /*#__PURE__*/React.createElement(FormattedMessage, messages.addConfluenceContainerTitle),
213
- containerTypeText: /*#__PURE__*/React.createElement(FormattedMessage, messages.spaceContainerText)
220
+ containerTypeText: newTeamProfilePage || isTeamLensInHomeEnabled ? /*#__PURE__*/React.createElement(FormattedMessage, messages.spaceContainerTextOverride) : /*#__PURE__*/React.createElement(FormattedMessage, messages.spaceContainerText)
214
221
  };
215
222
  case 'LoomSpace':
216
223
  return {
@@ -229,7 +236,7 @@ export var getContainerProperties = function getContainerProperties(_ref4) {
229
236
  testId: "loom-space-container-icon"
230
237
  })),
231
238
  title: newTeamProfilePage ? /*#__PURE__*/React.createElement(FormattedMessage, messages.addLoomSpace) : /*#__PURE__*/React.createElement(FormattedMessage, messages.addLoomContainerTitle),
232
- containerTypeText: /*#__PURE__*/React.createElement(FormattedMessage, messages.spaceContainerText)
239
+ containerTypeText: newTeamProfilePage || isTeamLensInHomeEnabled ? /*#__PURE__*/React.createElement(FormattedMessage, messages.spaceContainerTextOverride) : /*#__PURE__*/React.createElement(FormattedMessage, messages.spaceContainerText)
233
240
  };
234
241
  case 'JiraProject':
235
242
  return getJiraContainerProperties({
package/dist/esm/index.js CHANGED
@@ -8,4 +8,5 @@ export { useTeamLinksAndContainers } from './controllers/hooks/use-team-links-an
8
8
  export { useProductPermissions } from './controllers/hooks/use-product-permission';
9
9
  export { hasProductPermission } from './controllers/product-permission/utils';
10
10
  export { getContainerProperties } from './common/utils/get-container-properties';
11
- export { ConfluenceIcon, JiraIcon, LoomIcon } from './common/assets';
11
+ export { ConfluenceIcon, JiraIcon, LoomIcon } from './common/assets';
12
+ export { Separator } from './common/ui/separator';
package/dist/esm/next/ui/team-containers/team-link-card/index.js CHANGED
@@ -11,6 +11,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
11
11
  import { Anchor, Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
12
12
  import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
13
13
  import { ContainerIcon } from '../../../../common/ui/container-icon';
14
+ import { Separator } from '../../../../common/ui/separator';
14
15
  import { TeamLinkCardActions } from '../../../../common/ui/team-link-card-actions';
15
16
  import { AnalyticsAction, usePeopleAndTeamAnalytics } from '../../../../common/utils/analytics';
16
17
  import { getContainerProperties } from '../../../../common/utils/get-container-properties';
@@ -146,13 +147,13 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
146
147
  alignItems: "center"
147
148
  }, /*#__PURE__*/React.createElement(Inline, {
148
149
  space: "space.050"
149
- }, /*#__PURE__*/React.createElement(Text, {
150
+ }, containerTypeText && /*#__PURE__*/React.createElement(Text, {
150
151
  size: "small",
151
152
  color: "color.text.subtle"
152
- }, description), /*#__PURE__*/React.createElement(Text, {
153
+ }, containerTypeText), containerTypeText && description && /*#__PURE__*/React.createElement(Separator, null), description && /*#__PURE__*/React.createElement(Text, {
153
154
  size: "small",
154
155
  color: "color.text.subtle"
155
- }, containerTypeText))))), !isReadOnly && /*#__PURE__*/React.createElement(TeamLinkCardActions, {
156
+ }, description))))), !isReadOnly && /*#__PURE__*/React.createElement(TeamLinkCardActions, {
156
157
  containerType: containerType,
157
158
  title: title,
158
159
  containerId: containerId,
package/dist/esm/ui/team-containers/team-link-card/index.js CHANGED
@@ -24,6 +24,7 @@ import { Anchor, Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/com
24
24
  import { useAnalyticsEvents as useAnalyticsEventsNext } from '@atlaskit/teams-app-internal-analytics';
25
25
  import Tooltip from '@atlaskit/tooltip';
26
26
  import { ContainerIcon } from '../../../common/ui/container-icon';
27
+ import { Separator } from '../../../common/ui/separator';
27
28
  import { TeamLinkCardActions } from '../../../common/ui/team-link-card-actions';
28
29
  import { AnalyticsAction, usePeopleAndTeamAnalytics } from '../../../common/utils/analytics';
29
30
  import { getContainerProperties } from '../../../common/utils/get-container-properties';
@@ -40,6 +41,15 @@ var styles = {
40
41
  linkableContent: "_16jlkb7n _1o9zkb7n _i0dlf1ug",
41
42
  externalLinkIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u0u2gc"
42
43
  };
44
+ var renderContainerTypeTextWithSeparator = function renderContainerTypeTextWithSeparator(containerTypeText, description) {
45
+ return /*#__PURE__*/React.createElement(React.Fragment, null, containerTypeText && /*#__PURE__*/React.createElement(Text, {
46
+ size: "small",
47
+ color: "color.text.subtle"
48
+ }, containerTypeText), containerTypeText && description && /*#__PURE__*/React.createElement(Separator, null), description && /*#__PURE__*/React.createElement(Text, {
49
+ size: "small",
50
+ color: "color.text.subtle"
51
+ }, description));
52
+ };
43
53
  export var TeamLinkCard = function TeamLinkCard(_ref) {
44
54
  var containerType = _ref.containerType,
45
55
  title = _ref.title,
@@ -184,9 +194,7 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
184
194
  onClick: handleLinkClick,
185
195
  testId: "team-link-card-linkable-content",
186
196
  target: isOpenWebLinkInNewTabEnabled ? '_blank' : '_self'
187
- }, /*#__PURE__*/React.createElement(Stack, {
188
- space: "space.025"
189
- }, /*#__PURE__*/React.createElement(Text, {
197
+ }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Text, {
190
198
  maxLines: 1,
191
199
  weight: "medium",
192
200
  color: "color.text"
@@ -194,14 +202,15 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
194
202
  gap: "space.050",
195
203
  alignItems: "center"
196
204
  }, !hideSubTextIcon ? icon : null, /*#__PURE__*/React.createElement(Inline, {
197
- space: "space.050"
198
- }, /*#__PURE__*/React.createElement(Text, {
205
+ space: "space.050",
206
+ alignBlock: "center"
207
+ }, isNewTeamProfilePageEnabled || isTeamLensInHomeEnabled ? renderContainerTypeTextWithSeparator(containerTypeText, description) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
199
208
  size: "small",
200
209
  color: "color.text.subtle"
201
210
  }, description), /*#__PURE__*/React.createElement(Text, {
202
211
  size: "small",
203
212
  color: "color.text.subtle"
204
- }, containerTypeText)))), isOpenWebLinkInNewTabEnabled && /*#__PURE__*/React.createElement(Box, {
213
+ }, containerTypeText))))), isOpenWebLinkInNewTabEnabled && /*#__PURE__*/React.createElement(Box, {
205
214
  xcss: styles.externalLinkIconWrapper
206
215
  }, /*#__PURE__*/React.createElement(LinkExternalIcon, {
207
216
  label: formatMessage(messages.linkExternalIconLabel),
@@ -231,9 +240,7 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
231
240
  href: link || '#',
232
241
  appearance: "subtle",
233
242
  onClick: handleLinkClick
234
- }, /*#__PURE__*/React.createElement(Stack, {
235
- space: "space.025"
236
- }, /*#__PURE__*/React.createElement(Text, {
243
+ }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Text, {
237
244
  maxLines: 1,
238
245
  weight: "medium",
239
246
  color: "color.text"
@@ -241,14 +248,15 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
241
248
  gap: "space.050",
242
249
  alignItems: "center"
243
250
  }, !hideSubTextIcon ? icon : null, /*#__PURE__*/React.createElement(Inline, {
244
- space: "space.050"
245
- }, /*#__PURE__*/React.createElement(Text, {
251
+ space: "space.050",
252
+ alignBlock: "center"
253
+ }, isNewTeamProfilePageEnabled || isTeamLensInHomeEnabled ? renderContainerTypeTextWithSeparator(containerTypeText, description) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
246
254
  size: "small",
247
255
  color: "color.text.subtle"
248
256
  }, description), /*#__PURE__*/React.createElement(Text, {
249
257
  size: "small",
250
258
  color: "color.text.subtle"
251
- }, containerTypeText)))))), showCloseIcon && /*#__PURE__*/React.createElement(Box, {
259
+ }, containerTypeText))))))), showCloseIcon && /*#__PURE__*/React.createElement(Box, {
252
260
  xcss: styles.crossIconWrapper
253
261
  }, /*#__PURE__*/React.createElement(Tooltip, {
254
262
  content: formatMessage(messages.disconnectTooltip),
package/dist/types/common/ui/separator/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const Separator: () => React.JSX.Element;
package/dist/types/common/utils/get-container-properties.d.ts CHANGED
@@ -74,6 +74,11 @@ export declare const messages: {
74
74
  defaultMessage: string;
75
75
  description: string;
76
76
  };
77
+ spaceContainerTextOverride: {
78
+ id: string;
79
+ defaultMessage: string;
80
+ description: string;
81
+ };
77
82
  emptyLinkContainerDescription: {
78
83
  id: string;
79
84
  defaultMessage: string;
package/dist/types/index.d.ts CHANGED
@@ -14,3 +14,4 @@ export { useProductPermissions } from './controllers/hooks/use-product-permissio
14
14
  export { hasProductPermission } from './controllers/product-permission/utils';
15
15
  export { getContainerProperties } from './common/utils/get-container-properties';
16
16
  export { ConfluenceIcon, JiraIcon, LoomIcon } from './common/assets';
17
+ export { Separator } from './common/ui/separator';
package/dist/types-ts4.5/common/ui/separator/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const Separator: () => React.JSX.Element;
package/dist/types-ts4.5/common/utils/get-container-properties.d.ts CHANGED
@@ -74,6 +74,11 @@ export declare const messages: {
74
74
  defaultMessage: string;
75
75
  description: string;
76
76
  };
77
+ spaceContainerTextOverride: {
78
+ id: string;
79
+ defaultMessage: string;
80
+ description: string;
81
+ };
77
82
  emptyLinkContainerDescription: {
78
83
  id: string;
79
84
  defaultMessage: string;
package/dist/types-ts4.5/index.d.ts CHANGED
@@ -14,3 +14,4 @@ export { useProductPermissions } from './controllers/hooks/use-product-permissio
14
14
  export { hasProductPermission } from './controllers/product-permission/utils';
15
15
  export { getContainerProperties } from './common/utils/get-container-properties';
16
16
  export { ConfluenceIcon, JiraIcon, LoomIcon } from './common/assets';
17
+ export { Separator } from './common/ui/separator';
package/package.json CHANGED
@@ -42,7 +42,7 @@
42
42
  "@atlaskit/modal-dialog": "^14.5.0",
43
43
  "@atlaskit/people-teams-ui-public": "^3.5.0",
44
44
  "@atlaskit/platform-feature-flags": "^1.1.0",
45
- "@atlaskit/primitives": "^15.0.0",
45
+ "@atlaskit/primitives": "^16.0.0",
46
46
  "@atlaskit/skeleton": "^2.1.0",
47
47
  "@atlaskit/teams-app-internal-analytics": "^1.17.0",
48
48
  "@atlaskit/teams-app-internal-product-permissions": "^1.2.0",
@@ -111,7 +111,7 @@
111
111
  }
112
112
  },
113
113
  "name": "@atlaskit/teams-public",
114
- "version": "0.62.3",
114
+ "version": "0.62.4",
115
115
  "description": "Public components related to teams",
116
116
  "author": "Atlassian Pty Ltd",
117
117
  "license": "Apache-2.0",