@atlaskit/profilecard 18.4.0 → 19.1.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/profilecard
 
+## 19.1.0
+
+### Minor Changes
+
+- [`13af6ca0e48`](https://bitbucket.org/atlassian/atlassian-frontend/commits/13af6ca0e48) - [ux] TSLA-521 docs(changeset): [ux] This change (TSLA-521) adds keyboard support for the profile card component by adding tabindex, an onKeyPress handler, and setting role="button" when the card is trigged by click. This change also adds unit tests for the profile card trigger as well as notifcations.
+
+## 19.0.0
+
+### Major Changes
+
+- [`6e57454a13a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6e57454a13a) - makeRequestViaGateway removed from TeamProfileClient, instead use makeRequest. teamsUseV2 removed from ProfileCardClient, it will now always use V3.
+
 ## 18.4.0
 
 ### Minor Changes

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

@@ -95,11 +95,21 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
         _this.fireAnalytics((0, _analytics.cardTriggered)('user', 'hover'));
       }
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onKeyPress", function (event) {
+      if (event.key === 'Enter' || event.key === ' ') {
+        event.preventDefault();
+        _this.showProfilecard();
+        if (!_this.state.visible) {
+          _this.fireAnalytics((0, _analytics.cardTriggered)('user', 'click'));
+        }
+      }
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "containerListeners", _this.props.trigger === 'hover' ? {
       onMouseEnter: _this.onMouseEnter,
       onMouseLeave: _this.hideProfilecard
     } : {
-      onClick: _this.onClick
+      onClick: _this.onClick,
+      onKeyPress: _this.onKeyPress
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "layerListeners", {
       handleClickOutside: _this.hideProfilecard,
@@ -269,7 +279,9 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
             innerProps = (0, _objectWithoutProperties2.default)(triggerProps, _excluded);
           return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, innerProps, _this3.containerListeners, {
             ref: ref,
-            "data-testid": _this3.props.testId
+            "data-testid": _this3.props.testId,
+            tabIndex: 0,
+            role: _this3.props.trigger !== 'hover' ? 'button' : ''
           }), _this3.props.children);
         },
         zIndex: _constants.layers.modal(),

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: "18.4.0"
+      packageVersion: "19.1.0"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "18.4.0"
+	"version": "19.1.0"
 }

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

@@ -65,11 +65,21 @@ class ProfilecardTrigger extends React.PureComponent {
         this.fireAnalytics(cardTriggered('user', 'hover'));
       }
     });
+    _defineProperty(this, "onKeyPress", event => {
+      if (event.key === 'Enter' || event.key === ' ') {
+        event.preventDefault();
+        this.showProfilecard();
+        if (!this.state.visible) {
+          this.fireAnalytics(cardTriggered('user', 'click'));
+        }
+      }
+    });
     _defineProperty(this, "containerListeners", this.props.trigger === 'hover' ? {
       onMouseEnter: this.onMouseEnter,
       onMouseLeave: this.hideProfilecard
     } : {
-      onClick: this.onClick
+      onClick: this.onClick,
+      onKeyPress: this.onKeyPress
     });
     _defineProperty(this, "layerListeners", {
       handleClickOutside: this.hideProfilecard,
@@ -224,7 +234,9 @@ class ProfilecardTrigger extends React.PureComponent {
         } = triggerProps;
         return /*#__PURE__*/React.createElement("span", _extends({}, innerProps, this.containerListeners, {
           ref: ref,
-          "data-testid": this.props.testId
+          "data-testid": this.props.testId,
+          tabIndex: 0,
+          role: this.props.trigger !== 'hover' ? 'button' : ''
         }), this.props.children);
       },
       zIndex: layers.modal(),

package/dist/es2019/util/analytics.js

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

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "18.4.0"
+	"version": "19.1.0"
 }

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

@@ -85,11 +85,21 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
         _this.fireAnalytics(cardTriggered('user', 'hover'));
       }
     });
+    _defineProperty(_assertThisInitialized(_this), "onKeyPress", function (event) {
+      if (event.key === 'Enter' || event.key === ' ') {
+        event.preventDefault();
+        _this.showProfilecard();
+        if (!_this.state.visible) {
+          _this.fireAnalytics(cardTriggered('user', 'click'));
+        }
+      }
+    });
     _defineProperty(_assertThisInitialized(_this), "containerListeners", _this.props.trigger === 'hover' ? {
       onMouseEnter: _this.onMouseEnter,
       onMouseLeave: _this.hideProfilecard
     } : {
-      onClick: _this.onClick
+      onClick: _this.onClick,
+      onKeyPress: _this.onKeyPress
     });
     _defineProperty(_assertThisInitialized(_this), "layerListeners", {
       handleClickOutside: _this.hideProfilecard,
@@ -259,7 +269,9 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
             innerProps = _objectWithoutProperties(triggerProps, _excluded);
           return /*#__PURE__*/React.createElement("span", _extends({}, innerProps, _this3.containerListeners, {
             ref: ref,
-            "data-testid": _this3.props.testId
+            "data-testid": _this3.props.testId,
+            tabIndex: 0,
+            role: _this3.props.trigger !== 'hover' ? 'button' : ''
           }), _this3.props.children);
         },
         zIndex: layers.modal(),

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

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "18.4.0"
+	"version": "19.1.0"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/profilecard",
-  "version": "18.4.0",
+  "version": "19.1.0",
   "description": "A React component to display a card with user information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -41,17 +41,17 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.0.0",
-    "@atlaskit/avatar": "^21.1.0",
+    "@atlaskit/avatar": "^21.2.0",
     "@atlaskit/avatar-group": "^9.2.0",
     "@atlaskit/button": "^16.5.0",
-    "@atlaskit/dropdown-menu": "^11.6.0",
+    "@atlaskit/dropdown-menu": "^11.7.0",
     "@atlaskit/empty-state": "^7.4.8",
     "@atlaskit/give-kudos": "^1.0.0",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/lozenge": "^11.3.0",
     "@atlaskit/menu": "^1.5.0",
     "@atlaskit/popup": "^1.5.0",
-    "@atlaskit/spinner": "^15.3.0",
+    "@atlaskit/spinner": "^15.4.0",
     "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^1.2.0",
     "@babel/runtime": "^7.0.0",