@atlaskit/reactions 22.2.0 → 22.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (163) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/MockReactionsClient.js +1 -49
  3. package/dist/cjs/analytics/analytics.js +1 -40
  4. package/dist/cjs/analytics/index.js +0 -7
  5. package/dist/cjs/analytics/ufo.js +8 -20
  6. package/dist/cjs/client/ReactionServiceClient.js +2 -16
  7. package/dist/cjs/client/index.js +0 -1
  8. package/dist/cjs/components/Counter/Counter.js +10 -24
  9. package/dist/cjs/components/Counter/index.js +0 -6
  10. package/dist/cjs/components/Counter/styles.js +1 -3
  11. package/dist/cjs/components/EmojiButton/EmojiButton.js +3 -18
  12. package/dist/cjs/components/EmojiButton/index.js +0 -1
  13. package/dist/cjs/components/EmojiButton/styles.js +1 -2
  14. package/dist/cjs/components/FlashAnimation/FlashAnimation.js +1 -11
  15. package/dist/cjs/components/FlashAnimation/index.js +0 -1
  16. package/dist/cjs/components/FlashAnimation/styles.js +1 -3
  17. package/dist/cjs/components/Reaction/Reaction.js +23 -62
  18. package/dist/cjs/components/Reaction/index.js +0 -1
  19. package/dist/cjs/components/Reaction/styles.js +1 -4
  20. package/dist/cjs/components/ReactionDialog/ReactionView.js +6 -29
  21. package/dist/cjs/components/ReactionDialog/ReactionsDialog.js +19 -48
  22. package/dist/cjs/components/ReactionDialog/ReactionsList.js +18 -34
  23. package/dist/cjs/components/ReactionDialog/index.js +0 -1
  24. package/dist/cjs/components/ReactionDialog/styles.js +3 -13
  25. package/dist/cjs/components/ReactionPicker/ReactionPicker.js +41 -71
  26. package/dist/cjs/components/ReactionPicker/index.js +0 -1
  27. package/dist/cjs/components/ReactionPicker/styles.js +1 -4
  28. package/dist/cjs/components/ReactionTooltip/ReactionTooltip.js +13 -28
  29. package/dist/cjs/components/ReactionTooltip/index.js +0 -1
  30. package/dist/cjs/components/ReactionTooltip/styles.js +1 -3
  31. package/dist/cjs/components/Reactions/Reactions.js +48 -86
  32. package/dist/cjs/components/Reactions/index.js +0 -1
  33. package/dist/cjs/components/Reactions/styles.js +1 -2
  34. package/dist/cjs/components/Selector/Selector.js +12 -34
  35. package/dist/cjs/components/Selector/index.js +0 -6
  36. package/dist/cjs/components/Selector/styles.js +2 -5
  37. package/dist/cjs/components/ShowMore/ShowMore.js +5 -19
  38. package/dist/cjs/components/ShowMore/index.js +0 -1
  39. package/dist/cjs/components/ShowMore/styles.js +1 -4
  40. package/dist/cjs/components/Trigger/Trigger.js +6 -22
  41. package/dist/cjs/components/Trigger/index.js +0 -1
  42. package/dist/cjs/components/Trigger/styles.js +3 -13
  43. package/dist/cjs/components/UfoErrorBoundary/UfoErrorBoundary.js +1 -19
  44. package/dist/cjs/components/UfoErrorBoundary/index.js +0 -1
  45. package/dist/cjs/components/index.js +0 -5
  46. package/dist/cjs/containers/ConnectedReactionPicker/ConnectedReactionPicker.js +2 -17
  47. package/dist/cjs/containers/ConnectedReactionPicker/index.js +0 -1
  48. package/dist/cjs/containers/ConnectedReactionsView/ConnectedReactionsView.js +17 -62
  49. package/dist/cjs/containers/ConnectedReactionsView/index.js +0 -1
  50. package/dist/cjs/containers/index.js +0 -4
  51. package/dist/cjs/hooks/index.js +0 -1
  52. package/dist/cjs/hooks/useClickAway.js +2 -5
  53. package/dist/cjs/i18n/cs.js +0 -1
  54. package/dist/cjs/i18n/da.js +0 -1
  55. package/dist/cjs/i18n/de.js +0 -1
  56. package/dist/cjs/i18n/en.js +0 -1
  57. package/dist/cjs/i18n/en_GB.js +0 -1
  58. package/dist/cjs/i18n/en_ZZ.js +0 -1
  59. package/dist/cjs/i18n/es.js +0 -1
  60. package/dist/cjs/i18n/et.js +0 -1
  61. package/dist/cjs/i18n/fi.js +0 -1
  62. package/dist/cjs/i18n/fr.js +0 -1
  63. package/dist/cjs/i18n/hu.js +0 -1
  64. package/dist/cjs/i18n/index.js +0 -30
  65. package/dist/cjs/i18n/it.js +0 -1
  66. package/dist/cjs/i18n/ja.js +0 -1
  67. package/dist/cjs/i18n/ko.js +0 -1
  68. package/dist/cjs/i18n/nb.js +0 -1
  69. package/dist/cjs/i18n/nl.js +0 -1
  70. package/dist/cjs/i18n/pl.js +0 -1
  71. package/dist/cjs/i18n/pt_BR.js +0 -1
  72. package/dist/cjs/i18n/pt_PT.js +0 -1
  73. package/dist/cjs/i18n/ru.js +0 -1
  74. package/dist/cjs/i18n/sk.js +0 -1
  75. package/dist/cjs/i18n/sv.js +0 -1
  76. package/dist/cjs/i18n/th.js +0 -1
  77. package/dist/cjs/i18n/tr.js +0 -1
  78. package/dist/cjs/i18n/uk.js +0 -1
  79. package/dist/cjs/i18n/vi.js +0 -1
  80. package/dist/cjs/i18n/zh.js +0 -1
  81. package/dist/cjs/i18n/zh_TW.js +0 -1
  82. package/dist/cjs/index.js +0 -6
  83. package/dist/cjs/shared/constants.js +5 -6
  84. package/dist/cjs/shared/i18n.js +0 -2
  85. package/dist/cjs/shared/index.js +0 -9
  86. package/dist/cjs/shared/utils.js +6 -25
  87. package/dist/cjs/store/MemoryReactionsStore.js +21 -74
  88. package/dist/cjs/store/ReactionConsumer.js +0 -28
  89. package/dist/cjs/store/batched.js +0 -6
  90. package/dist/cjs/store/index.js +0 -2
  91. package/dist/cjs/store/utils.js +0 -25
  92. package/dist/cjs/types/index.js +0 -1
  93. package/dist/cjs/types/reaction.js +0 -10
  94. package/dist/cjs/version.json +1 -1
  95. package/dist/es2019/MockReactionsClient.js +7 -21
  96. package/dist/es2019/analytics/analytics.js +3 -9
  97. package/dist/es2019/analytics/ufo.js +11 -13
  98. package/dist/es2019/client/ReactionServiceClient.js +4 -13
  99. package/dist/es2019/components/Counter/Counter.js +5 -7
  100. package/dist/es2019/components/EmojiButton/EmojiButton.js +0 -3
  101. package/dist/es2019/components/FlashAnimation/FlashAnimation.js +1 -2
  102. package/dist/es2019/components/Reaction/Reaction.js +3 -12
  103. package/dist/es2019/components/Reaction/styles.js +1 -1
  104. package/dist/es2019/components/ReactionDialog/ReactionView.js +0 -4
  105. package/dist/es2019/components/ReactionDialog/ReactionsDialog.js +6 -15
  106. package/dist/es2019/components/ReactionDialog/ReactionsList.js +4 -3
  107. package/dist/es2019/components/ReactionDialog/styles.js +2 -5
  108. package/dist/es2019/components/ReactionPicker/ReactionPicker.js +14 -19
  109. package/dist/es2019/components/ReactionTooltip/ReactionTooltip.js +1 -2
  110. package/dist/es2019/components/Reactions/Reactions.js +16 -25
  111. package/dist/es2019/components/Selector/Selector.js +5 -11
  112. package/dist/es2019/components/Selector/styles.js +1 -1
  113. package/dist/es2019/components/ShowMore/ShowMore.js +1 -2
  114. package/dist/es2019/components/Trigger/Trigger.js +1 -5
  115. package/dist/es2019/components/UfoErrorBoundary/UfoErrorBoundary.js +0 -3
  116. package/dist/es2019/containers/ConnectedReactionPicker/ConnectedReactionPicker.js +0 -4
  117. package/dist/es2019/containers/ConnectedReactionsView/ConnectedReactionsView.js +8 -20
  118. package/dist/es2019/hooks/useClickAway.js +3 -4
  119. package/dist/es2019/index.js +2 -1
  120. package/dist/es2019/shared/constants.js +5 -5
  121. package/dist/es2019/shared/utils.js +7 -15
  122. package/dist/es2019/store/MemoryReactionsStore.js +36 -61
  123. package/dist/es2019/store/ReactionConsumer.js +1 -12
  124. package/dist/es2019/store/batched.js +0 -2
  125. package/dist/es2019/store/utils.js +4 -8
  126. package/dist/es2019/types/reaction.js +1 -1
  127. package/dist/es2019/version.json +1 -1
  128. package/dist/esm/MockReactionsClient.js +1 -42
  129. package/dist/esm/analytics/analytics.js +1 -12
  130. package/dist/esm/analytics/ufo.js +11 -13
  131. package/dist/esm/client/ReactionServiceClient.js +2 -14
  132. package/dist/esm/components/Counter/Counter.js +12 -15
  133. package/dist/esm/components/EmojiButton/EmojiButton.js +2 -6
  134. package/dist/esm/components/FlashAnimation/FlashAnimation.js +1 -2
  135. package/dist/esm/components/Reaction/Reaction.js +23 -40
  136. package/dist/esm/components/Reaction/styles.js +1 -1
  137. package/dist/esm/components/ReactionDialog/ReactionView.js +5 -14
  138. package/dist/esm/components/ReactionDialog/ReactionsDialog.js +20 -35
  139. package/dist/esm/components/ReactionDialog/ReactionsList.js +17 -20
  140. package/dist/esm/components/ReactionDialog/styles.js +2 -5
  141. package/dist/esm/components/ReactionPicker/ReactionPicker.js +42 -52
  142. package/dist/esm/components/ReactionTooltip/ReactionTooltip.js +14 -16
  143. package/dist/esm/components/Reactions/Reactions.js +49 -62
  144. package/dist/esm/components/Selector/Selector.js +13 -22
  145. package/dist/esm/components/Selector/styles.js +1 -1
  146. package/dist/esm/components/ShowMore/ShowMore.js +6 -7
  147. package/dist/esm/components/Trigger/Trigger.js +7 -11
  148. package/dist/esm/components/Trigger/styles.js +3 -6
  149. package/dist/esm/components/UfoErrorBoundary/UfoErrorBoundary.js +1 -14
  150. package/dist/esm/containers/ConnectedReactionPicker/ConnectedReactionPicker.js +2 -9
  151. package/dist/esm/containers/ConnectedReactionsView/ConnectedReactionsView.js +17 -43
  152. package/dist/esm/hooks/useClickAway.js +3 -4
  153. package/dist/esm/index.js +2 -1
  154. package/dist/esm/shared/constants.js +5 -5
  155. package/dist/esm/shared/utils.js +7 -17
  156. package/dist/esm/store/MemoryReactionsStore.js +22 -78
  157. package/dist/esm/store/ReactionConsumer.js +0 -23
  158. package/dist/esm/store/batched.js +0 -4
  159. package/dist/esm/store/utils.js +0 -9
  160. package/dist/esm/types/reaction.js +1 -1
  161. package/dist/esm/version.json +1 -1
  162. package/dist/types/components/ReactionDialog/styles.d.ts +1 -2
  163. package/package.json +6 -4
