@atlaskit/profilecard 24.3.0 → 24.3.2

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/profilecard
 
+## 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
+
+- Updated dependencies
+
 ## 24.3.0
 
 ### Minor 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.2.0");
+  headers.append('atl-client-version', "24.3.1");
   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.2.0");
+  headers.append('atl-client-version', "24.3.1");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

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
       }));
     }

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', {
@@ -185,13 +189,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.2.0"
+      packageVersion: "24.3.1"
     }, 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.2.0");
+  headers.append('atl-client-version', "24.3.1");
   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.2.0");
+  headers.append('atl-client-version', "24.3.1");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

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
       }));
     }

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', {
@@ -167,11 +171,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.2.0",
+    packageVersion: "24.3.1",
     ...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.2.0");
+  headers.append('atl-client-version', "24.3.1");
   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.2.0");
+  headers.append('atl-client-version', "24.3.1");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

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
       }));
     }

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', {
@@ -176,13 +180,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.2.0"
+      packageVersion: "24.3.1"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/dist/types/components/Agent/lazyAgentProfileCard.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const AgentProfileCardLazy: import("react").LazyExoticComponent<({ agent, isLoading, cloudId, onChatClick, hasError, errorType, onConversationStartersClick, resourceClient, addFlag, }: import("../../types").AgentProfileCardProps) => import("react").JSX.Element>;

package/dist/types/components/Team/TeamProfileCardTrigger.d.ts

@@ -49,6 +49,6 @@ export declare class TeamProfileCardTriggerInternal extends React.PureComponent<
     render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
 }
 declare const _default: React.ForwardRefExoticComponent<Omit<Omit<TeamProfileCardTriggerProps & AnalyticsProps & WrappedComponentProps, "intl"> & {
-    forwardedRef?: React.Ref<any> | undefined;
+    forwardedRef?: React.Ref<any>;
 }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 export default _default;

package/dist/types/components/Team/lazyTeamProfileCard.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const TeamProfileCardLazy: import("react").LazyExoticComponent<(props: import("../../types").TeamProfilecardProps) => import("react").JSX.Element | null>;

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/components/User/ProfileCardResourced.d.ts

@@ -18,7 +18,7 @@ declare class ProfileCardResourced extends React.PureComponent<ProfileCardResour
     render(): React.ReactNode;
 }
 export declare const ProfileCardResourcedInternal: typeof ProfileCardResourced;
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<ProfileCardResourcedProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<ProfileCardResourcedProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
     cloudId?: string | undefined;
     resourceClient?: import("../../types").ProfileClient | undefined;
     actions?: ProfileCardAction[] | undefined;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ProfileCardLazy: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("../..").ProfilecardProps & import("../../types").AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any>>>;

package/dist/types/components/common/PopupTrigger.d.ts

@@ -4,4 +4,4 @@ import { type ProfileCardTriggerProps } from './types';
 export declare const PopupTrigger: <T>(props: Partial<TriggerProps> & {
     showProfilecard: () => void;
     hideProfilecard: () => void;
-} & Pick<ProfileCardTriggerProps<T>, 'ariaLabelledBy' | 'trigger' | 'children'> & React.RefAttributes<HTMLSpanElement>) => JSX.Element;
+} & Pick<ProfileCardTriggerProps<T>, "ariaLabelledBy" | "trigger" | "children"> & React.RefAttributes<HTMLSpanElement>) => JSX.Element;

package/dist/types/components/common/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
 import { type PopupProps } from '@atlaskit/popup';
 import { type ProfileCardErrorType, type ProfileType } from '../../types';

