@atlaskit/teams-public 0.62.4 → 0.62.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/teams-public
 
+## 0.62.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.62.4
 
 ### Patch Changes

package/dist/cjs/common/ui/container-icon/index.js

@@ -16,6 +16,7 @@ var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gat
 var _globe = _interopRequireDefault(require("@atlaskit/icon/core/globe"));
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
 var _compiled = require("@atlaskit/primitives/compiled");
+var _getIsExperimentEnabled = require("../../utils/get-is-experiment-enabled");
 var _loomAvatar = require("../loom-avatar");
 var styles = {
   globeIconWrapperMedium: "_2rko1mok _1bsb1u1b _4t3i1u1b _1e0c1txw _4cvr1h6o _1bah1h6o _12jimuej _1qu2nqa1 _bfhkqbzx",
@@ -42,7 +43,7 @@ var ContainerIcon = exports.ContainerIcon = function ContainerIcon(_ref2) {
     _ref2$iconHasLoaded = _ref2.iconHasLoaded,
     iconHasLoaded = _ref2$iconHasLoaded === void 0 ? true : _ref2$iconHasLoaded;
   var isMedium = size === 'medium';
-  var isTeamLensInHomeEnabled = _featureGateJsClient.default.getExperimentValue('team_lens_in_atlassian_home', 'cohort', 'control');
+  var isTeamLensInHomeEnabled = (0, _getIsExperimentEnabled.getIsExperimentEnabled)('team_lens_in_atlassian_home');
   var isNewTeamProfilePageEnabled = _featureGateJsClient.default.getExperimentValue('new_team_profile', 'isEnabled', false);
   if (containerType === 'LoomSpace') {
     return /*#__PURE__*/_react.default.createElement(_loomAvatar.LoomSpaceAvatar, {

package/dist/cjs/common/utils/get-container-properties.js

@@ -22,6 +22,7 @@ var _JiraIcon = _interopRequireDefault(require("../assets/JiraIcon.svg"));
 var _JiraProjectDiscovery = _interopRequireDefault(require("../assets/JiraProjectDiscovery.svg"));
 var _JiraServiceManagement = _interopRequireDefault(require("../assets/JiraServiceManagement.svg"));
 var _LoomIcon = _interopRequireDefault(require("../assets/LoomIcon.svg"));
+var _getIsExperimentEnabled = require("./get-is-experiment-enabled");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var styles = {
@@ -134,7 +135,7 @@ var getJiraContainerProperties = function getJiraContainerProperties(_ref) {
     _ref$iconSize = _ref.iconSize,
     iconSize = _ref$iconSize === void 0 ? 'small' : _ref$iconSize;
   var newTeamProfilePage = _featureGateJsClient.default.getExperimentValue('new_team_profile', 'isEnabled', false);
-  var isTeamLensInHomeEnabled = _featureGateJsClient.default.getExperimentValue('team_lens_in_atlassian_home', 'cohort', 'control');
+  var isTeamLensInHomeEnabled = (0, _getIsExperimentEnabled.getIsExperimentEnabled)('team_lens_in_atlassian_home');
   var _ref2 = containerTypeProperties || {},
     subType = _ref2.subType,
     name = _ref2.name;
@@ -205,7 +206,7 @@ var getContainerProperties = exports.getContainerProperties = function getContai
     isEmptyContainer = _ref4.isEmptyContainer,
     isDisplayedOnProfileCard = _ref4.isDisplayedOnProfileCard;
   var newTeamProfilePage = _featureGateJsClient.default.getExperimentValue('new_team_profile', 'isEnabled', false);
-  var isTeamLensInHomeEnabled = _featureGateJsClient.default.getExperimentValue('team_lens_in_atlassian_home', 'cohort', 'control');
+  var isTeamLensInHomeEnabled = (0, _getIsExperimentEnabled.getIsExperimentEnabled)('team_lens_in_atlassian_home');
   switch (containerType) {
     case 'ConfluenceSpace':
       return {

package/dist/cjs/common/utils/get-is-experiment-enabled.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIsExperimentEnabled = exports.cohorts = exports.VARIATION = exports.VAR4 = exports.VAR3 = exports.VAR2 = exports.VAR1 = exports.NOT_ENROLLED = exports.EXPERIMENT = exports.DEFAULT_VALID_EXPERIMENT_COHORTS = exports.CONTROL = exports.COHORT_PARAMETER = void 0;
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
+var COHORT_PARAMETER = exports.COHORT_PARAMETER = 'cohort';
+var NOT_ENROLLED = exports.NOT_ENROLLED = 'not-enrolled';
+var CONTROL = exports.CONTROL = 'control';
+var EXPERIMENT = exports.EXPERIMENT = 'experiment';
+var VARIATION = exports.VARIATION = 'variation';
+var VAR1 = exports.VAR1 = 'variation_1';
+var VAR2 = exports.VAR2 = 'variation_2';
+var VAR3 = exports.VAR3 = 'variation_3';
+var VAR4 = exports.VAR4 = 'variation_4';
+var cohorts = exports.cohorts = {
+  NOT_ENROLLED: NOT_ENROLLED,
+  CONTROL: CONTROL,
+  EXPERIMENT: EXPERIMENT,
+  VARIATION: VARIATION,
+  VAR1: VAR1,
+  VAR2: VAR2,
+  VAR3: VAR3,
+  VAR4: VAR4
+};
+var DEFAULT_VALID_EXPERIMENT_COHORTS = exports.DEFAULT_VALID_EXPERIMENT_COHORTS = Object.values(cohorts);
+var getIsExperimentEnabled = exports.getIsExperimentEnabled = function getIsExperimentEnabled(experimentName) {
+  var variantKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : VARIATION;
+  var validExperimentCohorts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_VALID_EXPERIMENT_COHORTS;
+  var fireExperimentExposure = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+  if (_featureGateJsClient.default.initializeCalled()) {
+    var cohort = _featureGateJsClient.default.getExperimentValue(experimentName, COHORT_PARAMETER, NOT_ENROLLED, {
+      fireExperimentExposure: fireExperimentExposure
+    });
+    var isValid = typeof cohort === 'string' && validExperimentCohorts.includes(cohort);
+    return (isValid ? cohort : NOT_ENROLLED) === variantKey;
+  }
+  return false;
+};

package/dist/cjs/index.js

@@ -51,6 +51,12 @@ Object.defineProperty(exports, "getContainerProperties", {
     return _getContainerProperties.getContainerProperties;
   }
 });
+Object.defineProperty(exports, "getIsExperimentEnabled", {
+  enumerable: true,
+  get: function get() {
+    return _getIsExperimentEnabled.getIsExperimentEnabled;
+  }
+});
 Object.defineProperty(exports, "hasProductPermission", {
   enumerable: true,
   get: function get() {
@@ -110,4 +116,5 @@ var _useProductPermission = require("./controllers/hooks/use-product-permission"
 var _utils = require("./controllers/product-permission/utils");
 var _getContainerProperties = require("./common/utils/get-container-properties");
 var _assets = require("./common/assets");
-var _separator = require("./common/ui/separator");
+var _separator = require("./common/ui/separator");
+var _getIsExperimentEnabled = require("./common/utils/get-is-experiment-enabled");

package/dist/cjs/ui/team-containers/team-link-card/index.js

@@ -33,7 +33,9 @@ var _separator = require("../../../common/ui/separator");
 var _teamLinkCardActions = require("../../../common/ui/team-link-card-actions");
 var _analytics = require("../../../common/utils/analytics");
 var _getContainerProperties = require("../../../common/utils/get-container-properties");
+var _getIsExperimentEnabled = require("../../../common/utils/get-is-experiment-enabled");
 var _getLinkDomain = require("../../../common/utils/get-link-domain");
+var _teamLinkCardTitle = require("./team-link-card-title");
 var _excluded = ["triggerRef"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -109,7 +111,7 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
     fireUIEvent = _usePeopleAndTeamAnal.fireUIEvent;
   var _useAnalyticsEventsNe = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
     fireEvent = _useAnalyticsEventsNe.fireEvent;
-  var isTeamLensInHomeEnabled = _featureGateJsClient.default.getExperimentValue('team_lens_in_atlassian_home', 'cohort', 'control');
+  var isTeamLensInHomeEnabled = (0, _getIsExperimentEnabled.getIsExperimentEnabled)('team_lens_in_atlassian_home');
   var isNewTeamProfilePageEnabled = _featureGateJsClient.default.getExperimentValue('new_team_profile', 'isEnabled', false);
   var isOpenWebLinkInNewTabEnabled = containerType === 'WebLink' && (isNewTeamProfilePageEnabled || isTeamLensInHomeEnabled);
   var handleMouseEnter = function handleMouseEnter() {
@@ -153,6 +155,7 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
     }
   };
   var handleLinkClick = function handleLinkClick(e) {
+    e.stopPropagation();
     var baseAttributes = {
       container: containerType,
       containerId: containerId
@@ -203,11 +206,13 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
     onClick: handleLinkClick,
     testId: "team-link-card-linkable-content",
     target: isOpenWebLinkInNewTabEnabled ? '_blank' : '_self'
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
-    maxLines: 1,
-    weight: "medium",
-    color: "color.text"
-  }, title), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, null, /*#__PURE__*/_react.default.createElement(_teamLinkCardTitle.TeamLinkCardTitle, {
+    isTeamLensInHomeEnabled: isTeamLensInHomeEnabled,
+    isOpenWebLinkInNewTabEnabled: isOpenWebLinkInNewTabEnabled,
+    link: link || '#',
+    handleLinkClick: handleLinkClick,
+    title: title
+  }), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
     gap: "space.050",
     alignItems: "center"
   }, !hideSubTextIcon ? icon : null, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
@@ -249,11 +254,13 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
     href: link || '#',
     appearance: "subtle",
     onClick: handleLinkClick
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
-    maxLines: 1,
-    weight: "medium",
-    color: "color.text"
-  }, title), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, null, /*#__PURE__*/_react.default.createElement(_teamLinkCardTitle.TeamLinkCardTitle, {
+    isTeamLensInHomeEnabled: isTeamLensInHomeEnabled,
+    isOpenWebLinkInNewTabEnabled: isOpenWebLinkInNewTabEnabled,
+    link: link || '#',
+    handleLinkClick: handleLinkClick,
+    title: title
+  }), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
     gap: "space.050",
     alignItems: "center"
   }, !hideSubTextIcon ? icon : null, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {

package/dist/cjs/ui/team-containers/team-link-card/team-link-card-title.compiled.css

@@ -0,0 +1,7 @@
+
+._1hmsglyw{text-decoration-line:none}
+._4bfu1r31{text-decoration-color:currentColor}
+._ajmmnqa1{text-decoration-style:solid}._1bnx8stv:hover{text-decoration-line:underline}
+._30l31fxt:hover{color:var(--ds-text,#172b4d)}
+._9oik1r31:hover{text-decoration-color:currentColor}
+._jf4cnqa1:hover{text-decoration-style:solid}

package/dist/cjs/ui/team-containers/team-link-card/team-link-card-title.js

@@ -0,0 +1,38 @@
+/* team-link-card-title.tsx generated by @compiled/babel-plugin v0.38.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TeamLinkCardTitle = void 0;
+require("./team-link-card-title.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var _compiled = require("@atlaskit/primitives/compiled");
+var styles = {
+  anchorWithUnderline: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l31fxt"
+};
+var TeamLinkCardTitle = exports.TeamLinkCardTitle = function TeamLinkCardTitle(_ref) {
+  var isTeamLensInHomeEnabled = _ref.isTeamLensInHomeEnabled,
+    isOpenWebLinkInNewTabEnabled = _ref.isOpenWebLinkInNewTabEnabled,
+    _ref$link = _ref.link,
+    link = _ref$link === void 0 ? '#' : _ref$link,
+    handleLinkClick = _ref.handleLinkClick,
+    title = _ref.title;
+  return isTeamLensInHomeEnabled ? /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
+    xcss: styles.anchorWithUnderline,
+    href: link,
+    onClick: handleLinkClick,
+    testId: "team-link-card-linkable-content",
+    target: isOpenWebLinkInNewTabEnabled ? '_blank' : '_self'
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    maxLines: 1,
+    weight: "medium",
+    color: "color.text"
+  }, title)) : /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    maxLines: 1,
+    weight: "medium",
+    color: "color.text"
+  }, title);
+};

package/dist/es2019/common/ui/container-icon/index.js

@@ -9,6 +9,7 @@ import FeatureGates from '@atlaskit/feature-gate-js-client';
 import GlobeIcon from '@atlaskit/icon/core/globe';
 import LinkIcon from '@atlaskit/icon/core/link';
 import { Box } from '@atlaskit/primitives/compiled';
+import { getIsExperimentEnabled } from '../../utils/get-is-experiment-enabled';
 import { LoomSpaceAvatar } from '../loom-avatar';
 const styles = {
   globeIconWrapperMedium: "_2rko1mok _1bsb1u1b _4t3i1u1b _1e0c1txw _4cvr1h6o _1bah1h6o _12jimuej _1qu2nqa1 _bfhkqbzx",
@@ -34,7 +35,7 @@ export const ContainerIcon = ({
   iconHasLoaded = true
 }) => {
   const isMedium = size === 'medium';
-  const isTeamLensInHomeEnabled = FeatureGates.getExperimentValue('team_lens_in_atlassian_home', 'cohort', 'control');
+  const isTeamLensInHomeEnabled = getIsExperimentEnabled('team_lens_in_atlassian_home');
   const isNewTeamProfilePageEnabled = FeatureGates.getExperimentValue('new_team_profile', 'isEnabled', false);
   if (containerType === 'LoomSpace') {
     return /*#__PURE__*/React.createElement(LoomSpaceAvatar, {

package/dist/es2019/common/utils/get-container-properties.js

@@ -14,6 +14,7 @@ import JiraIcon from '../assets/JiraIcon.svg';
 import JiraProjectDiscovery from '../assets/JiraProjectDiscovery.svg';
 import JiraServiceManagement from '../assets/JiraServiceManagement.svg';
 import LoomIcon from '../assets/LoomIcon.svg';
+import { getIsExperimentEnabled } from './get-is-experiment-enabled';
 const styles = {
   iconWrapper: "_1bsb1crf _4t3i1crf",
   avatarWrapper: "_1bsb1tcg _4t3i1tcg",
@@ -124,7 +125,7 @@ const getJiraContainerProperties = ({
   iconSize = 'small'
 }) => {
   const newTeamProfilePage = FeatureGates.getExperimentValue('new_team_profile', 'isEnabled', false);
-  const isTeamLensInHomeEnabled = FeatureGates.getExperimentValue('team_lens_in_atlassian_home', 'cohort', 'control');
+  const isTeamLensInHomeEnabled = getIsExperimentEnabled('team_lens_in_atlassian_home');
   const {
     subType,
     name
@@ -198,7 +199,7 @@ export const getContainerProperties = ({
   isDisplayedOnProfileCard
 }) => {
   const newTeamProfilePage = FeatureGates.getExperimentValue('new_team_profile', 'isEnabled', false);
-  const isTeamLensInHomeEnabled = FeatureGates.getExperimentValue('team_lens_in_atlassian_home', 'cohort', 'control');
+  const isTeamLensInHomeEnabled = getIsExperimentEnabled('team_lens_in_atlassian_home');
   switch (containerType) {
     case 'ConfluenceSpace':
       return {

package/dist/es2019/common/utils/get-is-experiment-enabled.js

@@ -0,0 +1,31 @@
+import FeatureGates from '@atlaskit/feature-gate-js-client';
+export const COHORT_PARAMETER = 'cohort';
+export const NOT_ENROLLED = 'not-enrolled';
+export const CONTROL = 'control';
+export const EXPERIMENT = 'experiment';
+export const VARIATION = 'variation';
+export const VAR1 = 'variation_1';
+export const VAR2 = 'variation_2';
+export const VAR3 = 'variation_3';
+export const VAR4 = 'variation_4';
+export const cohorts = {
+  NOT_ENROLLED,
+  CONTROL,
+  EXPERIMENT,
+  VARIATION,
+  VAR1,
+  VAR2,
+  VAR3,
+  VAR4
+};
+export const DEFAULT_VALID_EXPERIMENT_COHORTS = Object.values(cohorts);
+export const getIsExperimentEnabled = (experimentName, variantKey = VARIATION, validExperimentCohorts = DEFAULT_VALID_EXPERIMENT_COHORTS, fireExperimentExposure = true) => {
+  if (FeatureGates.initializeCalled()) {
+    const cohort = FeatureGates.getExperimentValue(experimentName, COHORT_PARAMETER, NOT_ENROLLED, {
+      fireExperimentExposure
+    });
+    const isValid = typeof cohort === 'string' && validExperimentCohorts.includes(cohort);
+    return (isValid ? cohort : NOT_ENROLLED) === variantKey;
+  }
+  return false;
+};

package/dist/es2019/index.js

@@ -9,4 +9,5 @@ export { useProductPermissions } from './controllers/hooks/use-product-permissio
 export { hasProductPermission } from './controllers/product-permission/utils';
 export { getContainerProperties } from './common/utils/get-container-properties';
 export { ConfluenceIcon, JiraIcon, LoomIcon } from './common/assets';
-export { Separator } from './common/ui/separator';
+export { Separator } from './common/ui/separator';
+export { getIsExperimentEnabled } from './common/utils/get-is-experiment-enabled';

package/dist/es2019/ui/team-containers/team-link-card/index.js

@@ -22,7 +22,9 @@ import { Separator } from '../../../common/ui/separator';
 import { TeamLinkCardActions } from '../../../common/ui/team-link-card-actions';
 import { AnalyticsAction, usePeopleAndTeamAnalytics } from '../../../common/utils/analytics';
 import { getContainerProperties } from '../../../common/utils/get-container-properties';
+import { getIsExperimentEnabled } from '../../../common/utils/get-is-experiment-enabled';
 import { getDomainFromLinkUri } from '../../../common/utils/get-link-domain';
+import { TeamLinkCardTitle } from './team-link-card-title';
 const styles = {
   container: "_2rkoy0do _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _ca0qutpp _u5f3pxbi _n3tdutpp _19bvpxbi _syaz1fxt _bfhkhp5a _irr3108i",
   card: "_4cvr1h6o _1bsb1osq",
@@ -85,7 +87,7 @@ export const TeamLinkCard = ({
   const {
     fireEvent
   } = useAnalyticsEventsNext();
-  const isTeamLensInHomeEnabled = FeatureGates.getExperimentValue('team_lens_in_atlassian_home', 'cohort', 'control');
+  const isTeamLensInHomeEnabled = getIsExperimentEnabled('team_lens_in_atlassian_home');
   const isNewTeamProfilePageEnabled = FeatureGates.getExperimentValue('new_team_profile', 'isEnabled', false);
   const isOpenWebLinkInNewTabEnabled = containerType === 'WebLink' && (isNewTeamProfilePageEnabled || isTeamLensInHomeEnabled);
   const handleMouseEnter = () => {
@@ -129,6 +131,7 @@ export const TeamLinkCard = ({
     }
   };
   const handleLinkClick = e => {
+    e.stopPropagation();
     const baseAttributes = {
       container: containerType,
       containerId
@@ -180,11 +183,13 @@ export const TeamLinkCard = ({
     onClick: handleLinkClick,
     testId: "team-link-card-linkable-content",
     target: isOpenWebLinkInNewTabEnabled ? '_blank' : '_self'
-  }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Text, {
-    maxLines: 1,
-    weight: "medium",
-    color: "color.text"
-  }, title), /*#__PURE__*/React.createElement(Flex, {
+  }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(TeamLinkCardTitle, {
+    isTeamLensInHomeEnabled: isTeamLensInHomeEnabled,
+    isOpenWebLinkInNewTabEnabled: isOpenWebLinkInNewTabEnabled,
+    link: link || '#',
+    handleLinkClick: handleLinkClick,
+    title: title
+  }), /*#__PURE__*/React.createElement(Flex, {
     gap: "space.050",
     alignItems: "center"
   }, !hideSubTextIcon ? icon : null, /*#__PURE__*/React.createElement(Inline, {
@@ -226,11 +231,13 @@ export const TeamLinkCard = ({
     href: link || '#',
     appearance: "subtle",
     onClick: handleLinkClick
-  }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Text, {
-    maxLines: 1,
-    weight: "medium",
-    color: "color.text"
-  }, title), /*#__PURE__*/React.createElement(Flex, {
+  }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(TeamLinkCardTitle, {
+    isTeamLensInHomeEnabled: isTeamLensInHomeEnabled,
+    isOpenWebLinkInNewTabEnabled: isOpenWebLinkInNewTabEnabled,
+    link: link || '#',
+    handleLinkClick: handleLinkClick,
+    title: title
+  }), /*#__PURE__*/React.createElement(Flex, {
     gap: "space.050",
     alignItems: "center"
   }, !hideSubTextIcon ? icon : null, /*#__PURE__*/React.createElement(Inline, {

package/dist/es2019/ui/team-containers/team-link-card/team-link-card-title.compiled.css

@@ -0,0 +1,7 @@
+
+._1hmsglyw{text-decoration-line:none}
+._4bfu1r31{text-decoration-color:currentColor}
+._ajmmnqa1{text-decoration-style:solid}._1bnx8stv:hover{text-decoration-line:underline}
+._30l31fxt:hover{color:var(--ds-text,#172b4d)}
+._9oik1r31:hover{text-decoration-color:currentColor}
+._jf4cnqa1:hover{text-decoration-style:solid}

package/dist/es2019/ui/team-containers/team-link-card/team-link-card-title.js

@@ -0,0 +1,31 @@
+/* team-link-card-title.tsx generated by @compiled/babel-plugin v0.38.1 */
+import "./team-link-card-title.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { Anchor, Text } from '@atlaskit/primitives/compiled';
+const styles = {
+  anchorWithUnderline: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l31fxt"
+};
+export const TeamLinkCardTitle = ({
+  isTeamLensInHomeEnabled,
+  isOpenWebLinkInNewTabEnabled,
+  link = '#',
+  handleLinkClick,
+  title
+}) => {
+  return isTeamLensInHomeEnabled ? /*#__PURE__*/React.createElement(Anchor, {
+    xcss: styles.anchorWithUnderline,
+    href: link,
+    onClick: handleLinkClick,
+    testId: "team-link-card-linkable-content",
+    target: isOpenWebLinkInNewTabEnabled ? '_blank' : '_self'
+  }, /*#__PURE__*/React.createElement(Text, {
+    maxLines: 1,
+    weight: "medium",
+    color: "color.text"
+  }, title)) : /*#__PURE__*/React.createElement(Text, {
+    maxLines: 1,
+    weight: "medium",
+    color: "color.text"
+  }, title);
+};

package/dist/esm/common/ui/container-icon/index.js

@@ -9,6 +9,7 @@ import FeatureGates from '@atlaskit/feature-gate-js-client';
 import GlobeIcon from '@atlaskit/icon/core/globe';
 import LinkIcon from '@atlaskit/icon/core/link';
 import { Box } from '@atlaskit/primitives/compiled';
+import { getIsExperimentEnabled } from '../../utils/get-is-experiment-enabled';
 import { LoomSpaceAvatar } from '../loom-avatar';
 var styles = {
   globeIconWrapperMedium: "_2rko1mok _1bsb1u1b _4t3i1u1b _1e0c1txw _4cvr1h6o _1bah1h6o _12jimuej _1qu2nqa1 _bfhkqbzx",
@@ -35,7 +36,7 @@ export var ContainerIcon = function ContainerIcon(_ref2) {
     _ref2$iconHasLoaded = _ref2.iconHasLoaded,
     iconHasLoaded = _ref2$iconHasLoaded === void 0 ? true : _ref2$iconHasLoaded;
   var isMedium = size === 'medium';
-  var isTeamLensInHomeEnabled = FeatureGates.getExperimentValue('team_lens_in_atlassian_home', 'cohort', 'control');
+  var isTeamLensInHomeEnabled = getIsExperimentEnabled('team_lens_in_atlassian_home');
   var isNewTeamProfilePageEnabled = FeatureGates.getExperimentValue('new_team_profile', 'isEnabled', false);
   if (containerType === 'LoomSpace') {
     return /*#__PURE__*/React.createElement(LoomSpaceAvatar, {

package/dist/esm/common/utils/get-container-properties.js

@@ -17,6 +17,7 @@ import JiraIcon from '../assets/JiraIcon.svg';
 import JiraProjectDiscovery from '../assets/JiraProjectDiscovery.svg';
 import JiraServiceManagement from '../assets/JiraServiceManagement.svg';
 import LoomIcon from '../assets/LoomIcon.svg';
+import { getIsExperimentEnabled } from './get-is-experiment-enabled';
 var styles = {
   iconWrapper: "_1bsb1crf _4t3i1crf",
   avatarWrapper: "_1bsb1tcg _4t3i1tcg",
@@ -127,7 +128,7 @@ var getJiraContainerProperties = function getJiraContainerProperties(_ref) {
     _ref$iconSize = _ref.iconSize,
     iconSize = _ref$iconSize === void 0 ? 'small' : _ref$iconSize;
   var newTeamProfilePage = FeatureGates.getExperimentValue('new_team_profile', 'isEnabled', false);
-  var isTeamLensInHomeEnabled = FeatureGates.getExperimentValue('team_lens_in_atlassian_home', 'cohort', 'control');
+  var isTeamLensInHomeEnabled = getIsExperimentEnabled('team_lens_in_atlassian_home');
   var _ref2 = containerTypeProperties || {},
     subType = _ref2.subType,
     name = _ref2.name;
@@ -198,7 +199,7 @@ export var getContainerProperties = function getContainerProperties(_ref4) {
     isEmptyContainer = _ref4.isEmptyContainer,
     isDisplayedOnProfileCard = _ref4.isDisplayedOnProfileCard;
   var newTeamProfilePage = FeatureGates.getExperimentValue('new_team_profile', 'isEnabled', false);
-  var isTeamLensInHomeEnabled = FeatureGates.getExperimentValue('team_lens_in_atlassian_home', 'cohort', 'control');
+  var isTeamLensInHomeEnabled = getIsExperimentEnabled('team_lens_in_atlassian_home');
   switch (containerType) {
     case 'ConfluenceSpace':
       return {

package/dist/esm/common/utils/get-is-experiment-enabled.js

@@ -0,0 +1,34 @@
+import FeatureGates from '@atlaskit/feature-gate-js-client';
+export var COHORT_PARAMETER = 'cohort';
+export var NOT_ENROLLED = 'not-enrolled';
+export var CONTROL = 'control';
+export var EXPERIMENT = 'experiment';
+export var VARIATION = 'variation';
+export var VAR1 = 'variation_1';
+export var VAR2 = 'variation_2';
+export var VAR3 = 'variation_3';
+export var VAR4 = 'variation_4';
+export var cohorts = {
+  NOT_ENROLLED: NOT_ENROLLED,
+  CONTROL: CONTROL,
+  EXPERIMENT: EXPERIMENT,
+  VARIATION: VARIATION,
+  VAR1: VAR1,
+  VAR2: VAR2,
+  VAR3: VAR3,
+  VAR4: VAR4
+};
+export var DEFAULT_VALID_EXPERIMENT_COHORTS = Object.values(cohorts);
+export var getIsExperimentEnabled = function getIsExperimentEnabled(experimentName) {
+  var variantKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : VARIATION;
+  var validExperimentCohorts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_VALID_EXPERIMENT_COHORTS;
+  var fireExperimentExposure = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+  if (FeatureGates.initializeCalled()) {
+    var cohort = FeatureGates.getExperimentValue(experimentName, COHORT_PARAMETER, NOT_ENROLLED, {
+      fireExperimentExposure: fireExperimentExposure
+    });
+    var isValid = typeof cohort === 'string' && validExperimentCohorts.includes(cohort);
+    return (isValid ? cohort : NOT_ENROLLED) === variantKey;
+  }
+  return false;
+};

package/dist/esm/index.js

@@ -9,4 +9,5 @@ export { useProductPermissions } from './controllers/hooks/use-product-permissio
 export { hasProductPermission } from './controllers/product-permission/utils';
 export { getContainerProperties } from './common/utils/get-container-properties';
 export { ConfluenceIcon, JiraIcon, LoomIcon } from './common/assets';
-export { Separator } from './common/ui/separator';
+export { Separator } from './common/ui/separator';
+export { getIsExperimentEnabled } from './common/utils/get-is-experiment-enabled';

package/dist/esm/ui/team-containers/team-link-card/index.js

@@ -28,7 +28,9 @@ import { Separator } from '../../../common/ui/separator';
 import { TeamLinkCardActions } from '../../../common/ui/team-link-card-actions';
 import { AnalyticsAction, usePeopleAndTeamAnalytics } from '../../../common/utils/analytics';
 import { getContainerProperties } from '../../../common/utils/get-container-properties';
+import { getIsExperimentEnabled } from '../../../common/utils/get-is-experiment-enabled';
 import { getDomainFromLinkUri } from '../../../common/utils/get-link-domain';
+import { TeamLinkCardTitle } from './team-link-card-title';
 var styles = {
   container: "_2rkoy0do _1h6dz9xs _12y3e4h9 _12jimuej _1qu2nqa1 _ca0qutpp _u5f3pxbi _n3tdutpp _19bvpxbi _syaz1fxt _bfhkhp5a _irr3108i",
   card: "_4cvr1h6o _1bsb1osq",
@@ -100,7 +102,7 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
     fireUIEvent = _usePeopleAndTeamAnal.fireUIEvent;
   var _useAnalyticsEventsNe = useAnalyticsEventsNext(),
     fireEvent = _useAnalyticsEventsNe.fireEvent;
-  var isTeamLensInHomeEnabled = FeatureGates.getExperimentValue('team_lens_in_atlassian_home', 'cohort', 'control');
+  var isTeamLensInHomeEnabled = getIsExperimentEnabled('team_lens_in_atlassian_home');
   var isNewTeamProfilePageEnabled = FeatureGates.getExperimentValue('new_team_profile', 'isEnabled', false);
   var isOpenWebLinkInNewTabEnabled = containerType === 'WebLink' && (isNewTeamProfilePageEnabled || isTeamLensInHomeEnabled);
   var handleMouseEnter = function handleMouseEnter() {
@@ -144,6 +146,7 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
     }
   };
   var handleLinkClick = function handleLinkClick(e) {
+    e.stopPropagation();
     var baseAttributes = {
       container: containerType,
       containerId: containerId
@@ -194,11 +197,13 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
     onClick: handleLinkClick,
     testId: "team-link-card-linkable-content",
     target: isOpenWebLinkInNewTabEnabled ? '_blank' : '_self'
-  }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Text, {
-    maxLines: 1,
-    weight: "medium",
-    color: "color.text"
-  }, title), /*#__PURE__*/React.createElement(Flex, {
+  }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(TeamLinkCardTitle, {
+    isTeamLensInHomeEnabled: isTeamLensInHomeEnabled,
+    isOpenWebLinkInNewTabEnabled: isOpenWebLinkInNewTabEnabled,
+    link: link || '#',
+    handleLinkClick: handleLinkClick,
+    title: title
+  }), /*#__PURE__*/React.createElement(Flex, {
     gap: "space.050",
     alignItems: "center"
   }, !hideSubTextIcon ? icon : null, /*#__PURE__*/React.createElement(Inline, {
@@ -240,11 +245,13 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
     href: link || '#',
     appearance: "subtle",
     onClick: handleLinkClick
-  }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Text, {
-    maxLines: 1,
-    weight: "medium",
-    color: "color.text"
-  }, title), /*#__PURE__*/React.createElement(Flex, {
+  }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(TeamLinkCardTitle, {
+    isTeamLensInHomeEnabled: isTeamLensInHomeEnabled,
+    isOpenWebLinkInNewTabEnabled: isOpenWebLinkInNewTabEnabled,
+    link: link || '#',
+    handleLinkClick: handleLinkClick,
+    title: title
+  }), /*#__PURE__*/React.createElement(Flex, {
     gap: "space.050",
     alignItems: "center"
   }, !hideSubTextIcon ? icon : null, /*#__PURE__*/React.createElement(Inline, {

package/dist/esm/ui/team-containers/team-link-card/team-link-card-title.compiled.css

@@ -0,0 +1,7 @@
+
+._1hmsglyw{text-decoration-line:none}
+._4bfu1r31{text-decoration-color:currentColor}
+._ajmmnqa1{text-decoration-style:solid}._1bnx8stv:hover{text-decoration-line:underline}
+._30l31fxt:hover{color:var(--ds-text,#172b4d)}
+._9oik1r31:hover{text-decoration-color:currentColor}
+._jf4cnqa1:hover{text-decoration-style:solid}

package/dist/esm/ui/team-containers/team-link-card/team-link-card-title.js

@@ -0,0 +1,31 @@
+/* team-link-card-title.tsx generated by @compiled/babel-plugin v0.38.1 */
+import "./team-link-card-title.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { Anchor, Text } from '@atlaskit/primitives/compiled';
+var styles = {
+  anchorWithUnderline: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l31fxt"
+};
+export var TeamLinkCardTitle = function TeamLinkCardTitle(_ref) {
+  var isTeamLensInHomeEnabled = _ref.isTeamLensInHomeEnabled,
+    isOpenWebLinkInNewTabEnabled = _ref.isOpenWebLinkInNewTabEnabled,
+    _ref$link = _ref.link,
+    link = _ref$link === void 0 ? '#' : _ref$link,
+    handleLinkClick = _ref.handleLinkClick,
+    title = _ref.title;
+  return isTeamLensInHomeEnabled ? /*#__PURE__*/React.createElement(Anchor, {
+    xcss: styles.anchorWithUnderline,
+    href: link,
+    onClick: handleLinkClick,
+    testId: "team-link-card-linkable-content",
+    target: isOpenWebLinkInNewTabEnabled ? '_blank' : '_self'
+  }, /*#__PURE__*/React.createElement(Text, {
+    maxLines: 1,
+    weight: "medium",
+    color: "color.text"
+  }, title)) : /*#__PURE__*/React.createElement(Text, {
+    maxLines: 1,
+    weight: "medium",
+    color: "color.text"
+  }, title);
+};

package/dist/types/common/utils/get-is-experiment-enabled.d.ts

@@ -0,0 +1,23 @@
+export declare const COHORT_PARAMETER = "cohort";
+export declare const NOT_ENROLLED = "not-enrolled";
+export declare const CONTROL = "control";
+export declare const EXPERIMENT = "experiment";
+export declare const VARIATION = "variation";
+export declare const VAR1 = "variation_1";
+export declare const VAR2 = "variation_2";
+export declare const VAR3 = "variation_3";
+export declare const VAR4 = "variation_4";
+export declare const cohorts: {
+    readonly NOT_ENROLLED: "not-enrolled";
+    readonly CONTROL: "control";
+    readonly EXPERIMENT: "experiment";
+    readonly VARIATION: "variation";
+    readonly VAR1: "variation_1";
+    readonly VAR2: "variation_2";
+    readonly VAR3: "variation_3";
+    readonly VAR4: "variation_4";
+};
+export declare const DEFAULT_VALID_EXPERIMENT_COHORTS: ("not-enrolled" | "control" | "experiment" | "variation" | "variation_1" | "variation_2" | "variation_3" | "variation_4")[];
+export type CohortKeys = keyof typeof cohorts;
+export type Cohort = (typeof cohorts)[CohortKeys];
+export declare const getIsExperimentEnabled: (experimentName: string, variantKey?: Cohort, validExperimentCohorts?: Cohort[], fireExperimentExposure?: boolean) => boolean;

package/dist/types/index.d.ts

@@ -15,3 +15,4 @@ export { hasProductPermission } from './controllers/product-permission/utils';
 export { getContainerProperties } from './common/utils/get-container-properties';
 export { ConfluenceIcon, JiraIcon, LoomIcon } from './common/assets';
 export { Separator } from './common/ui/separator';
+export { getIsExperimentEnabled } from './common/utils/get-is-experiment-enabled';

package/dist/types/ui/team-containers/team-link-card/team-link-card-title.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface TeamLinkCardTitleProps {
+    isTeamLensInHomeEnabled: boolean;
+    isOpenWebLinkInNewTabEnabled: boolean;
+    link: string;
+    handleLinkClick: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+    title: string;
+}
+export declare const TeamLinkCardTitle: ({ isTeamLensInHomeEnabled, isOpenWebLinkInNewTabEnabled, link, handleLinkClick, title, }: TeamLinkCardTitleProps) => React.JSX.Element;

package/dist/types-ts4.5/common/utils/get-is-experiment-enabled.d.ts

@@ -0,0 +1,23 @@
+export declare const COHORT_PARAMETER = "cohort";
+export declare const NOT_ENROLLED = "not-enrolled";
+export declare const CONTROL = "control";
+export declare const EXPERIMENT = "experiment";
+export declare const VARIATION = "variation";
+export declare const VAR1 = "variation_1";
+export declare const VAR2 = "variation_2";
+export declare const VAR3 = "variation_3";
+export declare const VAR4 = "variation_4";
+export declare const cohorts: {
+    readonly NOT_ENROLLED: "not-enrolled";
+    readonly CONTROL: "control";
+    readonly EXPERIMENT: "experiment";
+    readonly VARIATION: "variation";
+    readonly VAR1: "variation_1";
+    readonly VAR2: "variation_2";
+    readonly VAR3: "variation_3";
+    readonly VAR4: "variation_4";
+};
+export declare const DEFAULT_VALID_EXPERIMENT_COHORTS: ("not-enrolled" | "control" | "experiment" | "variation" | "variation_1" | "variation_2" | "variation_3" | "variation_4")[];
+export type CohortKeys = keyof typeof cohorts;
+export type Cohort = (typeof cohorts)[CohortKeys];
+export declare const getIsExperimentEnabled: (experimentName: string, variantKey?: Cohort, validExperimentCohorts?: Cohort[], fireExperimentExposure?: boolean) => boolean;

package/dist/types-ts4.5/index.d.ts

@@ -15,3 +15,4 @@ export { hasProductPermission } from './controllers/product-permission/utils';
 export { getContainerProperties } from './common/utils/get-container-properties';
 export { ConfluenceIcon, JiraIcon, LoomIcon } from './common/assets';
 export { Separator } from './common/ui/separator';
+export { getIsExperimentEnabled } from './common/utils/get-is-experiment-enabled';

package/dist/types-ts4.5/ui/team-containers/team-link-card/team-link-card-title.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface TeamLinkCardTitleProps {
+    isTeamLensInHomeEnabled: boolean;
+    isOpenWebLinkInNewTabEnabled: boolean;
+    link: string;
+    handleLinkClick: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+    title: string;
+}
+export declare const TeamLinkCardTitle: ({ isTeamLensInHomeEnabled, isOpenWebLinkInNewTabEnabled, link, handleLinkClick, title, }: TeamLinkCardTitleProps) => React.JSX.Element;

package/package.json

@@ -26,8 +26,8 @@
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-people-and-teams-teams-public": "2.7.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.4.0",
-		"@atlaskit/button": "^23.5.0",
+		"@atlaskit/avatar": "^25.5.0",
+		"@atlaskit/button": "^23.6.0",
 		"@atlaskit/css": "^0.15.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
@@ -35,21 +35,21 @@
 		"@atlaskit/frontend-utilities": "^3.2.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^28.5.0",
-		"@atlaskit/icon-lab": "^5.10.0",
+		"@atlaskit/icon-lab": "^5.11.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/logo": "^19.9.0",
-		"@atlaskit/modal-dialog": "^14.5.0",
-		"@atlaskit/people-teams-ui-public": "^3.5.0",
+		"@atlaskit/modal-dialog": "^14.6.0",
+		"@atlaskit/people-teams-ui-public": "^3.6.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^16.0.0",
+		"@atlaskit/primitives": "^16.1.0",
 		"@atlaskit/skeleton": "^2.1.0",
-		"@atlaskit/teams-app-internal-analytics": "^1.17.0",
+		"@atlaskit/teams-app-internal-analytics": "^1.19.0",
 		"@atlaskit/teams-app-internal-product-permissions": "^1.2.0",
-		"@atlaskit/teams-client": "^4.19.0",
+		"@atlaskit/teams-client": "^4.22.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^7.0.0",
-		"@atlaskit/tooltip": "^20.5.0",
+		"@atlaskit/tokens": "^8.0.0",
+		"@atlaskit/tooltip": "^20.8.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
 		"@types/string-hash": "^1.1.3",
@@ -68,7 +68,7 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/ssr": "workspace:^",
-		"@atlassian/feature-flags-test-utils": "^0.3.0",
+		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/ptc-test-utils": "^0.11.0",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/react-hooks": "^8.0.1",
@@ -111,7 +111,7 @@
 		}
 	},
 	"name": "@atlaskit/teams-public",
-	"version": "0.62.4",
+	"version": "0.62.5",
 	"description": "Public components related to teams",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -126,9 +126,6 @@
 		"enable_medium_size_icons_for_team_link_cards": {
 			"type": "boolean"
 		},
-		"should-render-to-parent-should-be-true-people-and-": {
-			"type": "boolean"
-		},
 		"enable_team_containers_null_check": {
 			"type": "boolean"
 		},
@@ -144,9 +141,6 @@
 		"prevent_parallel_team_web_links_fetch": {
 			"type": "boolean"
 		},
-		"enable_new_team_profile": {
-			"type": "boolean"
-		},
 		"ptc-enable-teams-public-analytics-refactor": {
 			"type": "boolean"
 		}