@@ -1,42 +1,25 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports.ufoExperiences = exports.MemoryReactionsStore = void 0;
11
-
12
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
13
-
14
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
15
-
16
11
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
17
-
18
12
  var _analytics = require("../analytics");
19
-
20
13
  var Types = _interopRequireWildcard(require("../types"));
21
-
22
14
  var _batched = require("./batched");
23
-
24
15
  var utils = _interopRequireWildcard(require("./utils"));
25
-
26
16
  var _constants = require("../analytics/constants");
27
-
28
17
  var _ufo = require("../analytics/ufo");
29
-
30
18
  var _analytics2 = require("../analytics/analytics");
31
-
32
19
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
33
-
34
20
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
35
-
36
21
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
37
-
38
22
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
39
-
40
23
  /**
41
24
  * Set of all available UFO experiences relating to reaction element
42
25
  */
@@ -45,37 +28,33 @@ var ufoExperiences = {
45
28
  * Experience when a reaction emoji gets added
46
29
  */
47
30
  add: _analytics.UFO.ReactionsAdd,
48
-
49
31
  /**
50
32
  * Experience when a reaction emoji gets removed/decrement
51
33
  */
52
34
  remove: _analytics.UFO.ReactionsRemove,
53
-
54
35
  /**
55
36
  * Experience when the list of reactions gets rendered with sampling
56
37
  */
57
38
  render: function render(instanceId) {
58
39
  return (0, _ufo.sampledReactionsRendered)(instanceId);
59
40
  },
60
-
61
41
  /**
62
42
  * Experience when a reaction details gets fetched
63
43
  */
64
44
  fetchDetails: _analytics.UFO.ReactionDetailsFetch
65
45
  };
