@atlaskit/profilecard 22.2.3 → 22.2.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/profilecard
 
+## 22.2.4
+
+### Patch Changes
+
+- [#115593](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/115593)
+  [`d549b45702f75`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d549b45702f75) -
+  Updates the reporting lines avatar group (in the platform profile card component both user and
+  team) to have an aria label for the more indicator button
+
 ## 22.2.3
 
 ### Patch Changes

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', "22.2.3");
+  headers.append('atl-client-version', "22.2.4");
   return headers;
 };
 function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/cjs/client/getTeamFromAGG.js

@@ -66,7 +66,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', "22.2.3");
+  headers.append('atl-client-version', "22.2.4");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
@@ -39,6 +39,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 LARGE_MEMBER_COUNT = 50;
 var GIVE_KUDOS_ACTION_ID = 'give-kudos';
+var avatarGroupMaxCount = 9;
 function onMemberClick(callback, userId, analytics, index, hasHref) {
   return function (event) {
     analytics(function (duration) {
@@ -60,6 +61,8 @@ var TeamMembers = function TeamMembers(_ref) {
     members = _ref.members,
     onUserClick = _ref.onUserClick,
     includingYou = _ref.includingYou;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
   var count = members ? members.length : 0;
   var message = includingYou ? count >= LARGE_MEMBER_COUNT ? _messages.default.membersMoreThan50IncludingYou : _messages.default.memberCountIncludingYou : count >= LARGE_MEMBER_COUNT ? _messages.default.membersMoreThan50 : _messages.default.memberCount;
 
@@ -78,6 +81,13 @@ var TeamMembers = function TeamMembers(_ref) {
     }
     isMoreMembersOpen.current = !isOpen;
   }, [analytics, count]);
+  var showMoreButtonProps = _objectSpread({
+    onClick: onMoreClick
+  }, (0, _platformFeatureFlags.fg)('platform_profilecard-enable_reporting_lines_label') ? {
+    'aria-label': formatMessage(_messages.default.profileCardMoreMembersLabel, {
+      count: count - avatarGroupMaxCount + 1
+    })
+  } : {});
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_TeamCard.MemberCount, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, message, {
     values: {
       count: count
@@ -95,10 +105,8 @@ var TeamMembers = function TeamMembers(_ref) {
         onClick: onClick
       };
     }),
-    maxCount: 9,
-    showMoreButtonProps: {
-      onClick: onMoreClick
-    },
+    maxCount: avatarGroupMaxCount,
+    showMoreButtonProps: showMoreButtonProps,
     testId: "profilecard-avatar-group"
   })));
 };

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

@@ -10,6 +10,7 @@ var _reactIntlNext = require("react-intl-next");
 var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
 var _button = _interopRequireDefault(require("@atlaskit/button"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _messages = _interopRequireDefault(require("../../messages"));
 var _ReportingLines = require("../../styled/ReportingLines");
@@ -26,8 +27,11 @@ var reportingLinesHeadingDefaultStyles = (0, _primitives.xcss)({
 var reportingLinesHeadingStyles = (0, _primitives.xcss)({
   marginBottom: '0'
 });
+var avatarGroupMaxCount = 5;
 var ReportingLinesDetails = function ReportingLinesDetails(props) {
   var _manager$pii, _manager$pii2;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
   var fireAnalyticsWithDuration = props.fireAnalyticsWithDuration,
     _props$reportingLines = props.reportingLines,
     reportingLines = _props$reportingLines === void 0 ? {} : _props$reportingLines,
@@ -50,6 +54,11 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
       onReportingLinesClick(user);
     } : undefined;
   };
+  var showMoreButtonProps = (0, _platformFeatureFlags.fg)('platform_profilecard-enable_reporting_lines_label') ? {
+    'aria-label': formatMessage(_messages.default.profileCardMoreReportingLinesLabel, {
+      count: reports.length - avatarGroupMaxCount + 1
+    })
+  } : undefined;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, manager && /*#__PURE__*/_react.default.createElement(_ReportingLines.ReportingLinesSection, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: [reportingLinesHeadingDefaultStyles, reportingLinesHeadingStyles]
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.managerSectionHeading)), /*#__PURE__*/_react.default.createElement(_ReportingLines.OffsetWrapper, null, /*#__PURE__*/_react.default.createElement(_button.default, {
@@ -76,8 +85,9 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
         onClick: getReportingLinesOnClick(member, 'direct-report')
       };
     }),
-    maxCount: 5,
-    testId: "profilecard-reports-avatar-group"
+    maxCount: avatarGroupMaxCount,
+    testId: "profilecard-reports-avatar-group",
+    showMoreButtonProps: showMoreButtonProps
   })));
 };
 var _default = exports.default = ReportingLinesDetails;