package/dist/types/components/team-profile-card/main.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type AvatarProps } from '@atlaskit/avatar-group';
 import { type TeamActionsProps } from './team-actions';
 export type TeamProfileCardProps = {

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/styled/Card.d.ts

@@ -13,11 +13,11 @@ export declare const AnimatedKudosButton: ({ children }: {
 }) => React.JSX.Element;
 export declare const ActionButtonGroup: ({ children, testId, }: {
     children: ReactNode;
-    testId?: string | undefined;
+    testId?: string;
 }) => React.JSX.Element;
 export declare const OverflowActionButtonsWrapper: ({ children, testId, }: {
     children: ReactNode;
-    testId?: string | undefined;
+    testId?: string;
 }) => React.JSX.Element;
 export declare const CardContent: ({ children }: {
     children: ReactNode;
@@ -48,7 +48,7 @@ interface CardContainerProps {
 export declare const CardContainer: ({ children, isDisabledUser, withoutElevation, }: CardContainerProps) => React.JSX.Element;
 export declare const DetailsLabel: ({ children, extraTopSpace, }: {
     children: ReactNode;
-    extraTopSpace?: boolean | undefined;
+    extraTopSpace?: boolean;
 }) => React.JSX.Element;
 export declare const DetailsLabelIcon: ({ children }: {
     children: ReactNode;

package/dist/types/styled/TeamTrigger.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 export declare const CardTriggerWrapper: () => React.JSX.Element;
 export declare const CardWrapper: ({ testId, children, }: {
-    testId?: string | undefined;
+    testId?: string;
     children: React.ReactNode;
 }) => React.JSX.Element;
 export declare const CardHeader: ({ image, isLoading, label, }: {
-    image?: string | undefined;
-    isLoading?: boolean | undefined;
-    label?: string | undefined;
+    image?: string;
+    isLoading?: boolean;
+    label?: string;
 }) => React.JSX.Element;
 export declare const CardContent: (props: {
     children: React.ReactNode;

package/dist/types/styled/UserTrigger.d.ts

@@ -1,11 +1,11 @@
 import React, { type ReactNode } from 'react';
 export declare const CardWrapper: ({ children, role, testId, labelledBy, }: {
     children: ReactNode;
-    role?: string | undefined;
-    testId?: string | undefined;
-    labelledBy?: string | undefined;
+    role?: string;
+    testId?: string;
+    labelledBy?: string;
 }) => React.JSX.Element;
 export declare const SpinnerContainer: ({ children, testId, }: {
     children: ReactNode;
-    testId?: string | undefined;
+    testId?: string;
 }) => React.JSX.Element;

package/dist/types/util/analytics.d.ts

@@ -12,16 +12,16 @@ interface AnalyticsEvent {
     source?: string;
 }
 export declare const fireEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, body: AnalyticsEvent) => void;
-export declare const cardTriggered: (type: ProfileType, method: 'hover' | 'click', teamId?: string) => AnalyticsEventPayload;
-export declare const teamRequestAnalytics: (action: 'triggered' | 'succeeded' | 'failed', attributes?: {
+export declare const cardTriggered: (type: ProfileType, method: "hover" | "click", teamId?: string) => AnalyticsEventPayload;
+export declare const teamRequestAnalytics: (action: "triggered" | "succeeded" | "failed", attributes?: {
     duration: number;
 } & GenericAttributes) => AnalyticsEventPayload;
-export declare const userRequestAnalytics: (action: 'triggered' | 'succeeded' | 'failed', attributes?: {
+export declare const userRequestAnalytics: (action: "triggered" | "succeeded" | "failed", attributes?: {
     duration: number;
 } & GenericAttributes) => AnalyticsEventPayload;
-export declare const profileCardRendered: (type: ProfileType, actionSubjectId: 'spinner' | 'content' | 'error' | 'errorBoundary', attributes?: {
+export declare const profileCardRendered: (type: ProfileType, actionSubjectId: "spinner" | "content" | "error" | "errorBoundary", attributes?: {
     duration?: number;
-    errorType?: 'default' | 'NotFound';
+    errorType?: "default" | "NotFound";
     hasRetry?: boolean;
     numActions?: number;
     memberCount?: number;
@@ -37,7 +37,7 @@ export declare const actionClicked: (type: ProfileType, attributes: {
     actionId: string;
 }) => AnalyticsEventPayload;
 export declare const reportingLinesClicked: (attributes: {
-    userType: 'manager' | 'direct-report';
+    userType: "manager" | "direct-report";
     duration: number;
 }) => AnalyticsEventPayload;
 export declare const moreActionsClicked: (type: ProfileType, attributes: {
@@ -57,7 +57,7 @@ export declare const moreMembersClicked: (attributes: {
 export declare const errorRetryClicked: (attributes: {
     duration: number;
 }) => AnalyticsEventPayload;
-export declare const agentRequestAnalytics: (action: 'triggered' | 'succeeded' | 'failed', actionSubjectId?: string, attributes?: {
+export declare const agentRequestAnalytics: (action: "triggered" | "succeeded" | "failed", actionSubjectId?: string, attributes?: {
     duration: number;
 } & GenericAttributes) => AnalyticsEventPayload;
 export {};

package/dist/types/util/useProfileInfo.d.ts

@@ -1,5 +1,5 @@
 export declare const useProfileInfo: <T>({ fetchUserProfile, }: {
-    fetchUserProfile?: (() => Promise<T>) | undefined;
+    fetchUserProfile?: () => Promise<T>;
 }) => {
     profileData: T | undefined;
     isLoading: boolean;

package/dist/types-ts4.5/components/Agent/lazyAgentProfileCard.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const AgentProfileCardLazy: import("react").LazyExoticComponent<({ agent, isLoading, cloudId, onChatClick, hasError, errorType, onConversationStartersClick, resourceClient, addFlag, }: import("../../types").AgentProfileCardProps) => import("react").JSX.Element>;

package/dist/types-ts4.5/components/Team/TeamProfileCardTrigger.d.ts

@@ -49,6 +49,6 @@ export declare class TeamProfileCardTriggerInternal extends React.PureComponent<
     render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
 }
 declare const _default: React.ForwardRefExoticComponent<Omit<Omit<TeamProfileCardTriggerProps & AnalyticsProps & WrappedComponentProps, "intl"> & {
-    forwardedRef?: React.Ref<any> | undefined;
+    forwardedRef?: React.Ref<any>;
 }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 export default _default;

package/dist/types-ts4.5/components/Team/lazyTeamProfileCard.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const TeamProfileCardLazy: import("react").LazyExoticComponent<(props: import("../../types").TeamProfilecardProps) => import("react").JSX.Element | null>;

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/components/User/ProfileCardResourced.d.ts

@@ -18,7 +18,7 @@ declare class ProfileCardResourced extends React.PureComponent<ProfileCardResour
     render(): React.ReactNode;
 }
 export declare const ProfileCardResourcedInternal: typeof ProfileCardResourced;
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<ProfileCardResourcedProps & AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<ProfileCardResourcedProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
     cloudId?: string | undefined;
     resourceClient?: import("../../types").ProfileClient | undefined;
     actions?: ProfileCardAction[] | undefined;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ProfileCardLazy: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("../..").ProfilecardProps & import("../../types").AnalyticsProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any>>>;

package/dist/types-ts4.5/components/common/PopupTrigger.d.ts

@@ -4,4 +4,4 @@ import { type ProfileCardTriggerProps } from './types';
 export declare const PopupTrigger: <T>(props: Partial<TriggerProps> & {
     showProfilecard: () => void;
     hideProfilecard: () => void;
-} & Pick<ProfileCardTriggerProps<T>, 'ariaLabelledBy' | 'trigger' | 'children'> & React.RefAttributes<HTMLSpanElement>) => JSX.Element;
+} & Pick<ProfileCardTriggerProps<T>, "ariaLabelledBy" | "trigger" | "children"> & React.RefAttributes<HTMLSpanElement>) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type AnalyticsEventPayload } from '@atlaskit/analytics-next';
 import { type PopupProps } from '@atlaskit/popup';
 import { type ProfileCardErrorType, type ProfileType } from '../../types';

package/dist/types-ts4.5/components/team-profile-card/main.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type AvatarProps } from '@atlaskit/avatar-group';
 import { type TeamActionsProps } from './team-actions';
 export type TeamProfileCardProps = {

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/styled/Card.d.ts

@@ -13,11 +13,11 @@ export declare const AnimatedKudosButton: ({ children }: {
 }) => React.JSX.Element;
 export declare const ActionButtonGroup: ({ children, testId, }: {
     children: ReactNode;
-    testId?: string | undefined;
+    testId?: string;
 }) => React.JSX.Element;
 export declare const OverflowActionButtonsWrapper: ({ children, testId, }: {
     children: ReactNode;
-    testId?: string | undefined;
+    testId?: string;
 }) => React.JSX.Element;
 export declare const CardContent: ({ children }: {
     children: ReactNode;
@@ -48,7 +48,7 @@ interface CardContainerProps {
 export declare const CardContainer: ({ children, isDisabledUser, withoutElevation, }: CardContainerProps) => React.JSX.Element;
 export declare const DetailsLabel: ({ children, extraTopSpace, }: {
     children: ReactNode;
-    extraTopSpace?: boolean | undefined;
+    extraTopSpace?: boolean;
 }) => React.JSX.Element;
 export declare const DetailsLabelIcon: ({ children }: {
     children: ReactNode;

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

@@ -1,13 +1,13 @@
 import React from 'react';
 export declare const CardTriggerWrapper: () => React.JSX.Element;
 export declare const CardWrapper: ({ testId, children, }: {
-    testId?: string | undefined;
+    testId?: string;
     children: React.ReactNode;
 }) => React.JSX.Element;
 export declare const CardHeader: ({ image, isLoading, label, }: {
-    image?: string | undefined;
-    isLoading?: boolean | undefined;
-    label?: string | undefined;
+    image?: string;
+    isLoading?: boolean;
+    label?: string;
 }) => React.JSX.Element;
 export declare const CardContent: (props: {
     children: React.ReactNode;

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

@@ -1,11 +1,11 @@
 import React, { type ReactNode } from 'react';
 export declare const CardWrapper: ({ children, role, testId, labelledBy, }: {
     children: ReactNode;
-    role?: string | undefined;
-    testId?: string | undefined;
-    labelledBy?: string | undefined;
+    role?: string;
+    testId?: string;
+    labelledBy?: string;
 }) => React.JSX.Element;
 export declare const SpinnerContainer: ({ children, testId, }: {
     children: ReactNode;
-    testId?: string | undefined;
+    testId?: string;
 }) => React.JSX.Element;

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

@@ -12,16 +12,16 @@ interface AnalyticsEvent {
     source?: string;
 }
 export declare const fireEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent | undefined, body: AnalyticsEvent) => void;
-export declare const cardTriggered: (type: ProfileType, method: 'hover' | 'click', teamId?: string) => AnalyticsEventPayload;
-export declare const teamRequestAnalytics: (action: 'triggered' | 'succeeded' | 'failed', attributes?: {
+export declare const cardTriggered: (type: ProfileType, method: "hover" | "click", teamId?: string) => AnalyticsEventPayload;
+export declare const teamRequestAnalytics: (action: "triggered" | "succeeded" | "failed", attributes?: {
     duration: number;
 } & GenericAttributes) => AnalyticsEventPayload;
-export declare const userRequestAnalytics: (action: 'triggered' | 'succeeded' | 'failed', attributes?: {
+export declare const userRequestAnalytics: (action: "triggered" | "succeeded" | "failed", attributes?: {
     duration: number;
 } & GenericAttributes) => AnalyticsEventPayload;
-export declare const profileCardRendered: (type: ProfileType, actionSubjectId: 'spinner' | 'content' | 'error' | 'errorBoundary', attributes?: {
+export declare const profileCardRendered: (type: ProfileType, actionSubjectId: "spinner" | "content" | "error" | "errorBoundary", attributes?: {
     duration?: number;
-    errorType?: 'default' | 'NotFound';
+    errorType?: "default" | "NotFound";
     hasRetry?: boolean;
     numActions?: number;
     memberCount?: number;
@@ -37,7 +37,7 @@ export declare const actionClicked: (type: ProfileType, attributes: {
     actionId: string;
 }) => AnalyticsEventPayload;
 export declare const reportingLinesClicked: (attributes: {
-    userType: 'manager' | 'direct-report';
+    userType: "manager" | "direct-report";
     duration: number;
 }) => AnalyticsEventPayload;
 export declare const moreActionsClicked: (type: ProfileType, attributes: {
@@ -57,7 +57,7 @@ export declare const moreMembersClicked: (attributes: {
 export declare const errorRetryClicked: (attributes: {
     duration: number;
 }) => AnalyticsEventPayload;
-export declare const agentRequestAnalytics: (action: 'triggered' | 'succeeded' | 'failed', actionSubjectId?: string, attributes?: {
+export declare const agentRequestAnalytics: (action: "triggered" | "succeeded" | "failed", actionSubjectId?: string, attributes?: {
     duration: number;
 } & GenericAttributes) => AnalyticsEventPayload;
 export {};

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

@@ -1,5 +1,5 @@
 export declare const useProfileInfo: <T>({ fetchUserProfile, }: {
-    fetchUserProfile?: (() => Promise<T>) | undefined;
+    fetchUserProfile?: () => Promise<T>;
 }) => {
     profileData: T | undefined;
     isLoading: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "24.3.0",
+	"version": "24.3.2",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -53,7 +53,7 @@
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/atlassian-context": "^0.4.0",
 		"@atlaskit/avatar": "^25.1.0",
-		"@atlaskit/avatar-group": "^12.1.0",
+		"@atlaskit/avatar-group": "^12.2.0",
 		"@atlaskit/button": "^23.3.0",
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
@@ -61,22 +61,22 @@
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
 		"@atlaskit/give-kudos": "^4.3.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.10.0",
+		"@atlaskit/icon": "^27.11.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/logo": "^19.6.0",
 		"@atlaskit/lozenge": "^13.0.0",
-		"@atlaskit/menu": "^8.1.0",
+		"@atlaskit/menu": "^8.2.0",
 		"@atlaskit/modal-dialog": "^14.3.0",
 		"@atlaskit/people-teams-ui-public": "^3.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^4.3.0",
 		"@atlaskit/primitives": "^14.11.0",
 		"@atlaskit/rovo-agent-components": "^3.1.0",
-		"@atlaskit/rovo-triggers": "^3.1.0",
+		"@atlaskit/rovo-triggers": "^3.2.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/teams-app-config": "^1.11.0",
 		"@atlaskit/teams-avatar": "^2.3.0",
-		"@atlaskit/teams-public": "^0.52.0",
+		"@atlaskit/teams-public": "^0.53.0",
 		"@atlaskit/theme": "^19.0.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@atlaskit/tooltip": "^20.4.0",
@@ -176,6 +176,9 @@
 		},
 		"agent_studio_fe_permissions_settings_m1": {
 			"type": "boolean"
+		},
+		"jfp_a11y_team_profile_card_actions_label": {
+			"type": "boolean"
 		}
 	},
 	"sideEffects": [