46
+
66
47
  /**
67
48
  * Optional metadata information in the store used in sending the API client requests
68
49
  */
69
-
70
50
  exports.ufoExperiences = ufoExperiences;
71
-
72
51
  var MemoryReactionsStore = /*#__PURE__*/function () {
73
52
  /**
74
53
  * default initial store data
75
54
  */
55
+
76
56
  function MemoryReactionsStore(client, state, metadata) {
77
57
  var _this = this;
78
-
79
58
  (0, _classCallCheck2.default)(this, MemoryReactionsStore);
80
59
  (0, _defineProperty2.default)(this, "callbacks", []);
81
60
  (0, _defineProperty2.default)(this, "initialState", {
@@ -84,7 +63,6 @@ var MemoryReactionsStore = /*#__PURE__*/function () {
84
63
  });
85
64
  (0, _defineProperty2.default)(this, "setState", function (newState) {
86
65
  _this.state = _objectSpread(_objectSpread({}, _this.state), newState);
87
-
88
66
  _this.triggerOnChange();
89
67
  });
90
68
  (0, _defineProperty2.default)(this, "triggerOnChange", (0, _batched.batch)(function () {
@@ -99,9 +77,8 @@ var MemoryReactionsStore = /*#__PURE__*/function () {
99
77
  });
100
78
  (0, _defineProperty2.default)(this, "handleDetailedReactionResponse", function (detailedReaction) {
101
79
  var containerAri = detailedReaction.containerAri,
102
- ari = detailedReaction.ari,
103
- emojiId = detailedReaction.emojiId;
104
-
80
+ ari = detailedReaction.ari,
81
+ emojiId = detailedReaction.emojiId;
105
82
  _this.withReaction(function (reaction) {
106
83
  return _objectSpread(_objectSpread({}, reaction), {}, {
107
84
  users: detailedReaction.users
@@ -110,7 +87,6 @@ var MemoryReactionsStore = /*#__PURE__*/function () {
110
87
  });
111
88
  (0, _defineProperty2.default)(this, "flash", function (reaction) {
112
89
  _this.setFlash(reaction.containerAri, reaction.ari, reaction.emojiId, true);
113
-
114
90
  window.setTimeout(function () {
115
91
  return _this.setFlash(reaction.containerAri, reaction.ari, reaction.emojiId, false);
116
92
  }, 700);
@@ -123,17 +99,14 @@ var MemoryReactionsStore = /*#__PURE__*/function () {
123
99
  if (reaction.emojiId === emojiId) {
124
100
  found = true;
125
101
  var updated = updater(reaction);
126
-
127
102
  if (updated) {
128
103
  return _objectSpread(_objectSpread({}, updated), {}, {
129
104
  optimisticallyUpdated: true
130
105
  });
131
106
  }
132
107
  }
133
-
134
108
  return reaction;
135
109
  });
136
-
137
110
  if (!found) {
138
111
  var updated = updater({
139
112
  containerAri: containerAri,
@@ -142,29 +115,24 @@ var MemoryReactionsStore = /*#__PURE__*/function () {
142
115
  count: 0,
143
116
  reacted: false
144
117
  });
145
-
146
118
  if (updated) {
147
119
  reactions.push(_objectSpread(_objectSpread({}, updated), {}, {
148
120
  optimisticallyUpdated: true
149
121
  }));
150
122
  }
151
123
  }
152
-
153
124
  return utils.readyState(reactions);
154
125
  });
155
126
  };
156
127
  });
157
128
  (0, _defineProperty2.default)(this, "doAddReaction", function (reaction) {
158
129
  var containerAri = reaction.containerAri,
159
- ari = reaction.ari,
160
- emojiId = reaction.emojiId;
161
-
130
+ ari = reaction.ari,
131
+ emojiId = reaction.emojiId;
162
132
  _this.optmisticUpdate(containerAri, ari, emojiId)(utils.addOne);
163
-
164
133
  _this.flash(reaction);
165
-
166
- var exp = ufoExperiences.add.getInstance("".concat(ari, "|").concat(emojiId)); // ufo start reaction experience
167
-
134
+ var exp = ufoExperiences.add.getInstance("".concat(ari, "|").concat(emojiId));
135
+ // ufo start reaction experience
168
136
  exp.start();
169
137
  exp.addMetadata({
170
138
  source: 'MemoryReactionsStore',
@@ -173,18 +141,16 @@ var MemoryReactionsStore = /*#__PURE__*/function () {
173
141
  containerAri: containerAri,
174
142
  emojiId: emojiId
175
143
  });
176
-
177
144
  _this.client.addReaction(containerAri, ari, emojiId, _this.metadata).then(function (_) {
178
145
  if (_this.createAnalyticsEvent) {
179
146
  _analytics.Analytics.createAndFireSafe(_this.createAnalyticsEvent, _analytics.Analytics.createRestSucceededEvent, 'addReaction');
180
- } // ufo add reaction success
181
-
182
-
147
+ }
148
+ // ufo add reaction success
183
149
  exp.success();
184
150
  }).catch(function (error) {
185
151
  if ((0, utils.isRealErrorFromService)(error.code)) {
186
- _this.createAnalyticsEvent && _analytics.Analytics.createAndFireSafe(_this.createAnalyticsEvent, _analytics.Analytics.createRestFailedEvent, 'addReaction', error.code); // ufo add reaction failure
187
-
152
+ _this.createAnalyticsEvent && _analytics.Analytics.createAndFireSafe(_this.createAnalyticsEvent, _analytics.Analytics.createRestFailedEvent, 'addReaction', error.code);
153
+ // ufo add reaction failure
188
154
  exp.failure({
189
155
  metadata: {
190
156
  error: (0, _analytics2.extractErrorInfo)(error),
@@ -192,15 +158,16 @@ var MemoryReactionsStore = /*#__PURE__*/function () {
192
158
  }
193
159
  });
194
160
  }
195
-
196
161
  return Promise.reject(error);
197
162
  });
198
163
  });
199
164
  (0, _defineProperty2.default)(this, "doRemoveReaction", function (reaction) {
200
165
  var containerAri = reaction.containerAri,
201
- ari = reaction.ari,
202
- emojiId = reaction.emojiId;
203
- var exp = ufoExperiences.remove.getInstance("".concat(ari, "|").concat(emojiId)); // ufo start reaction experience
166
+ ari = reaction.ari,
167
+ emojiId = reaction.emojiId;
168
+ var exp = ufoExperiences.remove.getInstance("".concat(ari, "|").concat(emojiId));
169
+
170
+ // ufo start reaction experience
204
171
 
205
172
  exp.start();
206
173
  exp.addMetadata({
@@ -210,9 +177,7 @@ var MemoryReactionsStore = /*#__PURE__*/function () {
210
177
  containerAri: containerAri,
211
178
  emojiId: emojiId
212
179
  });
213
-
214
180
  _this.optmisticUpdate(containerAri, ari, emojiId)(utils.removeOne);
215
-
216
181
  _this.client.deleteReaction(containerAri, ari, emojiId, _this.metadata).then(function (_) {
217
182
  // ufo add reaction success
218
183
  exp.success();
@@ -235,8 +200,8 @@ var MemoryReactionsStore = /*#__PURE__*/function () {
235
200
  * All reactions are usually fetched in a single call to reactions-service. Need to check why "getReactions" gets called randomly 1-2 times everytime on each fetch request despite using same containerAri.
236
201
  */
237
202
  var sampledExp = ufoExperiences.render(containerAri);
238
- var arisArr = aris.reduce(utils.flattenAris); // ufo start reaction experience
239
-
203
+ var arisArr = aris.reduce(utils.flattenAris);
204
+ // ufo start reaction experience
240
205
  sampledExp.start({
241
206
  samplingRate: _constants.SAMPLING_RATE_REACTIONS_RENDERED_EXP
242
207
  });
@@ -246,27 +211,22 @@ var MemoryReactionsStore = /*#__PURE__*/function () {
246
211
  containerAri: containerAri,
247
212
  aris: arisArr.join(',')
248
213
  });
249
-
250
214
  _this.client.getReactions(containerAri, arisArr).then(function (value) {
251
215
  Object.keys(value).map(function (ari) {
252
216
  var reactionsState = _this.getReactionsState(containerAri, ari);
253
-
254
217
  var reactions = reactionsState && reactionsState.status === Types.ReactionStatus.ready ? reactionsState.reactions : undefined;
255
-
256
218
  _this.setReactions(containerAri, ari, utils.readyState(value[ari].sort(utils.getReactionsSortFunction(reactions))));
257
219
  });
258
220
  }).then(function () {
259
221
  if (_this.createAnalyticsEvent) {
260
222
  _analytics.Analytics.createAndFireSafe(_this.createAnalyticsEvent, _analytics.Analytics.createRestSucceededEvent, 'getReactions');
261
223
  }
262
-
263
224
  sampledExp.success();
264
225
  }).catch(function (error) {
265
226
  if ((0, utils.isRealErrorFromService)(error.code)) {
266
227
  if (_this.createAnalyticsEvent) {
267
228
  _analytics.Analytics.createAndFireSafe(_this.createAnalyticsEvent, _analytics.Analytics.createRestFailedEvent, 'getReactions');
268
229
  }
269
-
270
230
  sampledExp.failure({
271
231
  metadata: {
272
232
  error: (0, _analytics2.extractErrorInfo)(error),
@@ -274,18 +234,15 @@ var MemoryReactionsStore = /*#__PURE__*/function () {
274
234
  }
275
235
  });
276
236
  }
277
-
278
237
  var reactionsState = arisArr.reduce(function (acc, ari) {
279
238
  return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2.default)({}, "".concat(containerAri, "|").concat(ari), {
280
239
  reactions: [],
281
240
  status: Types.ReactionStatus.error
282
241
  }));
283
242
  }, {});
284
-
285
243
  _this.setState(_objectSpread(_objectSpread({}, _this.state), {}, {
286
244
  reactions: _objectSpread(_objectSpread({}, _this.state.reactions), reactionsState)
287
245
  }));
288
-
289
246
  return Promise.reject(error);
290
247
  });
291
248
  }));
@@ -301,11 +258,9 @@ var MemoryReactionsStore = /*#__PURE__*/function () {
301
258
  containerAri: containerAri,
302
259
  emojiId: emojiId
303
260
  });
304
-
305
261
  _this.client.getDetailedReaction(containerAri, ari, emojiId).then(function (summary) {
306
262
  // ufo get reaction details success
307
263
  exp.success();
308
-
309
264
  _this.handleDetailedReactionResponse(summary);
310
265
  }).catch(function (error) {
311
266
  // ufo get reaction details failure
@@ -332,12 +287,11 @@ var MemoryReactionsStore = /*#__PURE__*/function () {
332
287
  this.state = state !== null && state !== void 0 ? state : this.initialState;
333
288
  this.metadata = metadata;
334
289
  }
290
+
335
291
  /**
336
292
  * Update the store state data with a new data
337
293
  * @param newState new store data
338
294
  */
339
-
340
-
341
295
  (0, _createClass2.default)(MemoryReactionsStore, [{
342
296
  key: "getReactionsState",
343
297
  value: function getReactionsState(containerAri, ari) {
@@ -366,19 +320,17 @@ var MemoryReactionsStore = /*#__PURE__*/function () {
366
320
  */
367
321
  function withReadyReaction(containerAri, ari) {
368
322
  var _this2 = this;
369
-
370
323
  return function (updater) {
371
324
  var reactionsState = _this2.getReactionsState(containerAri, ari);
372
-
373
325
  if (reactionsState && reactionsState.status === Types.ReactionStatus.ready) {
374
326
  var updated = updater(reactionsState);
375
-
376
327
  if (updated) {
377
328
  _this2.setReactions(containerAri, ari, updated);
378
329
  }
379
330
  }
380
331
  };
381
332
  }
333
+
382
334
  /**
383
335
  * Utility function to help execute actions with a reaction. It handles reaction discovery
384
336
  * and branching between reacted and not reacted.
@@ -392,12 +344,10 @@ var MemoryReactionsStore = /*#__PURE__*/function () {
392
344
  * A function that will execute the correct callback to the triple containerAri, ari and
393
345
  * emojiId. If some state is returned, the new state will be applied.
394
346
  */
395
-
396
347
  }, {
397
348
  key: "withReaction",
398
349
  value: function withReaction(reactedCallback, notReactedCallback) {
399
350
  var _this3 = this;
400
-
401
351
  return function (containerAri, ari, emojiId) {
402
352
  _this3.withReadyReaction(containerAri, ari)(function (reactionsState) {
403
353
  var reaction = reactionsState.reactions.find(utils.byEmojiId(emojiId)) || {
@@ -409,11 +359,9 @@ var MemoryReactionsStore = /*#__PURE__*/function () {
409
359
  };
410
360
  var callback = reaction.reacted || !notReactedCallback ? reactedCallback : notReactedCallback;
411
361
  var updatedReaction = callback(reaction);
412
-
413
362
  if (updatedReaction && !(updatedReaction instanceof Function)) {
414
363
  return utils.readyState(reactionsState.reactions.map(utils.updateByEmojiId(emojiId, updatedReaction)));
415
364
  }
416
-
417
365
  return;
418
366
  });
419
367
  };
@@ -421,5 +369,4 @@ var MemoryReactionsStore = /*#__PURE__*/function () {
421
369
  }]);
422
370
  return MemoryReactionsStore;
423
371
  }();
424
-
425
372
  exports.MemoryReactionsStore = MemoryReactionsStore;
@@ -1,59 +1,40 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.ReactionConsumer = void 0;
9
-
10
8
  var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
11
-
12
9
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
13
-
14
10
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
15
-
16
11
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
17
-
18
12
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
19
-
20
13
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
21
-
22
14
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
23
-
24
15
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
25
-
26
16
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
27
-
28
17
  var _react = _interopRequireDefault(require("react"));
29
-
30
18
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
31
-
32
19
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
33
-
34
20
  /**
35
21
  * A custom mapper class that takes the store instance and mapper functions "mapStateToProps" and "mapActionsToProps" to return the renderProps pattern as a child component
36
22
  * @deprecated please avoid using this class as it will be removed in a future release
37
23
  */
38
24
  var ReactionConsumer = /*#__PURE__*/function (_React$PureComponent) {
39
25
  (0, _inherits2.default)(ReactionConsumer, _React$PureComponent);
40
-
41
26
  var _super = _createSuper(ReactionConsumer);
42
-
43
27
  function ReactionConsumer(props) {
44
28
  var _this;
45
-
46
29
  (0, _classCallCheck2.default)(this, ReactionConsumer);
47
30
  _this = _super.call(this, props);
48
31
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getPropsFromActions", function (actions) {
49
32
  var mapActionsToProps = _this.props.mapActionsToProps;
50
-
51
33
  if (mapActionsToProps) {
52
34
  if (!_this.previousActions || !_this.propsFromActions || _this.previousActions !== actions) {
53
35
  _this.propsFromActions = mapActionsToProps(actions);
54
36
  }
55
37
  }
56
-
57
38
  _this.previousActions = actions;
58
39
  return _this.propsFromActions;
59
40
  });
@@ -69,17 +50,14 @@ var ReactionConsumer = /*#__PURE__*/function (_React$PureComponent) {
69
50
  };
70
51
  return _this;
71
52
  }
72
-
73
53
  (0, _createClass2.default)(ReactionConsumer, [{
74
54
  key: "componentDidMount",
75
55
  value: function componentDidMount() {
76
56
  var _this2 = this;
77
-
78
57
  Promise.resolve(this.props.store).then(function (store) {
79
58
  _this2.setState({
80
59
  store: store
81
60
  });
82
-
83
61
  store.onChange(_this2.handleOnChange);
84
62
  });
85
63
  }
@@ -94,7 +72,6 @@ var ReactionConsumer = /*#__PURE__*/function (_React$PureComponent) {
94
72
  if (this.state.store) {
95
73
  this.state.store.removeOnChangeListener(this.handleOnChange);
96
74
  }
97
-
98
75
  case 1:
99
76
  case "end":
100
77
  return _context.stop();
@@ -102,28 +79,23 @@ var ReactionConsumer = /*#__PURE__*/function (_React$PureComponent) {
102
79
  }
103
80
  }, _callee, this);
104
81
  }));
105
-
106
82
  function componentWillUnmount() {
107
83
  return _componentWillUnmount.apply(this, arguments);
108
84
  }
109
-
110
85
  return componentWillUnmount;
111
86
  }()
112
87
  /**
113
88
  * Get the actions the child component might need to dispatch from its props
114
89
  */
115
-
116
90
  }, {
117
91
  key: "render",
118
92
  value: function render() {
119
93
  if (!this.state.store) {
120
94
  return null;
121
95
  }
122
-
123
96
  return this.props.children(Object.assign({}, this.getPropsFromState(this.state.store.getState()), this.getPropsFromActions(this.state.store)));
124
97
  }
125
98
  }]);
126
99
  return ReactionConsumer;
127
100
  }(_react.default.PureComponent);
128
-
129
101
  exports.ReactionConsumer = ReactionConsumer;
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.batch = batch;
7
7
  exports.batchByKey = batchByKey;
8
-
9
8
  function batch(callback) {
10
9
  var calls = [];
11
10
  return function () {
@@ -16,15 +15,12 @@ function batch(callback) {
16
15
  });
17
16
  calls = [];
18
17
  }
19
-
20
18
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
21
19
  args[_key] = arguments[_key];
22
20
  }
23
-
24
21
  calls.push(args);
25
22
  };
26
23
  }
27
-
28
24
  function batchByKey(callback) {
29
25
  var calls = {};
30
26
  return function (key) {
@@ -35,11 +31,9 @@ function batchByKey(callback) {
35
31
  });
36
32
  calls[key] = [];
37
33
  }
38
-
39
34
  for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
40
35
  args[_key2 - 1] = arguments[_key2];
41
36
  }
42
-
43
37
  calls[key].push(args);
44
38
  };
45
39
  }
@@ -21,7 +21,5 @@ Object.defineProperty(exports, "ufoExperiences", {
21
21
  return _MemoryReactionsStore.ufoExperiences;
22
22
  }
23
23
  });
24
-
25
24
  var _ReactionConsumer = require("./ReactionConsumer");
26
-
27
25
  var _MemoryReactionsStore = require("./MemoryReactionsStore");
@@ -1,26 +1,19 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.getReactionsSortFunction = exports.flattenAris = exports.byEmojiId = exports.addOne = void 0;
9
8
  exports.isRealErrorFromService = isRealErrorFromService;
10
9
  exports.updateByEmojiId = exports.removeOne = exports.readyState = void 0;
11
-
12
10
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
11
  var _types = require("../types");
15
-
16
12
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
17
-
18
13
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
19
-
20
14
  var compareEmojiId = function compareEmojiId(l, r) {
21
15
  return l.localeCompare(r);
22
16
  };
23
-
24
17
  var sortByRelevance = function sortByRelevance(a, b) {
25
18
  if (a.count > b.count) {
26
19
  return -1;
@@ -30,23 +23,19 @@ var sortByRelevance = function sortByRelevance(a, b) {
30
23
  return compareEmojiId(a.emojiId, b.emojiId);
31
24
  }
32
25
  };
33
-
34
26
  var sortByPreviousPosition = function sortByPreviousPosition(reactions) {
35
27
  var indexes = reactions.reduce(function (map, reaction, index) {
36
28
  map[reaction.emojiId] = index;
37
29
  return map;
38
30
  }, {});
39
-
40
31
  var getPosition = function getPosition(_ref) {
41
32
  var emojiId = _ref.emojiId;
42
33
  return indexes[emojiId] === undefined ? reactions.length : indexes[emojiId];
43
34
  };
44
-
45
35
  return function (a, b) {
46
36
  return getPosition(a) - getPosition(b);
47
37
  };
48
38
  };
49
-
50
39
  var readyState = function readyState(reactions) {
51
40
  return {
52
41
  status: _types.ReactionStatus.ready,
@@ -55,55 +44,41 @@ var readyState = function readyState(reactions) {
55
44
  })
56
45
  };
57
46
  };
58
-
59
47
  exports.readyState = readyState;
60
-
61
48
  var byEmojiId = function byEmojiId(emojiId) {
62
49
  return function (reaction) {
63
50
  return reaction.emojiId === emojiId;
64
51
  };
65
52
  };
66
-
67
53
  exports.byEmojiId = byEmojiId;
68
-
69
54
  var addOne = function addOne(reaction) {
70
55
  return _objectSpread(_objectSpread({}, reaction), {}, {
71
56
  count: reaction.count + 1,
72
57
  reacted: true
73
58
  });
74
59
  };
75
-
76
60
  exports.addOne = addOne;
77
-
78
61
  var removeOne = function removeOne(reaction) {
79
62
  return _objectSpread(_objectSpread({}, reaction), {}, {
80
63
  count: reaction.count - 1,
81
64
  reacted: false
82
65
  });
83
66
  };
84
-
85
67
  exports.removeOne = removeOne;
86
-
87
68
  var updateByEmojiId = function updateByEmojiId(emojiId, updater) {
88
69
  return function (reaction) {
89
70
  return reaction.emojiId === emojiId ? updater instanceof Function ? updater(reaction) : updater : reaction;
90
71
  };
91
72
  };
92
-
93
73
  exports.updateByEmojiId = updateByEmojiId;
94
-
95
74
  var getReactionsSortFunction = function getReactionsSortFunction(reactions) {
96
75
  return reactions && reactions.length ? sortByPreviousPosition(reactions) : sortByRelevance;
97
76
  };
98
-
99
77
  exports.getReactionsSortFunction = getReactionsSortFunction;
100
-
101
78
  var flattenAris = function flattenAris(a, b) {
102
79
  return a.concat(b);
103
80
  };
104
-
105
81
  exports.flattenAris = flattenAris;
106
-
107
82
  function isRealErrorFromService(errorCode) {
108
83
  // we don't count 401 or 403 as a real error from services
109
84
  return !errorCode || !(errorCode === 401 || errorCode === 403);
@@ -9,5 +9,4 @@ Object.defineProperty(exports, "ReactionStatus", {
9
9
  return _reaction.ReactionStatus;
10
10
  }
11
11
  });
12
-
13
12
  var _reaction = require("./reaction");
@@ -4,43 +4,35 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.ReactionStatus = void 0;
7
-
8
7
  /**
9
8
  * Collection of reactions as object (key is unique id from containerAri and ari combined)
10
9
  */
11
-
12
10
  /**
13
11
  * Event handler when reactions dialog selected emoji is clicked
14
12
  * @param emojiId selected emoji
15
13
  * @param analyticsEvent Optional analytics event emitted from @atlaskit/tabs component
16
14
  */
17
-
18
15
  /**
19
16
  * MetaData for Reaction object
20
17
  */
21
-
22
18
  /**
23
19
  * Metadata for composing a summary of emojis that will be shown in the the primary view even if the reaction count is zero
24
20
  */
25
-
26
21
  /**
27
22
  * Event handler for when the user clicks on the reaction
28
23
  * @param id give id for the emoji
29
24
  * @param event selected mouse event proerties
30
25
  */
31
-
32
26
  /**
33
27
  * Event handler for when the user hovers with the mouse on the reaction
34
28
  * @param emojiId id of emoji
35
29
  * @param event (Optional) custom DOM event handler callback
36
30
  */
37
-
38
31
  /**
39
32
  * Event handler for when the user focused on the reaction
40
33
  * @param emojiId id of emoji
41
34
  * @param event (Optional) custom DOM event handler callback
42
35
  */
43
-
44
36
  /**
45
37
  * Condition of the reaction when gets loaded from the store
46
38
  */
@@ -48,9 +40,7 @@ var ReactionStatus;
48
40
  /**
49
41
  * state in which the reaction is at
50
42
  */
51
-
52
43
  exports.ReactionStatus = ReactionStatus;
53
-
54
44
  (function (ReactionStatus) {
55
45
  ReactionStatus["ready"] = "READY";
56
46
  ReactionStatus["loading"] = "LOADING";
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/reactions",
3
- "version": "22.2.0"
3
+ "version": "22.2.2"
4
4
  }