@atlaskit/reactions 21.2.0 → 21.2.3

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/reactions
 
+## 21.2.3
+
+### Patch Changes
+
+- [`d64aafec153`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d64aafec153) - Fixed bug where clicking on tooltip triggered a reaction
+- Updated dependencies
+
+## 21.2.2
+
+### Patch Changes
+
+- [`58a563ece8f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/58a563ece8f) - Add ComponentName as part of the exported enum collection for easier consumption inside products
+
+## 21.2.1
+
+### Patch Changes
+
+- [`783c8c02335`](https://bitbucket.org/atlassian/atlassian-frontend/commits/783c8c02335) - Update the reactions rendered UFO type
+
 ## 21.2.0
 
 ### Minor Changes

package/dist/cjs/analytics/ufo.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ReactionsRendered = exports.ReactionsRemove = exports.ReactionsAdd = exports.PickerRender = exports.ExperienceName = void 0;
+exports.ReactionsRendered = exports.ReactionsRemove = exports.ReactionsAdd = exports.PickerRender = exports.ExperienceName = exports.ComponentName = void 0;
 
 var _ufo = require("@atlaskit/ufo");
 
@@ -44,10 +44,12 @@ var ComponentName;
  * Experience when the emoji picker is opened
  */
 
+exports.ComponentName = ComponentName;
+
 (function (ComponentName) {
   ComponentName["PICKER_RENDERED"] = "reactions-picker";
   ComponentName["REACTIONS"] = "reactions-list";
-})(ComponentName || (ComponentName = {}));
+})(ComponentName || (exports.ComponentName = ComponentName = {}));
 
 var PickerRender = new _ufo.UFOExperience(ExperienceName.PICKER_OPENED, createExperienceConfig(ComponentName.PICKER_RENDERED, _ufo.ExperienceTypes.Experience, _ufo.ExperiencePerformanceTypes.InlineResult));
 /**
@@ -55,7 +57,7 @@ var PickerRender = new _ufo.UFOExperience(ExperienceName.PICKER_OPENED, createEx
  */
 
 exports.PickerRender = PickerRender;
-var ReactionsRendered = new _ufo.ConcurrentExperience(ExperienceName.REACTIONS_RENDERED, createExperienceConfig(ComponentName.REACTIONS, _ufo.ExperienceTypes.Experience, _ufo.ExperiencePerformanceTypes.InlineResult));
+var ReactionsRendered = new _ufo.ConcurrentExperience(ExperienceName.REACTIONS_RENDERED, createExperienceConfig(ComponentName.REACTIONS, _ufo.ExperienceTypes.Load, _ufo.ExperiencePerformanceTypes.PageSegmentLoad));
 /**
  * Experience when a reaction emoji gets added
  */

package/dist/cjs/components/Reaction.js

@@ -188,14 +188,14 @@ var ReactionWithoutAnalytics = /*#__PURE__*/function (_PureComponent) {
         id: reaction.emojiId,
         shortName: ''
       };
-      return (0, _core.jsx)("button", {
+      return (0, _core.jsx)(_ReactionTooltip.ReactionTooltip, {
+        emojiName: emojiName,
+        reaction: reaction
+      }, (0, _core.jsx)("button", {
         className: classNameProp,
         css: [reactionStyle, reaction.reacted && reactedStyle],
         onMouseUp: this.handleMouseDown,
         onMouseEnter: this.handleMouseEnter
-      }, (0, _core.jsx)(_ReactionTooltip.ReactionTooltip, {
-        emojiName: emojiName,
-        reaction: reaction
       }, (0, _core.jsx)(_FlashAnimation.FlashAnimation, {
         flash: flash,
         css: flashStyle

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "21.2.0"
+	"version": "21.2.3"
 }

package/dist/es2019/analytics/ufo.js

@@ -34,7 +34,7 @@ export let ExperienceName;
   ExperienceName["REACTION_REMOVED"] = "reaction-removed";
 })(ExperienceName || (ExperienceName = {}));
 
-var ComponentName;
+export let ComponentName;
 /**
  * Experience when the emoji picker is opened
  */
@@ -49,7 +49,7 @@ export const PickerRender = new UFOExperience(ExperienceName.PICKER_OPENED, crea
  * Experience when the list of reactions gets rendered
  */
 
-export const ReactionsRendered = new ConcurrentExperience(ExperienceName.REACTIONS_RENDERED, createExperienceConfig(ComponentName.REACTIONS, ExperienceTypes.Experience, ExperiencePerformanceTypes.InlineResult));
+export const ReactionsRendered = new ConcurrentExperience(ExperienceName.REACTIONS_RENDERED, createExperienceConfig(ComponentName.REACTIONS, ExperienceTypes.Load, ExperiencePerformanceTypes.PageSegmentLoad));
 /**
  * Experience when a reaction emoji gets added
  */

package/dist/es2019/components/Reaction.js

@@ -142,14 +142,14 @@ class ReactionWithoutAnalytics extends PureComponent {
       id: reaction.emojiId,
       shortName: ''
     };
-    return jsx("button", {
+    return jsx(ReactionTooltip, {
+      emojiName: emojiName,
+      reaction: reaction
+    }, jsx("button", {
       className: classNameProp,
       css: [reactionStyle, reaction.reacted && reactedStyle],
       onMouseUp: this.handleMouseDown,
       onMouseEnter: this.handleMouseEnter
-    }, jsx(ReactionTooltip, {
-      emojiName: emojiName,
-      reaction: reaction
     }, jsx(FlashAnimation, {
       flash: flash,
       css: flashStyle

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "21.2.0"
+	"version": "21.2.3"
 }

package/dist/esm/analytics/ufo.js

@@ -34,7 +34,7 @@ export var ExperienceName;
   ExperienceName["REACTION_REMOVED"] = "reaction-removed";
 })(ExperienceName || (ExperienceName = {}));
 
-var ComponentName;
+export var ComponentName;
 /**
  * Experience when the emoji picker is opened
  */
@@ -49,7 +49,7 @@ export var PickerRender = new UFOExperience(ExperienceName.PICKER_OPENED, create
  * Experience when the list of reactions gets rendered
  */
 
-export var ReactionsRendered = new ConcurrentExperience(ExperienceName.REACTIONS_RENDERED, createExperienceConfig(ComponentName.REACTIONS, ExperienceTypes.Experience, ExperiencePerformanceTypes.InlineResult));
+export var ReactionsRendered = new ConcurrentExperience(ExperienceName.REACTIONS_RENDERED, createExperienceConfig(ComponentName.REACTIONS, ExperienceTypes.Load, ExperiencePerformanceTypes.PageSegmentLoad));
 /**
  * Experience when a reaction emoji gets added
  */

package/dist/esm/components/Reaction.js

@@ -164,14 +164,14 @@ var ReactionWithoutAnalytics = /*#__PURE__*/function (_PureComponent) {
         id: reaction.emojiId,
         shortName: ''
       };
-      return jsx("button", {
+      return jsx(ReactionTooltip, {
+        emojiName: emojiName,
+        reaction: reaction
+      }, jsx("button", {
         className: classNameProp,
         css: [reactionStyle, reaction.reacted && reactedStyle],
         onMouseUp: this.handleMouseDown,
         onMouseEnter: this.handleMouseEnter
-      }, jsx(ReactionTooltip, {
-        emojiName: emojiName,
-        reaction: reaction
       }, jsx(FlashAnimation, {
         flash: flash,
         css: flashStyle

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "21.2.0"
+	"version": "21.2.3"
 }

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

@@ -8,6 +8,13 @@ export declare enum ExperienceName {
     REACTION_ADDED = "reaction-added",
     REACTION_REMOVED = "reaction-removed"
 }
+/**
+ * UFO types of components been instrumented
+ */
+export declare enum ComponentName {
+    PICKER_RENDERED = "reactions-picker",
+    REACTIONS = "reactions-list"
+}
 /**
  * Experience when the emoji picker is opened
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/reactions",
-  "version": "21.2.0",
+  "version": "21.2.3",
   "description": "Reactions component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -30,12 +30,12 @@
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/button": "^16.2.0",
     "@atlaskit/ds-lib": "^1.4.0",
-    "@atlaskit/emoji": "^64.3.0",
+    "@atlaskit/emoji": "^64.5.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/motion": "^1.0.3",
     "@atlaskit/popper": "^5.0.0",
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.8.0",
+    "@atlaskit/tokens": "^0.9.0",
     "@atlaskit/tooltip": "^17.5.0",
     "@atlaskit/ufo": "^0.1.0",
     "@atlaskit/util-service-support": "^6.1.0",
@@ -64,7 +64,7 @@
     "jest-fetch-mock": "^3.0.3",
     "react": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1",
-    "typescript": "3.9.6",
+    "typescript": "3.9.10",
     "wait-for-expect": "^1.2.0",
     "webpack-dev-server": "^3.11.2"
   },