@atlaskit/profilecard 16.4.3 → 16.4.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/profilecard
 
+## 16.4.4
+
+### Patch Changes
+
+- [`b876346271a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b876346271a) - Ensure that component wrapping a ProfileCardTrigger is not clicked when clicking the trigger
+
 ## 16.4.3
 
 ### Patch Changes

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

@@ -99,11 +99,19 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
         }
       }, _this.showDelay);
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClick", function (event) {
+      // If the user clicks on the trigger then we don't want that click event to
+      // propagate out to parent containers. For example when clicking a mention
+      // lozenge in an inline-edit.
+      event.stopPropagation();
+
+      _this.showProfilecard();
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "containerListeners", _this.props.trigger === 'hover' ? {
       onMouseEnter: _this.showProfilecard,
       onMouseLeave: _this.hideProfilecard
     } : {
-      onClick: _this.showProfilecard
+      onClick: _this.onClick
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "layerListeners", {
       handleClickOutside: _this.hideProfilecard,

package/dist/cjs/util/analytics.js

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

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "16.4.3"
+	"version": "16.4.4"
 }

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

@@ -46,11 +46,19 @@ class ProfilecardTrigger extends React.PureComponent {
       }, this.showDelay);
     });
 
+    _defineProperty(this, "onClick", event => {
+      // If the user clicks on the trigger then we don't want that click event to
+      // propagate out to parent containers. For example when clicking a mention
+      // lozenge in an inline-edit.
+      event.stopPropagation();
+      this.showProfilecard();
+    });
+
     _defineProperty(this, "containerListeners", this.props.trigger === 'hover' ? {
       onMouseEnter: this.showProfilecard,
       onMouseLeave: this.hideProfilecard
     } : {
-      onClick: this.showProfilecard
+      onClick: this.onClick
     });
 
     _defineProperty(this, "layerListeners", {

package/dist/es2019/util/analytics.js

@@ -35,7 +35,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "16.4.3",
+    packageVersion: "16.4.4",
     ...attributes,
     firedAt: getPageTime()
   }

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "16.4.3"
+	"version": "16.4.4"
 }

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

@@ -76,11 +76,20 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
       }, _this.showDelay);
     });
 
+    _defineProperty(_assertThisInitialized(_this), "onClick", function (event) {
+      // If the user clicks on the trigger then we don't want that click event to
+      // propagate out to parent containers. For example when clicking a mention
+      // lozenge in an inline-edit.
+      event.stopPropagation();
+
+      _this.showProfilecard();
+    });
+
     _defineProperty(_assertThisInitialized(_this), "containerListeners", _this.props.trigger === 'hover' ? {
       onMouseEnter: _this.showProfilecard,
       onMouseLeave: _this.hideProfilecard
     } : {
-      onClick: _this.showProfilecard
+      onClick: _this.onClick
     });
 
     _defineProperty(_assertThisInitialized(_this), "layerListeners", {

package/dist/esm/util/analytics.js

@@ -45,7 +45,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "16.4.3"
+      packageVersion: "16.4.4"
     }, attributes), {}, {
       firedAt: getPageTime()
     })

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "16.4.3"
+	"version": "16.4.4"
 }

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

@@ -9,12 +9,13 @@ declare class ProfilecardTrigger extends React.PureComponent<ProfileCardTriggerP
     hideTimer: number;
     hideProfilecard: () => void;
     showProfilecard: () => void;
+    onClick: (event: React.MouseEvent) => void;
     containerListeners: {
         onMouseEnter: () => void;
         onMouseLeave: () => void;
         onClick?: undefined;
     } | {
-        onClick: () => void;
+        onClick: (event: React.MouseEvent) => void;
         onMouseEnter?: undefined;
         onMouseLeave?: undefined;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/profilecard",
-  "version": "16.4.3",
+  "version": "16.4.4",
   "description": "A React component to display a card with user information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"