@atlaskit/profilecard 19.7.8 → 19.7.10

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/profilecard
 
+## 19.7.10
+
+### Patch Changes
+
+- [#63681](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/63681) [`0a62538b713e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0a62538b713e) - role attribute updated for profile card. Previously we are not providing any role attribute for hover state. Now, we are providing dialog as role since it will open popup and show user's detail in popup. Also atlaskit component that we used for openning popup is providing popup aria attributes so just providing dialog is enough to pass a11y checks.
+
+## 19.7.9
+
+### Patch Changes
+
+- [#62980](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/62980) [`d85be9b35a7b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d85be9b35a7b) - [ux] PTC-8115 add tooltip to the team name in team profile card
+
 ## 19.7.8
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -65,6 +65,9 @@
         },
         {
             "path": "../../../design-system/tokens/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/tooltip/afm-cc/tsconfig.json"
         }
     ]
 }

package/dist/cjs/client/getTeamFromAGG.js

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

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

@@ -20,6 +20,7 @@ var _more = _interopRequireDefault(require("@atlaskit/icon/glyph/more"));
 var _menu = require("@atlaskit/menu");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _constants = require("@atlaskit/theme/constants");
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _messages = _interopRequireDefault(require("../../messages"));
 var _Card = require("../../styled/Card");
 var _Error = require("../../styled/Error");
@@ -246,7 +247,9 @@ var TeamProfilecardContent = function TeamProfilecardContent(_ref5) {
     "data-testid": "team-profilecard"
   }, /*#__PURE__*/_react.default.createElement(_TeamCard.CardHeader, {
     image: team.largeHeaderImageUrl || team.smallHeaderImageUrl
-  }), /*#__PURE__*/_react.default.createElement(_TeamCard.CardContent, null, /*#__PURE__*/_react.default.createElement(_TeamCard.TeamName, null, team.displayName), /*#__PURE__*/_react.default.createElement(TeamMembers, {
+  }), /*#__PURE__*/_react.default.createElement(_TeamCard.CardContent, null, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    content: team.displayName
+  }, /*#__PURE__*/_react.default.createElement(_TeamCard.TeamName, null, team.displayName)), /*#__PURE__*/_react.default.createElement(TeamMembers, {
     analytics: analytics,
     members: team.members,
     generateUserLink: generateUserLink,

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

@@ -286,7 +286,7 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
           return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, innerProps, _this3.containerListeners, {
             ref: ref,
             "data-testid": _this3.props.testId,
-            role: _this3.props.trigger !== 'hover' ? 'button' : '',
+            role: _this3.props.trigger === 'click' ? 'button' : 'dialog',
             tabIndex: 0
           }), _this3.props.children);
         },

package/dist/cjs/util/analytics.js

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

package/dist/es2019/client/getTeamFromAGG.js

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

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

@@ -9,6 +9,7 @@ import MoreIcon from '@atlaskit/icon/glyph/more';
 import { LinkItem, MenuGroup } from '@atlaskit/menu';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
+import Tooltip from '@atlaskit/tooltip';
 import messages from '../../messages';
 import { AnimatedKudosButton, AnimationWrapper, KudosBlobAnimation } from '../../styled/Card';
 import { ErrorWrapper, TeamErrorText, TeamErrorTitle } from '../../styled/Error';
@@ -210,7 +211,9 @@ const TeamProfilecardContent = ({
     "data-testid": "team-profilecard"
   }, /*#__PURE__*/React.createElement(CardHeader, {
     image: team.largeHeaderImageUrl || team.smallHeaderImageUrl
-  }), /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(TeamName, null, team.displayName), /*#__PURE__*/React.createElement(TeamMembers, {
+  }), /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(Tooltip, {
+    content: team.displayName
+  }, /*#__PURE__*/React.createElement(TeamName, null, team.displayName)), /*#__PURE__*/React.createElement(TeamMembers, {
     analytics: analytics,
     members: team.members,
     generateUserLink: generateUserLink,

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

@@ -241,7 +241,7 @@ class ProfilecardTrigger extends React.PureComponent {
         return /*#__PURE__*/React.createElement("span", _extends({}, innerProps, this.containerListeners, {
           ref: ref,
           "data-testid": this.props.testId,
-          role: this.props.trigger !== 'hover' ? 'button' : '',
+          role: this.props.trigger === 'click' ? 'button' : 'dialog',
           tabIndex: 0
         }), this.props.children);
       },

package/dist/es2019/util/analytics.js

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

package/dist/esm/client/getTeamFromAGG.js

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

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

@@ -14,6 +14,7 @@ import MoreIcon from '@atlaskit/icon/glyph/more';
 import { LinkItem, MenuGroup } from '@atlaskit/menu';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
+import Tooltip from '@atlaskit/tooltip';
 import messages from '../../messages';
 import { AnimatedKudosButton, AnimationWrapper, KudosBlobAnimation } from '../../styled/Card';
 import { ErrorWrapper, TeamErrorText, TeamErrorTitle } from '../../styled/Error';
@@ -236,7 +237,9 @@ var TeamProfilecardContent = function TeamProfilecardContent(_ref5) {
     "data-testid": "team-profilecard"
   }, /*#__PURE__*/React.createElement(CardHeader, {
     image: team.largeHeaderImageUrl || team.smallHeaderImageUrl
-  }), /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(TeamName, null, team.displayName), /*#__PURE__*/React.createElement(TeamMembers, {
+  }), /*#__PURE__*/React.createElement(CardContent, null, /*#__PURE__*/React.createElement(Tooltip, {
+    content: team.displayName
+  }, /*#__PURE__*/React.createElement(TeamName, null, team.displayName)), /*#__PURE__*/React.createElement(TeamMembers, {
     analytics: analytics,
     members: team.members,
     generateUserLink: generateUserLink,

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

@@ -276,7 +276,7 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
           return /*#__PURE__*/React.createElement("span", _extends({}, innerProps, _this3.containerListeners, {
             ref: ref,
             "data-testid": _this3.props.testId,
-            role: _this3.props.trigger !== 'hover' ? 'button' : '',
+            role: _this3.props.trigger === 'click' ? 'button' : 'dialog',
             tabIndex: 0
           }), _this3.props.children);
         },

package/dist/esm/util/analytics.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/profilecard",
-  "version": "19.7.8",
+  "version": "19.7.10",
   "description": "A React component to display a card with user information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -54,8 +54,8 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/avatar": "^21.4.0",
-    "@atlaskit/avatar-group": "^9.4.0",
-    "@atlaskit/button": "^17.0.0",
+    "@atlaskit/avatar-group": "^9.5.0",
+    "@atlaskit/button": "^17.1.0",
     "@atlaskit/dropdown-menu": "^12.1.0",
     "@atlaskit/empty-state": "^7.6.0",
     "@atlaskit/focus-ring": "^1.3.4",
@@ -67,7 +67,8 @@
     "@atlaskit/popup": "^1.11.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.30.0",
+    "@atlaskit/tokens": "^1.32.0",
+    "@atlaskit/tooltip": "^18.1.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.0.0",