package/dist/cjs/messages.js

@@ -165,6 +165,16 @@ var messages = (0, _reactIntlNext.defineMessages)({
     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'
+  },
+  profileCardMoreReportingLinesLabel: {
+    id: 'pt.user-profile-card.reporting-lines.more-icon-label',
+    defaultMessage: '+{count} more {count, plural, one {profile} other {profiles}}',
+    description: 'Label for the "more profiles" indicator in the reporting lines section of the user profile card'
+  },
+  profileCardMoreMembersLabel: {
+    id: 'pt.team.profile-card.members.more-icon-label',
+    defaultMessage: '+{count} more {count, plural, one {members} other {members}}',
+    description: 'Label for the "more members" indicator in the members section of the team profile card'
   }
 });
 var _default = exports.default = messages;

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: "22.2.3"
+      packageVersion: "22.2.4"
     }, 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', "22.2.3");
+  headers.append('atl-client-version', "22.2.4");
   return headers;
 };
 export async function getOrgIdForCloudIdFromAGG(url, cloudId) {

package/dist/es2019/client/getTeamFromAGG.js

@@ -75,7 +75,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', "22.2.3");
+  headers.append('atl-client-version', "22.2.4");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl-next';
 import AvatarGroup from '@atlaskit/avatar-group';
 import LoadingButton from '@atlaskit/button/loading-button';
 import Button from '@atlaskit/button/standard-button';
@@ -24,6 +24,7 @@ import TeamForbiddenErrorState from './TeamForbiddenErrorState';
 import TeamLoadingState from './TeamLoadingState';
 const LARGE_MEMBER_COUNT = 50;
 const GIVE_KUDOS_ACTION_ID = 'give-kudos';
+const avatarGroupMaxCount = 9;
 function onMemberClick(callback, userId, analytics, index, hasHref) {
   return event => {
     analytics(duration => teamAvatarClicked({
@@ -44,6 +45,9 @@ const TeamMembers = ({
   onUserClick,
   includingYou
 }) => {
+  const {
+    formatMessage
+  } = useIntl();
   const count = members ? members.length : 0;
   const message = includingYou ? count >= LARGE_MEMBER_COUNT ? messages.membersMoreThan50IncludingYou : messages.memberCountIncludingYou : count >= LARGE_MEMBER_COUNT ? messages.membersMoreThan50 : messages.memberCount;
 
@@ -62,6 +66,14 @@ const TeamMembers = ({
     }
     isMoreMembersOpen.current = !isOpen;
   }, [analytics, count]);
+  const showMoreButtonProps = {
+    onClick: onMoreClick,
+    ...(fg('platform_profilecard-enable_reporting_lines_label') ? {
+      'aria-label': formatMessage(messages.profileCardMoreMembersLabel, {
+        count: count - avatarGroupMaxCount + 1
+      })
+    } : {})
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MemberCount, null, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, message, {
     values: {
       count
@@ -79,10 +91,8 @@ const TeamMembers = ({
         onClick
       };
     }),
-    maxCount: 9,
-    showMoreButtonProps: {
-      onClick: onMoreClick
-    },
+    maxCount: avatarGroupMaxCount,
+    showMoreButtonProps: showMoreButtonProps,
     testId: "profilecard-avatar-group"
   })));
 };

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

@@ -1,8 +1,9 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl-next';
 import Avatar from '@atlaskit/avatar';
 import AvatarGroup from '@atlaskit/avatar-group';
 import Button from '@atlaskit/button';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import messages from '../../messages';
 import { ManagerName, ManagerSection, OffsetWrapper, ReportingLinesSection } from '../../styled/ReportingLines';
@@ -19,8 +20,12 @@ const reportingLinesHeadingDefaultStyles = xcss({
 const reportingLinesHeadingStyles = xcss({
   marginBottom: '0'
 });
+const avatarGroupMaxCount = 5;
 const ReportingLinesDetails = props => {
   var _manager$pii, _manager$pii2;
+  const {
+    formatMessage
+  } = useIntl();
   const {
     fireAnalyticsWithDuration,
     reportingLines = {},
@@ -40,6 +45,11 @@ const ReportingLinesDetails = props => {
     }));
     onReportingLinesClick(user);
   } : undefined;
+  const showMoreButtonProps = fg('platform_profilecard-enable_reporting_lines_label') ? {
+    'aria-label': formatMessage(messages.profileCardMoreReportingLinesLabel, {
+      count: reports.length - avatarGroupMaxCount + 1
+    })
+  } : undefined;
   return /*#__PURE__*/React.createElement(React.Fragment, null, manager && /*#__PURE__*/React.createElement(ReportingLinesSection, null, /*#__PURE__*/React.createElement(Box, {
     xcss: [reportingLinesHeadingDefaultStyles, reportingLinesHeadingStyles]
   }, /*#__PURE__*/React.createElement(FormattedMessage, messages.managerSectionHeading)), /*#__PURE__*/React.createElement(OffsetWrapper, null, /*#__PURE__*/React.createElement(Button, {
@@ -66,8 +76,9 @@ const ReportingLinesDetails = props => {
         onClick: getReportingLinesOnClick(member, 'direct-report')
       };
     }),
-    maxCount: 5,
-    testId: "profilecard-reports-avatar-group"
+    maxCount: avatarGroupMaxCount,
+    testId: "profilecard-reports-avatar-group",
+    showMoreButtonProps: showMoreButtonProps
   })));
 };
 export default ReportingLinesDetails;

package/dist/es2019/messages.js

@@ -159,6 +159,16 @@ const messages = defineMessages({
     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'
+  },
+  profileCardMoreReportingLinesLabel: {
+    id: 'pt.user-profile-card.reporting-lines.more-icon-label',
+    defaultMessage: '+{count} more {count, plural, one {profile} other {profiles}}',
+    description: 'Label for the "more profiles" indicator in the reporting lines section of the user profile card'
+  },
+  profileCardMoreMembersLabel: {
+    id: 'pt.team.profile-card.members.more-icon-label',
+    defaultMessage: '+{count} more {count, plural, one {members} other {members}}',
+    description: 'Label for the "more members" indicator in the members section of the team profile card'
   }
 });
 export default messages;

package/dist/es2019/util/analytics.js

@@ -32,7 +32,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "22.2.3",
+    packageVersion: "22.2.4",
     ...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', "22.2.3");
+  headers.append('atl-client-version', "22.2.4");
   return headers;
 };
 export function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/esm/client/getTeamFromAGG.js

