@atlaskit/profilecard 24.3.1 → 24.4.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/profilecard
 
+## 24.4.0
+
+### Minor Changes
+
+- [#200712](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/200712)
+  [`79f68c9a9ad77`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/79f68c9a9ad77) -
+  Allow target to be passed to action
+
+### Patch Changes
+
+- Updated dependencies
+
+## 24.3.2
+
+### Patch Changes
+
+- [`ddbbad68f52cd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ddbbad68f52cd) -
+  Actions button aria-label change to support screen reader to be more descriptive
+
 ## 24.3.1
 
 ### Patch Changes

package/afm-passionfruit/tsconfig.json

@@ -0,0 +1,117 @@
+{
+	"extends": "../../../../tsconfig.entry-points.passionfruit.json",
+	"compilerOptions": {
+		"declaration": true,
+		"target": "es5",
+		"outDir": "../../../../../passionfruit/tsDist/@atlaskit__profilecard/app",
+		"rootDir": "../",
+		"composite": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
+	],
+	"references": [
+		{
+			"path": "../../../analytics/analytics-next/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../uip/atlassian-context/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/avatar/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/avatar-group/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/button/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/css/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/dropdown-menu/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/empty-state/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../measurement/feature-gate-js-client/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../team-central/give-kudos/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/heading/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/icon/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/link/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/logo/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/lozenge/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/menu/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/modal-dialog/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../people-teams-ui-public/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/popup/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/primitives/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../ai-mate/rovo-agent-components/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../ai-mate/rovo-triggers/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/spinner/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../teams-app-config/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../teams-avatar/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../teams-public/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/theme/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tokens/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tooltip/afm-passionfruit/tsconfig.json"
+		}
+	]
+}

package/afm-volt/tsconfig.json

@@ -14,7 +14,13 @@
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",
-		"../src/**/test.*"
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
 	],
 	"references": [
 		{
@@ -44,9 +50,6 @@
 		{
 			"path": "../../../measurement/feature-gate-js-client/afm-volt/tsconfig.json"
 		},
-		{
-			"path": "../../../design-system/focus-ring/afm-volt/tsconfig.json"
-		},
 		{
 			"path": "../../../team-central/give-kudos/afm-volt/tsconfig.json"
 		},

package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js

@@ -11,7 +11,7 @@ var _graphqlUtils = require("./graphqlUtils");
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function addHeaders(headers) {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.3.0");
+  headers.append('atl-client-version', "24.3.2");
   return headers;
 };
 function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/cjs/client/getTeamFromAGG.js

@@ -65,7 +65,7 @@ var addHeaders = exports.addHeaders = function addHeaders(headers) {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.3.0");
+  headers.append('atl-client-version', "24.3.2");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

package/dist/cjs/components/Team/TeamProfileCard.js

@@ -157,6 +157,7 @@ var ActionButton = function ActionButton(_ref2) {
     key: action.id || index,
     onClick: onActionClick(action, analytics, index),
     href: action.link || '',
+    target: action.target,
     shouldFitContainer: true
   }, action.label, isGiveKudosActionButton && /*#__PURE__*/_react.default.createElement(_Card.AnimationWrapper, null, /*#__PURE__*/_react.default.createElement(_Card.KudosBlobAnimation, null)));
   if (isGiveKudosActionButton) {

package/dist/cjs/components/User/OverflowProfileCardButtons.js

@@ -14,6 +14,7 @@ var _reactIntlNext = require("react-intl-next");
 var _new = require("@atlaskit/button/new");
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
 var _showMoreHorizontalMore = _interopRequireDefault(require("@atlaskit/icon/core/migration/show-more-horizontal--more"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _messages = _interopRequireDefault(require("../../messages"));
 var _Card = require("../../styled/Card");
 var _analytics = require("../../util/analytics");
@@ -57,7 +58,9 @@ var OverflowProfileCardButtons = exports.OverflowProfileCardButtons = function O
         type: "button"
       }, providedProps, {
         ref: triggerRef,
-        label: intl.formatMessage(_messages.default.profileCardMoreIconLabel),
+        label: (0, _platformFeatureFlags.fg)('jfp_a11y_team_profile_card_actions_label') ? intl.formatMessage(_messages.default.profileCardMoreIconLabelWithName, {
+          fullName: props.fullName
+        }) : intl.formatMessage(_messages.default.profileCardMoreIconLabel),
         icon: _showMoreHorizontalMore.default
       }));
     }
@@ -70,7 +73,8 @@ var OverflowProfileCardButtons = exports.OverflowProfileCardButtons = function O
         }
         onItemClick(action, args, event, index);
       },
-      href: action.link
+      href: action.link,
+      target: action.target
     }, action.label);
   }))));
 };

package/dist/cjs/components/User/ProfileCard.js

@@ -131,16 +131,20 @@ var ProfilecardInternal = exports.ProfilecardInternal = function ProfilecardInte
   })), /*#__PURE__*/_react.default.createElement(_Card.CardContent, null, /*#__PURE__*/_react.default.createElement(_ProfileCardDetails.ProfileCardDetails, (0, _extends2.default)({}, props, {
     status: status,
     fireAnalyticsWithDuration: fireAnalyticsWithDuration
-  })), realActions && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Card.ActionsFlexSpacer, null), /*#__PURE__*/_react.default.createElement(Actions, {
+  })), realActions && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Card.ActionsFlexSpacer, null), /*#__PURE__*/_react.default.createElement(Actions, (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('jfp_a11y_team_profile_card_actions_label') && {
+    fullName: fullName
+  }, {
+    fullName: fullName,
     actions: realActions,
     fireAnalyticsWithDuration: fireAnalyticsWithDuration,
     isTriggeredUsingKeyboard: props.isTriggeredUsingKeyboard
-  })))));
+  }))))));
 };
 var Actions = function Actions(_ref) {
   var actions = _ref.actions,
     fireAnalyticsWithDuration = _ref.fireAnalyticsWithDuration,
-    isTriggeredUsingKeyboard = _ref.isTriggeredUsingKeyboard;
+    isTriggeredUsingKeyboard = _ref.isTriggeredUsingKeyboard,
+    fullName = _ref.fullName;
   var onActionClick = (0, _react.useCallback)(function (action, args, event, index) {
     fireAnalyticsWithDuration(function (duration) {
       return (0, _analytics.actionClicked)('user', {
@@ -175,6 +179,7 @@ var Actions = function Actions(_ref) {
         return onActionClick(action, args, event, index);
       },
       href: action.link || '',
+      target: action.target,
       autoFocus: index === 0 && isTriggeredUsingKeyboard,
       id: "action-button-".concat(action.id),
       "aria-labelledby": (0, _platformFeatureFlags.fg)('enable_userprofilecard_arialabelfix') ? "action-button-".concat(action.id, " profilecard-name-label") : ''
@@ -185,13 +190,15 @@ var Actions = function Actions(_ref) {
       }, button);
     }
     return button;
-  }), overflowActions && /*#__PURE__*/_react.default.createElement(_OverflowProfileCardButtons.OverflowProfileCardButtons, {
+  }), overflowActions && /*#__PURE__*/_react.default.createElement(_OverflowProfileCardButtons.OverflowProfileCardButtons, (0, _extends2.default)({
     actions: overflowActions,
     fireAnalyticsWithDuration: fireAnalyticsWithDuration,
     onItemClick: function onItemClick(action, args, event, index) {
       return onActionClick(action, args, event, index + _OverflowProfileCardButtons.ACTION_OVERFLOW_THRESHOLD);
     }
-  }));
+  }, (0, _platformFeatureFlags.fg)('jfp_a11y_team_profile_card_actions_label') && {
+    fullName: fullName
+  })));
 };
 var LoadingView = function LoadingView(_ref2) {
   var fireAnalyticsWithDuration = _ref2.fireAnalyticsWithDuration;

package/dist/cjs/messages.js

@@ -166,11 +166,17 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Give kudos',
     description: 'Title for the button on the profile card for a user to give a kudos'
   },
+  // Remove this as part of the FG Cleanup for jfp_a11y_team_profile_card_actions_label
   profileCardMoreIconLabel: {
     id: 'pt.profile-card.more-icon-label',
     defaultMessage: 'More',
     description: 'Label for the meatballs icon on the profile card, which when clicked will provide more options'
   },
+  profileCardMoreIconLabelWithName: {
+    id: 'pt.profile-card.more-icon-label-with-name',
+    defaultMessage: 'More actions for {fullName}',
+    description: 'Label for the meatballs icon on the profile card, which when clicked will provide more options'
+  },
   profileCardMoreReportingLinesLabel: {
     id: 'pt.user-profile-card.reporting-lines.more-icon-label',
     defaultMessage: '+{count} more {count, plural, one {profile} other {profiles}}',

package/dist/cjs/util/analytics.js

@@ -45,7 +45,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "24.3.0"
+      packageVersion: "24.3.2"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js

@@ -6,7 +6,7 @@ const ORG_ID_FROM_CLOUD_ID_QUERY = `query OrgIdFromCloudId($cloudId: ID!) {
 }`;
 const addHeaders = headers => {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.3.0");
+  headers.append('atl-client-version', "24.3.2");
   return headers;
 };
 export async function getOrgIdForCloudIdFromAGG(url, cloudId) {

package/dist/es2019/client/getTeamFromAGG.js

@@ -74,7 +74,7 @@ export const addHeaders = headers => {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.3.0");
+  headers.append('atl-client-version', "24.3.2");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

package/dist/es2019/components/Team/TeamProfileCard.js

@@ -137,6 +137,7 @@ const ActionButton = ({
     key: action.id || index,
     onClick: onActionClick(action, analytics, index),
     href: action.link || '',
+    target: action.target,
     shouldFitContainer: true
   }, action.label, isGiveKudosActionButton && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null)));
   if (isGiveKudosActionButton) {

package/dist/es2019/components/User/OverflowProfileCardButtons.js

@@ -4,6 +4,7 @@ import { useIntl } from 'react-intl-next';
 import { IconButton } from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
+import { fg } from '@atlaskit/platform-feature-flags';
 import messages from '../../messages';
 import { OverflowActionButtonsWrapper } from '../../styled/Card';
 import { moreActionsClicked } from '../../util/analytics';
@@ -45,7 +46,9 @@ export const OverflowProfileCardButtons = props => {
         type: "button"
       }, providedProps, {
         ref: triggerRef,
-        label: intl.formatMessage(messages.profileCardMoreIconLabel),
+        label: fg('jfp_a11y_team_profile_card_actions_label') ? intl.formatMessage(messages.profileCardMoreIconLabelWithName, {
+          fullName: props.fullName
+        }) : intl.formatMessage(messages.profileCardMoreIconLabel),
         icon: MoreIcon
       }));
     }
@@ -54,6 +57,7 @@ export const OverflowProfileCardButtons = props => {
     onClick: (event, ...args) => {
       onItemClick(action, args, event, index);
     },
-    href: action.link
+    href: action.link,
+    target: action.target
   }, action.label)))));
 };

package/dist/es2019/components/User/ProfileCard.js

@@ -119,16 +119,20 @@ export const ProfilecardInternal = props => {
   })), /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(ProfileCardDetails, _extends({}, props, {
     status: status,
     fireAnalyticsWithDuration: fireAnalyticsWithDuration
-  })), realActions && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ActionsFlexSpacer, null), /*#__PURE__*/React.createElement(Actions, {
+  })), realActions && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ActionsFlexSpacer, null), /*#__PURE__*/React.createElement(Actions, _extends({}, fg('jfp_a11y_team_profile_card_actions_label') && {
+    fullName
+  }, {
+    fullName: fullName,
     actions: realActions,
     fireAnalyticsWithDuration: fireAnalyticsWithDuration,
     isTriggeredUsingKeyboard: props.isTriggeredUsingKeyboard
-  })))));
+  }))))));
 };
 const Actions = ({
   actions,
   fireAnalyticsWithDuration,
-  isTriggeredUsingKeyboard
+  isTriggeredUsingKeyboard,
+  fullName
 }) => {
   const onActionClick = useCallback((action, args, event, index) => {
     fireAnalyticsWithDuration(duration => actionClicked('user', {
@@ -157,6 +161,7 @@ const Actions = ({
       key: action.id || index,
       onClick: (event, ...args) => onActionClick(action, args, event, index),
       href: action.link || '',
+      target: action.target,
       autoFocus: index === 0 && isTriggeredUsingKeyboard,
       id: `action-button-${action.id}`,
       "aria-labelledby": fg('enable_userprofilecard_arialabelfix') ? `action-button-${action.id} profilecard-name-label` : ''
@@ -167,11 +172,13 @@ const Actions = ({
       }, button);
     }
     return button;
-  }), overflowActions && /*#__PURE__*/React.createElement(OverflowProfileCardButtons, {
+  }), overflowActions && /*#__PURE__*/React.createElement(OverflowProfileCardButtons, _extends({
     actions: overflowActions,
     fireAnalyticsWithDuration: fireAnalyticsWithDuration,
     onItemClick: (action, args, event, index) => onActionClick(action, args, event, index + ACTION_OVERFLOW_THRESHOLD)
-  }));
+  }, fg('jfp_a11y_team_profile_card_actions_label') && {
+    fullName
+  })));
 };
 const LoadingView = ({
   fireAnalyticsWithDuration

package/dist/es2019/messages.js

@@ -160,11 +160,17 @@ const messages = defineMessages({
     defaultMessage: 'Give kudos',
     description: 'Title for the button on the profile card for a user to give a kudos'
   },
+  // Remove this as part of the FG Cleanup for jfp_a11y_team_profile_card_actions_label
   profileCardMoreIconLabel: {
     id: 'pt.profile-card.more-icon-label',
     defaultMessage: 'More',
     description: 'Label for the meatballs icon on the profile card, which when clicked will provide more options'
   },
+  profileCardMoreIconLabelWithName: {
+    id: 'pt.profile-card.more-icon-label-with-name',
+    defaultMessage: 'More actions for {fullName}',
+    description: 'Label for the meatballs icon on the profile card, which when clicked will provide more options'
+  },
   profileCardMoreReportingLinesLabel: {
     id: 'pt.user-profile-card.reporting-lines.more-icon-label',
     defaultMessage: '+{count} more {count, plural, one {profile} other {profiles}}',

package/dist/es2019/util/analytics.js

@@ -32,7 +32,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "24.3.0",
+    packageVersion: "24.3.2",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }

package/dist/esm/client/getOrgIdForCloudIdFromAGG.js

@@ -4,7 +4,7 @@ import { AGGQuery } from './graphqlUtils';
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function addHeaders(headers) {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.3.0");
+  headers.append('atl-client-version', "24.3.2");
   return headers;
 };
 export function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/esm/client/getTeamFromAGG.js

@@ -56,7 +56,7 @@ export var addHeaders = function addHeaders(headers) {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "24.3.0");
+  headers.append('atl-client-version', "24.3.2");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

package/dist/esm/components/Team/TeamProfileCard.js

@@ -148,6 +148,7 @@ var ActionButton = function ActionButton(_ref2) {
     key: action.id || index,
     onClick: onActionClick(action, analytics, index),
     href: action.link || '',
+    target: action.target,
     shouldFitContainer: true
   }, action.label, isGiveKudosActionButton && /*#__PURE__*/React.createElement(AnimationWrapper, null, /*#__PURE__*/React.createElement(KudosBlobAnimation, null)));
   if (isGiveKudosActionButton) {

package/dist/esm/components/User/OverflowProfileCardButtons.js

@@ -7,6 +7,7 @@ import { useIntl } from 'react-intl-next';
 import { IconButton } from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
+import { fg } from '@atlaskit/platform-feature-flags';
 import messages from '../../messages';
 import { OverflowActionButtonsWrapper } from '../../styled/Card';
 import { moreActionsClicked } from '../../util/analytics';
@@ -48,7 +49,9 @@ export var OverflowProfileCardButtons = function OverflowProfileCardButtons(prop
         type: "button"
       }, providedProps, {
         ref: triggerRef,
-        label: intl.formatMessage(messages.profileCardMoreIconLabel),
+        label: fg('jfp_a11y_team_profile_card_actions_label') ? intl.formatMessage(messages.profileCardMoreIconLabelWithName, {
+          fullName: props.fullName
+        }) : intl.formatMessage(messages.profileCardMoreIconLabel),
         icon: MoreIcon
       }));
     }
@@ -61,7 +64,8 @@ export var OverflowProfileCardButtons = function OverflowProfileCardButtons(prop
         }
         onItemClick(action, args, event, index);
       },
-      href: action.link
+      href: action.link,
+      target: action.target
     }, action.label);
   }))));
 };

package/dist/esm/components/User/ProfileCard.js

@@ -122,16 +122,20 @@ export var ProfilecardInternal = function ProfilecardInternal(props) {
   })), /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(ProfileCardDetails, _extends({}, props, {
     status: status,
     fireAnalyticsWithDuration: fireAnalyticsWithDuration
-  })), realActions && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ActionsFlexSpacer, null), /*#__PURE__*/React.createElement(Actions, {
+  })), realActions && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ActionsFlexSpacer, null), /*#__PURE__*/React.createElement(Actions, _extends({}, fg('jfp_a11y_team_profile_card_actions_label') && {
+    fullName: fullName
+  }, {
+    fullName: fullName,
     actions: realActions,
     fireAnalyticsWithDuration: fireAnalyticsWithDuration,
     isTriggeredUsingKeyboard: props.isTriggeredUsingKeyboard
-  })))));
+  }))))));
 };
 var Actions = function Actions(_ref) {
   var actions = _ref.actions,
     fireAnalyticsWithDuration = _ref.fireAnalyticsWithDuration,
-    isTriggeredUsingKeyboard = _ref.isTriggeredUsingKeyboard;
+    isTriggeredUsingKeyboard = _ref.isTriggeredUsingKeyboard,
+    fullName = _ref.fullName;
   var onActionClick = useCallback(function (action, args, event, index) {
     fireAnalyticsWithDuration(function (duration) {
       return actionClicked('user', {
@@ -166,6 +170,7 @@ var Actions = function Actions(_ref) {
         return onActionClick(action, args, event, index);
       },
       href: action.link || '',
+      target: action.target,
       autoFocus: index === 0 && isTriggeredUsingKeyboard,
       id: "action-button-".concat(action.id),
       "aria-labelledby": fg('enable_userprofilecard_arialabelfix') ? "action-button-".concat(action.id, " profilecard-name-label") : ''
@@ -176,13 +181,15 @@ var Actions = function Actions(_ref) {
       }, button);
     }
     return button;
-  }), overflowActions && /*#__PURE__*/React.createElement(OverflowProfileCardButtons, {
+  }), overflowActions && /*#__PURE__*/React.createElement(OverflowProfileCardButtons, _extends({
     actions: overflowActions,
     fireAnalyticsWithDuration: fireAnalyticsWithDuration,
     onItemClick: function onItemClick(action, args, event, index) {
       return onActionClick(action, args, event, index + ACTION_OVERFLOW_THRESHOLD);
     }
-  }));
+  }, fg('jfp_a11y_team_profile_card_actions_label') && {
+    fullName: fullName
+  })));
 };
 var LoadingView = function LoadingView(_ref2) {
   var fireAnalyticsWithDuration = _ref2.fireAnalyticsWithDuration;

package/dist/esm/messages.js

@@ -160,11 +160,17 @@ var messages = defineMessages({
     defaultMessage: 'Give kudos',
     description: 'Title for the button on the profile card for a user to give a kudos'
   },
+  // Remove this as part of the FG Cleanup for jfp_a11y_team_profile_card_actions_label
   profileCardMoreIconLabel: {
     id: 'pt.profile-card.more-icon-label',
     defaultMessage: 'More',
     description: 'Label for the meatballs icon on the profile card, which when clicked will provide more options'
   },
+  profileCardMoreIconLabelWithName: {
+    id: 'pt.profile-card.more-icon-label-with-name',
+    defaultMessage: 'More actions for {fullName}',
+    description: 'Label for the meatballs icon on the profile card, which when clicked will provide more options'
+  },
   profileCardMoreReportingLinesLabel: {
     id: 'pt.user-profile-card.reporting-lines.more-icon-label',
     defaultMessage: '+{count} more {count, plural, one {profile} other {profiles}}',

package/dist/esm/util/analytics.js

@@ -39,7 +39,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "24.3.0"
+      packageVersion: "24.3.2"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/dist/types/components/User/OverflowProfileCardButtons.d.ts

@@ -3,6 +3,7 @@ import { type AnalyticsWithDurationProps, type ProfileCardAction } from '../../t
 type OverflowButtonsProps = {
     actions: ProfileCardAction[];
     onItemClick: (action: ProfileCardAction, args: any, event: React.MouseEvent | React.KeyboardEvent, index: number) => void;
+    fullName?: string;
 } & AnalyticsWithDurationProps;
 export declare const ACTION_OVERFLOW_THRESHOLD = 2;
 export declare const OverflowProfileCardButtons: (props: OverflowButtonsProps) => React.JSX.Element;

package/dist/types/messages.d.ts

@@ -164,6 +164,11 @@ declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    profileCardMoreIconLabelWithName: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     profileCardMoreReportingLinesLabel: {
         id: string;
         defaultMessage: string;

package/dist/types/types.d.ts

@@ -370,6 +370,7 @@ export interface ProfileCardAction {
     id?: string;
     label: React.ReactNode;
     link?: string;
+    target?: string;
 }
 export type LozengeColor = 'default' | 'success' | 'removed' | 'inprogress' | 'new' | 'moved';
 export interface LozengeProps {

package/dist/types-ts4.5/components/User/OverflowProfileCardButtons.d.ts

@@ -3,6 +3,7 @@ import { type AnalyticsWithDurationProps, type ProfileCardAction } from '../../t
 type OverflowButtonsProps = {
     actions: ProfileCardAction[];
     onItemClick: (action: ProfileCardAction, args: any, event: React.MouseEvent | React.KeyboardEvent, index: number) => void;
+    fullName?: string;
 } & AnalyticsWithDurationProps;
 export declare const ACTION_OVERFLOW_THRESHOLD = 2;
 export declare const OverflowProfileCardButtons: (props: OverflowButtonsProps) => React.JSX.Element;

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

@@ -164,6 +164,11 @@ declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    profileCardMoreIconLabelWithName: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     profileCardMoreReportingLinesLabel: {
         id: string;
         defaultMessage: string;

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

@@ -376,6 +376,7 @@ export interface ProfileCardAction {
     id?: string;
     label: React.ReactNode;
     link?: string;
+    target?: string;
 }
 export type LozengeColor = 'default' | 'success' | 'removed' | 'inprogress' | 'new' | 'moved';
 export interface LozengeProps {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "24.3.1",
+	"version": "24.4.0",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -61,11 +61,11 @@
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
 		"@atlaskit/give-kudos": "^4.3.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.11.0",
+		"@atlaskit/icon": "^27.12.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/logo": "^19.6.0",
 		"@atlaskit/lozenge": "^13.0.0",
-		"@atlaskit/menu": "^8.1.0",
+		"@atlaskit/menu": "^8.3.0",
 		"@atlaskit/modal-dialog": "^14.3.0",
 		"@atlaskit/people-teams-ui-public": "^3.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -176,6 +176,9 @@
 		},
 		"agent_studio_fe_permissions_settings_m1": {
 			"type": "boolean"
+		},
+		"jfp_a11y_team_profile_card_actions_label": {
+			"type": "boolean"
 		}
 	},
 	"sideEffects": [