@atlaskit/reactions 22.10.7 → 22.10.8

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/reactions
 
+## 22.10.8
+
+### Patch Changes
+
+- [#128413](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/128413)
+  [`cc1157d1b37f9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cc1157d1b37f9) -
+  [ux] Ensure that particle animations only appear once after adding reaction
+
 ## 22.10.7
 
 ### Patch Changes

package/dist/cjs/analytics/index.js

@@ -11,7 +11,7 @@ var _analyticsGasTypes = require("@atlaskit/analytics-gas-types");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/reactions";
-var packageVersion = "22.10.7";
+var packageVersion = "22.10.8";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/store/MemoryReactionsStore.js

@@ -93,6 +93,12 @@ var MemoryReactionsStore = exports.MemoryReactionsStore = /*#__PURE__*/function
         return _this.setFlash(reaction.containerAri, reaction.ari, reaction.emojiId, false);
       }, 700);
     });
+    (0, _defineProperty2.default)(this, "displayParticleEffect", function (reaction) {
+      _this.setParticleEffectForEmoji(reaction.containerAri, reaction.ari, reaction.emojiId, true);
+      window.setTimeout(function () {
+        _this.setParticleEffectForEmoji(reaction.containerAri, reaction.ari, reaction.emojiId, false);
+      }, 1500);
+    });
     (0, _defineProperty2.default)(this, "optmisticUpdate", function (containerAri, ari, emojiId) {
       return function (updater) {
         _this.withReadyReaction(containerAri, ari)(function (reactionState) {
@@ -133,7 +139,7 @@ var MemoryReactionsStore = exports.MemoryReactionsStore = /*#__PURE__*/function
         emojiId = reaction.emojiId;
       _this.optmisticUpdate(containerAri, ari, emojiId)(_utils.addOne);
       _this.flash(reaction);
-      _this.setParticleEffectForEmoji(containerAri, ari, emojiId, true);
+      _this.displayParticleEffect(reaction);
       var exp = ufoExperiences.add.getInstance("".concat(ari, "|").concat(emojiId));
       // ufo start reaction experience
       exp.start();

package/dist/es2019/analytics/index.js

@@ -1,7 +1,7 @@
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 const packageName = "@atlaskit/reactions";
-const packageVersion = "22.10.7";
+const packageVersion = "22.10.8";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/es2019/store/MemoryReactionsStore.js

@@ -81,6 +81,12 @@ export class MemoryReactionsStore {
       this.setFlash(reaction.containerAri, reaction.ari, reaction.emojiId, true);
       window.setTimeout(() => this.setFlash(reaction.containerAri, reaction.ari, reaction.emojiId, false), 700);
     });
+    _defineProperty(this, "displayParticleEffect", reaction => {
+      this.setParticleEffectForEmoji(reaction.containerAri, reaction.ari, reaction.emojiId, true);
+      window.setTimeout(() => {
+        this.setParticleEffectForEmoji(reaction.containerAri, reaction.ari, reaction.emojiId, false);
+      }, 1500);
+    });
     _defineProperty(this, "optmisticUpdate", (containerAri, ari, emojiId) => updater => {
       this.withReadyReaction(containerAri, ari)(reactionState => {
         let found = false;
@@ -123,7 +129,7 @@ export class MemoryReactionsStore {
       } = reaction;
       this.optmisticUpdate(containerAri, ari, emojiId)(addOne);
       this.flash(reaction);
-      this.setParticleEffectForEmoji(containerAri, ari, emojiId, true);
+      this.displayParticleEffect(reaction);
       const exp = ufoExperiences.add.getInstance(`${ari}|${emojiId}`);
       // ufo start reaction experience
       exp.start();

package/dist/esm/analytics/index.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 var packageName = "@atlaskit/reactions";
-var packageVersion = "22.10.7";
+var packageVersion = "22.10.8";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/esm/store/MemoryReactionsStore.js

@@ -88,6 +88,12 @@ export var MemoryReactionsStore = /*#__PURE__*/function () {
         return _this.setFlash(reaction.containerAri, reaction.ari, reaction.emojiId, false);
       }, 700);
     });
+    _defineProperty(this, "displayParticleEffect", function (reaction) {
+      _this.setParticleEffectForEmoji(reaction.containerAri, reaction.ari, reaction.emojiId, true);
+      window.setTimeout(function () {
+        _this.setParticleEffectForEmoji(reaction.containerAri, reaction.ari, reaction.emojiId, false);
+      }, 1500);
+    });
     _defineProperty(this, "optmisticUpdate", function (containerAri, ari, emojiId) {
       return function (updater) {
         _this.withReadyReaction(containerAri, ari)(function (reactionState) {
@@ -128,7 +134,7 @@ export var MemoryReactionsStore = /*#__PURE__*/function () {
         emojiId = reaction.emojiId;
       _this.optmisticUpdate(containerAri, ari, emojiId)(addOne);
       _this.flash(reaction);
-      _this.setParticleEffectForEmoji(containerAri, ari, emojiId, true);
+      _this.displayParticleEffect(reaction);
       var exp = ufoExperiences.add.getInstance("".concat(ari, "|").concat(emojiId));
       // ufo start reaction experience
       exp.start();

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

@@ -54,6 +54,7 @@ export declare class MemoryReactionsStore implements Store {
     private setFlash;
     private flash;
     private setParticleEffectForEmoji;
+    private displayParticleEffect;
     private optmisticUpdate;
     /**
      * Utility function to help execute a callback to Reaction if its state is ready.

package/dist/types-ts4.5/store/MemoryReactionsStore.d.ts

@@ -54,6 +54,7 @@ export declare class MemoryReactionsStore implements Store {
     private setFlash;
     private flash;
     private setParticleEffectForEmoji;
+    private displayParticleEffect;
     private optmisticUpdate;
     /**
      * Utility function to help execute a callback to Reaction if its state is ready.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "22.10.7",
+	"version": "22.10.8",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"