@@ -57,7 +57,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', "22.2.3");
+  headers.append('atl-client-version', "22.2.4");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -1,11 +1,11 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl-next';
 import AvatarGroup from '@atlaskit/avatar-group';
 import LoadingButton from '@atlaskit/button/loading-button';
 import Button from '@atlaskit/button/standard-button';
@@ -29,6 +29,7 @@ import TeamForbiddenErrorState from './TeamForbiddenErrorState';
 import TeamLoadingState from './TeamLoadingState';
 var LARGE_MEMBER_COUNT = 50;
 var GIVE_KUDOS_ACTION_ID = 'give-kudos';
+var avatarGroupMaxCount = 9;
 function onMemberClick(callback, userId, analytics, index, hasHref) {
   return function (event) {
     analytics(function (duration) {
@@ -50,6 +51,8 @@ var TeamMembers = function TeamMembers(_ref) {
     members = _ref.members,
     onUserClick = _ref.onUserClick,
     includingYou = _ref.includingYou;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
   var count = members ? members.length : 0;
   var message = includingYou ? count >= LARGE_MEMBER_COUNT ? messages.membersMoreThan50IncludingYou : messages.memberCountIncludingYou : count >= LARGE_MEMBER_COUNT ? messages.membersMoreThan50 : messages.memberCount;
 
@@ -68,6 +71,13 @@ var TeamMembers = function TeamMembers(_ref) {
     }
     isMoreMembersOpen.current = !isOpen;
   }, [analytics, count]);
+  var showMoreButtonProps = _objectSpread({
+    onClick: onMoreClick
+  }, fg('platform_profilecard-enable_reporting_lines_label') ? {
+    'aria-label': formatMessage(messages.profileCardMoreMembersLabel, {
+      count: count - avatarGroupMaxCount + 1
+    })
+  } : {});
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MemberCount, null, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, message, {
     values: {
       count: count
@@ -85,10 +95,8 @@ var TeamMembers = function TeamMembers(_ref) {
         onClick: onClick
       };
     }),
-    maxCount: 9,
-    showMoreButtonProps: {
-      onClick: onMoreClick
-    },
+    maxCount: avatarGroupMaxCount,
+    showMoreButtonProps: showMoreButtonProps,
     testId: "profilecard-avatar-group"
   })));
 };

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

@@ -1,8 +1,9 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
+import { FormattedMessage, useIntl } from 'react-intl-next';
 import Avatar from '@atlaskit/avatar';
 import AvatarGroup from '@atlaskit/avatar-group';
 import Button from '@atlaskit/button';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import messages from '../../messages';
 import { ManagerName, ManagerSection, OffsetWrapper, ReportingLinesSection } from '../../styled/ReportingLines';
