@atlaskit/reactions 21.2.1 → 21.2.4

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/reactions
 
+## 21.2.4
+
+### Patch Changes
+
+- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
+- Updated dependencies
+
+## 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

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));
 /**

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.1"
+	"version": "21.2.4"
 }

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
  */

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.1"
+	"version": "21.2.4"
 }

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
  */

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.1"
+	"version": "21.2.4"
 }

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

@@ -3,7 +3,7 @@ import { EventType } from '@atlaskit/analytics-gas-types';
 import { ReactionSummary, ReactionSource } from '../types';
 export * as UFO from './ufo';
 export declare type PreviousState = 'new' | 'existingNotReacted' | 'existingReacted';
-export declare const createAndFireEventInElementsChannel: (payload: Record<string, any>) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
+export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
 export declare const createAndFireSafe: <U extends any[], T extends (...args: U) => AnalyticsEventPayload>(createAnalyticsEvent: CreateUIAnalyticsEvent | void, creator: T, ...args: U) => void;
 export declare const createRestSucceededEvent: (actionSubject: string) => {
     action: string;

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/dist/types/components/Reaction.d.ts

@@ -17,7 +17,7 @@ export interface Props {
 export interface State {
     emojiName?: string;
 }
-export declare const Reaction: React.ForwardRefExoticComponent<Pick<Pick<Props & WithAnalyticsEventsProps, "className" | "reaction" | "emojiProvider" | "onClick" | "onMouseEnter" | "flash">, "reaction" | "emojiProvider" | "onClick"> & Partial<Pick<Pick<Props & WithAnalyticsEventsProps, "className" | "reaction" | "emojiProvider" | "onClick" | "onMouseEnter" | "flash">, "className" | "onMouseEnter" | "flash">> & Partial<Pick<{
+export declare const Reaction: React.ForwardRefExoticComponent<Pick<Omit<Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps>, "reaction" | "emojiProvider" | "onClick"> & Partial<Pick<Omit<Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps>, "className" | "onMouseEnter" | "flash">> & Partial<Pick<{
     flash: boolean;
     className: undefined;
     onMouseEnter: undefined;

package/dist/types/components/Reactions.d.ts

@@ -43,7 +43,7 @@ export declare class ReactionsWithoutAnalytics extends React.PureComponent<Props
     private renderReaction;
     render(): JSX.Element;
 }
-export declare const Reactions: React.ForwardRefExoticComponent<Pick<Pick<Props & WithAnalyticsEventsProps, "reactions" | "emojiProvider" | "flash" | "onSelection" | "boundariesElement" | "allowAllEmojis" | "loadReaction" | "onReactionClick" | "onReactionHover" | "errorMessage" | "status">, "emojiProvider" | "onSelection" | "boundariesElement" | "allowAllEmojis" | "loadReaction" | "onReactionClick" | "onReactionHover" | "errorMessage" | "status"> & Partial<Pick<Pick<Props & WithAnalyticsEventsProps, "reactions" | "emojiProvider" | "flash" | "onSelection" | "boundariesElement" | "allowAllEmojis" | "loadReaction" | "onReactionClick" | "onReactionHover" | "errorMessage" | "status">, "reactions" | "flash">> & Partial<Pick<{
+export declare const Reactions: React.ForwardRefExoticComponent<Pick<Omit<Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps>, "emojiProvider" | "onSelection" | "boundariesElement" | "allowAllEmojis" | "loadReaction" | "onReactionClick" | "onReactionHover" | "errorMessage" | "status"> & Partial<Pick<Omit<Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps>, "reactions" | "flash">> & Partial<Pick<{
     flash: {};
     reactions: never[];
 }, never>> & React.RefAttributes<any>>;

package/dist/types/containers/ConnectedReactionsView.d.ts

@@ -16,4 +16,4 @@ export declare type Props = {
     emojiProvider: Promise<EmojiProvider>;
     store: ReactionStoreProp;
 };
-export declare const ConnectedReactionsView: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<Props & WithAnalyticsEventsProps>, "children" | "emojiProvider" | "boundariesElement" | "allowAllEmojis" | "containerAri" | "ari" | "store"> & React.RefAttributes<any>>;
+export declare const ConnectedReactionsView: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Props & WithAnalyticsEventsProps>, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

package/dist/types/store/ReactionConsumer.d.ts

@@ -24,6 +24,6 @@ export declare class ReactionConsumer<ExtendedPropsFromState, PropsFromActions e
     private handleOnChange;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): {} | null | undefined;
+    render(): React.ReactNode;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/reactions",
-  "version": "21.2.1",
+  "version": "21.2.4",
   "description": "Reactions component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -28,14 +28,14 @@
     "@atlaskit/analytics-gas-types": "^5.0.0",
     "@atlaskit/analytics-namespaced-context": "^6.4.0",
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/button": "^16.2.0",
+    "@atlaskit/button": "^16.3.0",
     "@atlaskit/ds-lib": "^1.4.0",
-    "@atlaskit/emoji": "^64.4.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": "4.2.4",
     "wait-for-expect": "^1.2.0",
     "webpack-dev-server": "^3.11.2"
   },