@@ -19,8 +20,11 @@ var reportingLinesHeadingDefaultStyles = xcss({
 var reportingLinesHeadingStyles = xcss({
   marginBottom: '0'
 });
+var avatarGroupMaxCount = 5;
 var ReportingLinesDetails = function ReportingLinesDetails(props) {
   var _manager$pii, _manager$pii2;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
   var fireAnalyticsWithDuration = props.fireAnalyticsWithDuration,
     _props$reportingLines = props.reportingLines,
     reportingLines = _props$reportingLines === void 0 ? {} : _props$reportingLines,
@@ -43,6 +47,11 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
       onReportingLinesClick(user);
     } : undefined;
   };
+  var showMoreButtonProps = fg('platform_profilecard-enable_reporting_lines_label') ? {
+    'aria-label': formatMessage(messages.profileCardMoreReportingLinesLabel, {
+      count: reports.length - avatarGroupMaxCount + 1
+    })
+  } : undefined;
   return /*#__PURE__*/React.createElement(React.Fragment, null, manager && /*#__PURE__*/React.createElement(ReportingLinesSection, null, /*#__PURE__*/React.createElement(Box, {
     xcss: [reportingLinesHeadingDefaultStyles, reportingLinesHeadingStyles]
   }, /*#__PURE__*/React.createElement(FormattedMessage, messages.managerSectionHeading)), /*#__PURE__*/React.createElement(OffsetWrapper, null, /*#__PURE__*/React.createElement(Button, {
@@ -69,8 +78,9 @@ var ReportingLinesDetails = function ReportingLinesDetails(props) {
         onClick: getReportingLinesOnClick(member, 'direct-report')
       };
     }),
-    maxCount: 5,
-    testId: "profilecard-reports-avatar-group"
+    maxCount: avatarGroupMaxCount,
+    testId: "profilecard-reports-avatar-group",
+    showMoreButtonProps: showMoreButtonProps
   })));
 };
 export default ReportingLinesDetails;

package/dist/esm/messages.js

@@ -159,6 +159,16 @@ var messages = defineMessages({
     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'
+  },
+  profileCardMoreReportingLinesLabel: {
+    id: 'pt.user-profile-card.reporting-lines.more-icon-label',
+    defaultMessage: '+{count} more {count, plural, one {profile} other {profiles}}',
+    description: 'Label for the "more profiles" indicator in the reporting lines section of the user profile card'
+  },
+  profileCardMoreMembersLabel: {
+    id: 'pt.team.profile-card.members.more-icon-label',
+    defaultMessage: '+{count} more {count, plural, one {members} other {members}}',
+    description: 'Label for the "more members" indicator in the members section of the team profile card'
   }
 });
 export default messages;

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: "22.2.3"
+      packageVersion: "22.2.4"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/dist/types/messages.d.ts

@@ -159,5 +159,15 @@ declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    profileCardMoreReportingLinesLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    profileCardMoreMembersLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };
 export default messages;

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

@@ -159,5 +159,15 @@ declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    profileCardMoreReportingLinesLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    profileCardMoreMembersLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };
 export default messages;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "22.2.3",
+	"version": "22.2.4",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -60,7 +60,7 @@
 		"@atlaskit/empty-state": "^8.3.0",
 		"@atlaskit/focus-ring": "^2.1.0",
 		"@atlaskit/give-kudos": "^3.2.0",
-		"@atlaskit/icon": "^23.10.0",
+		"@atlaskit/icon": "^23.11.0",
 		"@atlaskit/lozenge": "^11.14.0",
 		"@atlaskit/menu": "^2.14.0",
 		"@atlaskit/modal-dialog": "^12.20.0",
@@ -68,8 +68,8 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^1.32.0",
 		"@atlaskit/primitives": "^13.6.0",
-		"@atlaskit/rovo-agent-components": "^1.17.0",
-		"@atlaskit/rovo-triggers": "^1.5.0",
+		"@atlaskit/rovo-agent-components": "^1.19.0",
+		"@atlaskit/rovo-triggers": "^1.6.0",
 		"@atlaskit/spinner": "^17.2.0",
 		"@atlaskit/theme": "^16.0.0",
 		"@atlaskit/tokens": "^3.3.0",
@@ -152,6 +152,9 @@
 		},
 		"fix_profilecard_trigger_isvisible": {
 			"type": "boolean"
+		},
+		"platform_profilecard-enable_reporting_lines_label": {
+			"type": "boolean"
 		}
 	}
 }